@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Sarabun-Regular.woff2)format("woff2")}@font-face{font-family:Sarabun;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Sarabun-Bold.woff2)format("woff2")}:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#64748b;--border-color:#e2e8f0;--card-shadow:0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--modal-bg:#fff;--modal-overlay:rgba(15,23,42,.6);--input-bg:#fff;--input-border:#cbd5e1;--surface-sunken:#f1f5f9;--surface-card:#fff;--border-subtle:#e2e8f0;--accent-color:#3b82f6;--accent-hover:#2563eb;--success-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b;--map-pond-bg:rgba(14,165,233,.1);--map-pond-border:rgba(14,165,233,.3);--map-pond-border-selected:#0284c7;--map-table-normal-bg:rgba(59,130,246,.9);--map-table-gongsi-bg:rgba(225,29,72,.9);--map-table-vip-bg:#f59e0b;--map-table-vip-border:#fbbf24;--text-vip:#d97706;--even-color:#10b981;--odd-color:#8b5cf6;--badge-success-bg:#d1fae5;--badge-success-text:#065f46;--badge-warning-bg:#fef3c7;--badge-warning-text:#92400e;--badge-danger-bg:#fee2e2;--badge-danger-text:#991b1b;--badge-info-bg:#dbeafe;--badge-info-text:#1e3a8a;--badge-neutral-bg:#f1f5f9;--badge-neutral-text:#334155;--badge-orange-bg:#ffedd5;--badge-orange-text:#9a3412;--badge-vip-bg:rgba(245,158,11,.15);--badge-vip-text:#d97706;--badge-vip-border:rgba(245,158,11,.3);--badge-gold-bg:#fef08a;--badge-gold-text:#854d0e;--badge-purple-bg:#f3e8ff;--badge-purple-text:#6b21a8;--badge-odd-bg:#ede9fe;--badge-odd-text:#5b21b6;--badge-even-bg:#d1fae5;--badge-even-text:#065f46;--badge-lose-pending-bg:#fee2e2;--badge-lose-pending-text:#991b1b;--badge-lose-collected-bg:#e2e8f0;--badge-lose-collected-text:#334155;--badge-win-ready-bg:#dbeafe;--badge-win-ready-text:#1e3a8a;--badge-win-disbursing-bg:#f3e8ff;--badge-win-disbursing-text:#6b21a8;--badge-paid-out-bg:#d1fae5;--badge-paid-out-text:#065f46;--glass-bg:rgba(255,255,255,.7);--glass-border:#e2e8f0;--glass-shadow:0 4px 6px -1px rgba(0,0,0,.05), 0 2px 4px -1px rgba(0,0,0,.03);--font-family:"Prompt", "Inter", -apple-system, BlinkMacSystemFont, "Sukhumvit Set", "Thonburi", "Noto Sans Thai", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;--font-num:var(--font-family);--transition-fast:.2s ease;--transition-normal:.3s ease;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:9999px}[data-theme=dark]{--bg-primary:#090e17;--bg-secondary:#111827;--bg-tertiary:#1f2937;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:#1f2937;--card-shadow:0 4px 6px -1px rgba(0,0,0,.4);--modal-bg:#111827;--modal-overlay:rgba(0,0,0,.75);--input-bg:#1f2937;--input-border:#374151;--surface-sunken:#0f172a;--surface-card:#1e293b;--border-subtle:#334155;--accent-color:#60a5fa;--accent-hover:#3b82f6;--success-color:#34d399;--danger-color:#f87171;--warning-color:#fbbf24;--even-color:#34d399;--odd-color:#a78bfa;--map-pond-bg:rgba(56,189,248,.15);--map-pond-border:rgba(14,165,233,.4);--map-pond-border-selected:#0ea5e9;--map-table-normal-bg:rgba(14,165,233,.95);--map-table-gongsi-bg:rgba(225,29,72,.95);--map-table-vip-bg:#f59e0b;--map-table-vip-border:#fbbf24;--text-vip:#f59e0b;--badge-success-bg:rgba(16,185,129,.2);--badge-success-text:#34d399;--badge-warning-bg:rgba(245,158,11,.2);--badge-warning-text:#fbbf24;--badge-danger-bg:rgba(239,68,68,.2);--badge-danger-text:#f87171;--badge-info-bg:rgba(59,130,246,.2);--badge-info-text:#60a5fa;--badge-neutral-bg:rgba(100,116,139,.2);--badge-neutral-text:#cbd5e1;--badge-orange-bg:rgba(249,115,22,.2);--badge-orange-text:#fdba74;--badge-vip-bg:rgba(245,158,11,.15);--badge-vip-text:#fbbf24;--badge-vip-border:rgba(245,158,11,.3);--badge-gold-bg:rgba(234,179,8,.2);--badge-gold-text:#fde047;--badge-purple-bg:rgba(168,85,247,.2);--badge-purple-text:#d8b4fe;--badge-odd-bg:rgba(139,92,246,.2);--badge-odd-text:#a78bfa;--badge-even-bg:rgba(16,185,129,.2);--badge-even-text:#34d399;--badge-lose-pending-bg:rgba(239,68,68,.2);--badge-lose-pending-text:#f87171;--badge-lose-collected-bg:rgba(100,116,139,.25);--badge-lose-collected-text:#94a3b8;--badge-win-ready-bg:rgba(59,130,246,.2);--badge-win-ready-text:#60a5fa;--badge-win-disbursing-bg:rgba(168,85,247,.2);--badge-win-disbursing-text:#d8b4fe;--badge-paid-out-bg:rgba(16,185,129,.2);--badge-paid-out-text:#34d399;--glass-bg:rgba(17,24,39,.7);--glass-border:#1f2937;--glass-shadow:0 4px 6px -1px rgba(0,0,0,.5)}.tabular-nums{font-family:var(--font-num);font-variant-numeric:tabular-nums}.text-semantic-success{color:var(--success-color)}.text-semantic-danger{color:var(--danger-color)}.text-semantic-warning{color:var(--warning-color)}.text-semantic-accent{color:var(--accent-color)}.text-semantic-muted{color:var(--text-secondary)}.text-semantic-primary{color:var(--text-primary)}.text-semantic-even{color:var(--even-color)}.text-semantic-odd{color:var(--odd-color)}.app-container{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary);font-family:var(--font-family);transition:background-color var(--transition-normal), color var(--transition-normal);flex-direction:column;display:flex}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg);transition:transform var(--transition-fast), box-shadow var(--transition-fast);padding:1.5rem}.glass-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(31,38,135,.15)}[data-theme=dark] .glass-card:hover{box-shadow:0 12px 40px rgba(0,0,0,.5)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);user-select:none;border:1px solid transparent;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-weight:600;display:inline-flex}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-primary{color:#fff;background-color:#2563eb;border:1px solid #2563eb;box-shadow:0 2px 6px rgba(37,99,235,.25)}.btn-primary:hover:not(:disabled){background-color:#1d4ed8;border-color:#1d4ed8;box-shadow:0 4px 14px rgba(37,99,235,.35)}[data-theme=dark] .btn-primary{color:#fff;background-color:#3b82f6;border:1px solid #60a5fa;box-shadow:0 2px 10px rgba(59,130,246,.35)}[data-theme=dark] .btn-primary:hover:not(:disabled){background-color:#2563eb;border-color:#93c5fd;box-shadow:0 4px 16px rgba(59,130,246,.5)}.btn-danger{color:#fff;background-color:#ef4444;border:1px solid #ef4444;box-shadow:0 2px 6px rgba(239,68,68,.25)}.btn-danger:hover:not(:disabled){background-color:#dc2626;border-color:#dc2626;box-shadow:0 4px 14px rgba(239,68,68,.35)}[data-theme=dark] .btn-danger{color:#fff;background-color:#dc2626;border:1px solid #f87171;box-shadow:0 2px 10px rgba(220,38,38,.35)}[data-theme=dark] .btn-danger:hover:not(:disabled){background-color:#b91c1c;border-color:#fca5a5;box-shadow:0 4px 16px rgba(220,38,38,.5)}.btn-success{color:#fff;background-color:#10b981;border:1px solid #10b981;box-shadow:0 2px 6px rgba(16,185,129,.25)}.btn-success:hover:not(:disabled){background-color:#059669;border-color:#059669;box-shadow:0 4px 14px rgba(16,185,129,.35)}[data-theme=dark] .btn-success{color:#fff;background-color:#10b981;border:1px solid #34d399;box-shadow:0 2px 10px rgba(16,185,129,.35)}[data-theme=dark] .btn-success:hover:not(:disabled){background-color:#059669;border-color:#6ee7b7;box-shadow:0 4px 16px rgba(16,185,129,.5)}.btn-outline{color:#1e293b;background-color:#fff;border:1px solid #cbd5e1;box-shadow:0 1px 2px rgba(0,0,0,.05)}.btn-outline:hover:not(:disabled){color:#0f172a;background-color:#f1f5f9;border-color:#94a3b8}[data-theme=dark] .btn-outline{color:#f8fafc;box-shadow:none;background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}[data-theme=dark] .btn-outline:hover:not(:disabled){color:#fff;background-color:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-danger{color:var(--danger-color)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.input-field{border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--bg-secondary);width:100%;color:var(--text-primary);transition:all var(--transition-fast);outline:none;padding:.75rem 1rem;font-family:inherit}.input-field:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(99,102,241,.2)}.mobile-container{max-width:100%;margin:0 auto;padding:1rem}@media (min-width:768px){.mobile-container{max-width:600px}}.badge{border-radius:var(--radius-pill);white-space:nowrap;letter-spacing:.02em;justify-content:center;align-items:center;padding:.35rem .85rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-success{background:var(--badge-success-bg);color:var(--badge-success-text)}.badge-warning{background:var(--badge-warning-bg);color:var(--badge-warning-text)}.badge-danger{background:var(--badge-danger-bg);color:var(--badge-danger-text)}.badge-info{background:var(--badge-info-bg);color:var(--badge-info-text)}.badge-neutral{background:var(--badge-neutral-bg);color:var(--badge-neutral-text)}.badge-orange{background:var(--badge-orange-bg);color:var(--badge-orange-text)}.badge-gold{background:var(--badge-gold-bg);color:var(--badge-gold-text)}.badge-purple{background:var(--badge-purple-bg);color:var(--badge-purple-text)}.badge-even{background:var(--badge-even-bg);color:var(--badge-even-text)}.badge-odd{background:var(--badge-odd-bg);color:var(--badge-odd-text)}.badge-lose-pending{background:var(--badge-lose-pending-bg);color:var(--badge-lose-pending-text);border:1px solid var(--badge-lose-pending-text)}.badge-lose-collected{background:var(--badge-lose-collected-bg);color:var(--badge-lose-collected-text)}.badge-win-ready{background:var(--badge-win-ready-bg);color:var(--badge-win-ready-text);border:1px solid var(--badge-win-ready-text)}.badge-win-disbursing{background:var(--badge-win-disbursing-bg);color:var(--badge-win-disbursing-text)}.badge-paid-out{background:var(--badge-paid-out-bg);color:var(--badge-paid-out-text)}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:10000;background:rgba(0,0,0,.6);justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);overflow-x:hidden}a{color:var(--accent-color);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin-bottom:.5rem}p{color:var(--text-secondary);line-height:1.6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.modal-backdrop{z-index:9999;backdrop-filter:blur(4px);background-color:rgba(0,0,0,.5);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:var(--bg-secondary);border-radius:var(--radius-lg);width:90%;max-width:500px;max-height:90vh;padding:2rem;position:relative;overflow-y:auto;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.modal-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.modal-header h3{color:var(--text-primary);margin:0}.btn-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.btn-close:hover{color:var(--danger-color)}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-content{animation:.2s ease-out forwards modalFadeIn}img.twemoji{vertical-align:-.2em;width:1.2em;height:1.2em;margin:0 .05em 0 .1em;display:inline-block}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(15px);border-radius:var(--radius-lg,16px)}html,body{min-height:100vh;min-height:-webkit-fill-available;touch-action:manipulation;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;min-height:100dvh}.scrollable-touch,.employee-app-container,.table-scroll-container,.ticket-list-container,.modal-body-scroll,.drawer-content-scroll{-webkit-overflow-scrolling:touch!important}.no-flex-gap .flex-row>*+*,.no-flex-gap [style*="display: flex"]:not([style*="flex-direction: column"]):not([style*="flexDirection: 'column'"]):not([style*="flexDirection: \"column\""])>*+*,.no-flex-gap [style*=display\:flex]:not([style*=flex-direction\:column])>*+*{margin-left:var(--fallback-gap,8px)}.no-flex-gap .flex-col>*+*,.no-flex-gap [style*="flex-direction: column"]>*+*,.no-flex-gap [style*=flex-direction\:column]>*+*,.no-flex-gap [style*="flexDirection: 'column'"]>*+*,.no-flex-gap [style*="flexDirection: \"column\""]>*+*{margin-top:var(--fallback-gap,8px);margin-left:0}.no-flex-gap .employee-header-actions>*+*,.no-flex-gap .filter-pills-row>*+*,.no-flex-gap .round-chips-row>*+*,.no-flex-gap .table-card-footer>*+*,.no-flex-gap .modal-actions-row>*+*,.no-flex-gap .bet-amount-chips>*+*,.no-flex-gap .mc-hud-info>*+*,.no-flex-gap .live-ticker-list>*+*,.no-flex-gap .table-quick-chips-wrapper>*+*{margin-left:8px!important}.no-flex-gap .mc-quick-control-widget>*+*{margin-left:14px!important}.no-flex-gap .banner-site-title>*+*,.no-flex-gap .pos-btn-left>*+*{margin-left:12px!important}.no-flex-gap .banner-site-title img,.is-ios-legacy .banner-site-title img{margin-right:12px!important}.no-flex-gap .mc-hud-tooltip>*+*,.no-flex-gap .pos-badge-trigger>*+*{margin-left:6px!important}.no-flex-gap .table-selector-pos-container>*+*,.no-flex-gap .ticket-summary-stack>*+*,.no-flex-gap .bill-details-list>*+*,.no-flex-gap .sidebar-nav-stack>*+*{margin-top:8px!important}.no-flex-gap .ticket-minimal-row>*+*,.is-ios-legacy .ticket-minimal-row>*+*{margin-left:8px!important}.no-flex-gap .ticket-minimal-row-actions>*+*,.is-ios-legacy .ticket-minimal-row-actions>*+*{margin-left:0!important}.no-flex-gap .minimal-table-header-counter .counter-breakdown>*+*,.is-ios-legacy .minimal-table-header-counter .counter-breakdown>*+*,.no-flex-gap .minimal-row-left>*+*,.is-ios-legacy .minimal-row-left>*+*,.no-flex-gap .minimal-row-bet>*+*,.is-ios-legacy .minimal-row-bet>*+*,.no-flex-gap .minimal-row-right>*+*,.is-ios-legacy .minimal-row-right>*+*,.no-flex-gap .history-round-row>*+*,.is-ios-legacy .history-round-row>*+*,.no-flex-gap .history-customer-row>*+*,.is-ios-legacy .history-customer-row>*+*{margin-left:6px!important}.no-flex-gap .history-bet-badge>*+*,.is-ios-legacy .history-bet-badge>*+*{margin-left:4px!important}.no-flex-gap .cobalt-card.minimal-container .ticket-minimal-row+.ticket-minimal-row,.is-ios-legacy .cobalt-card.minimal-container .ticket-minimal-row+.ticket-minimal-row,.no-flex-gap .cobalt-card.minimal-container .ticket-minimal-row-wrapper+.ticket-minimal-row-wrapper,.is-ios-legacy .cobalt-card.minimal-container .ticket-minimal-row-wrapper+.ticket-minimal-row-wrapper{margin-top:0!important}.no-flex-gap .gap-1>*+*{margin-left:4px}.no-flex-gap .gap-2>*+*{margin-left:8px}.no-flex-gap .gap-3>*+*{margin-left:12px}.no-flex-gap .gap-4>*+*{margin-left:16px}.no-flex-gap .gap-6>*+*{margin-left:24px}.no-flex-gap .gap-y-1>*+*{margin-top:4px}.no-flex-gap .gap-y-2>*+*{margin-top:8px}.no-flex-gap .gap-y-3>*+*{margin-top:12px}.no-flex-gap .gap-y-4>*+*{margin-top:16px}.no-flex-gap .gap-y-6>*+*{margin-top:24px}.no-flex-gap .glass-panel,.no-flex-gap .modal-glass-container,.no-flex-gap .mc-glass-board,.no-flex-gap .ticket-card:not(.layout-timeline){background-color:var(--glass-bg)!important;backdrop-filter:blur(8px)!important}html.no-flex-gap{--glass-bg:rgba(248,250,252,.96)}html[data-theme=dark].no-flex-gap{--glass-bg:rgba(15,23,42,.94)}.is-ios-legacy .heavy-glow,.is-ios-legacy .mc-neon-glow,.no-flex-gap .mc-neon-glow{text-shadow:0 1px 3px rgba(0,0,0,.6)!important;box-shadow:0 4px 14px rgba(0,0,0,.45)!important}button,.table-button,.table-card,.action-btn{user-select:none;-webkit-touch-callout:none}.is-ios-legacy .table-btn-style-pos,.is-ios-legacy .table-btn-style-pos *{animation:none!important}.is-ios-legacy .ticker-customer-name,.no-flex-gap .ticker-customer-name{text-overflow:ellipsis!important;-webkit-mask-image:none!important;mask-image:none!important}.is-ios-legacy .ticker-messages,.no-flex-gap .ticker-messages{max-height:284px!important;-webkit-mask-image:none!important;mask-image:none!important}.is-ios-legacy .ticker-message,.no-flex-gap .ticker-message{height:52px!important;min-height:52px!important;max-height:52px!important}.login-page{background:var(--bg-primary);background-image:radial-gradient(circle at 100% 0,rgba(99,102,241,.1),transparent 40%),radial-gradient(circle at 0 100%,rgba(236,72,153,.1),transparent 40%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{flex-direction:column;gap:1.5rem;width:100%;max-width:400px;display:flex}.login-header{text-align:center;margin-bottom:1rem}.login-header h1{background:-webkit-linear-gradient(45deg, var(--accent-color), var(--odd-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.login-header p{font-size:.875rem}.login-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.login-footer{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}
