:root{--bg-app: #070B09;--bg-secondary: #0B110E;--bg-card: #0D1511;--bg-card-alt: #111A15;--bg-hover: #142019;--bg-input: #0B110E;--bg-sidebar: #0B110E;--bg-overlay: rgba(4, 8, 6, .84);--border: #1D2C24;--border-light: #263A30;--text-primary: #F1F5F2;--text-secondary: #B7C1BB;--text-muted: #75827A;--text-dim: #536059;--text-disabled: #536059;--text-on-primary: #06120D;--color-primary: #19C98A;--color-primary-hover: #27D997;--color-primary-dark: #073C2B;--color-primary-subtle: rgba(25, 201, 138, .12);--color-primary-border: rgba(25, 201, 138, .3);--color-cyan: #18C7ED;--color-cyan-dark: #0D5361;--color-cyan-subtle: rgba(24, 199, 237, .12);--color-cyan-border: rgba(24, 199, 237, .3);--color-warning: #D8A63C;--color-warning-subtle: rgba(216, 166, 60, .12);--color-warning-border: rgba(216, 166, 60, .3);--color-danger: #E45D67;--color-danger-subtle: rgba(228, 93, 103, .12);--color-danger-border: rgba(228, 93, 103, .3);--color-success: #1DCC8B;--color-success-subtle: rgba(29, 204, 139, .12);--color-success-border: rgba(29, 204, 139, .3);--radius-sm: 8px;--radius-card: 14px;--radius-panel: 18px;--radius-btn: 10px;--radius-input: 10px;--radius-chip: 8px;--radius-pill: 999px;--radius-track: 4px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 8px 24px rgba(0, 0, 0, .18);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .22);--transition-fast: .15s ease;--transition-base: .18s ease;--font-main: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--bg-card-legacy: var(--bg-card);--text-main: var(--text-primary);--text-subtle: var(--text-dim);--border-subtle: var(--border);--border-medium: var(--border-light);--border-accent: var(--color-primary-border);--border-cyan: var(--color-cyan-border);--color-primary-glow: var(--color-primary-subtle);--color-cyan-glow: var(--color-cyan-subtle);--color-primary-dim: var(--color-primary-subtle);--color-cyan-dim: var(--color-cyan-subtle);--color-warning-dim: var(--color-warning-subtle);--color-danger-dim: var(--color-danger-subtle);--color-success-dim: var(--color-success-subtle);--shadow-glow-mint: var(--shadow-sm);--shadow-glow-cyan: var(--shadow-sm);--font-sans: var(--font-main)}:root[data-theme=light]{--bg-app: #F3F6F5;--bg-secondary: #FFFFFF;--bg-card: #FFFFFF;--bg-card-alt: #F6F9F8;--bg-hover: #EBF0EE;--bg-input: #FFFFFF;--bg-sidebar: #FFFFFF;--bg-overlay: rgba(15, 23, 20, .45);--border: #DCE3E0;--border-light: #C6D0CC;--text-primary: #0E1613;--text-secondary: #3D4A44;--text-muted: #5E6B65;--text-dim: #606B65;--text-disabled: #8A968F;--text-on-primary: #FFFFFF;--color-primary: #097750;--color-primary-hover: #096B47;--color-primary-dark: #D9F0E6;--color-primary-subtle: rgba(9, 119, 80, .1);--color-primary-border: rgba(9, 119, 80, .28);--color-cyan: #09738F;--color-cyan-dark: #D7EFF6;--color-cyan-subtle: rgba(9, 115, 143, .1);--color-cyan-border: rgba(9, 115, 143, .28);--color-warning: #8A6410;--color-warning-subtle: rgba(138, 100, 16, .1);--color-warning-border: rgba(138, 100, 16, .28);--color-danger: #B32834;--color-danger-subtle: rgba(179, 40, 52, .1);--color-danger-border: rgba(179, 40, 52, .28);--color-success: #0A8358;--color-success-subtle: rgba(9, 119, 80, .1);--color-success-border: rgba(9, 119, 80, .28);--shadow-sm: 0 1px 2px rgba(16, 24, 20, .06);--shadow-md: 0 8px 24px rgba(16, 24, 20, .08);--shadow-lg: 0 16px 40px rgba(16, 24, 20, .1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-main);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:inherit}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.q-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),background var(--transition-fast)}.q-card:hover{border-color:var(--border-light);background:var(--bg-card-alt)}.q-card-glow{border-color:var(--color-primary-border)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:var(--radius-chip);font-family:var(--font-mono);font-size:10px;font-weight:700;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;background:var(--bg-card-alt);color:var(--text-secondary);border:1px solid var(--border);white-space:nowrap}.badge-waiting{background:var(--color-warning-subtle);color:var(--color-warning);border-color:var(--color-warning-border)}.badge-called{background:var(--color-cyan-subtle);color:var(--color-cyan);border-color:var(--color-cyan-border)}.badge-serving{background:var(--color-primary-subtle);color:var(--color-primary);border-color:var(--color-primary-border)}.badge-done,.badge-completed{background:var(--color-success-subtle);color:var(--color-success);border-color:var(--color-success-border)}.badge-break,.badge-closed{background:var(--bg-card-alt);color:var(--text-muted);border-color:var(--border)}.badge-skip,.badge-skipped,.badge-cancelled{background:var(--color-danger-subtle);color:var(--color-danger);border-color:var(--color-danger-border)}.badge-expired{background:var(--color-danger-subtle);color:var(--text-secondary);border-color:var(--border-light)}.btn,.btn-primary,.btn-secondary,.btn-danger,.btn-success,.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-main);font-size:13px;font-weight:600;line-height:1.2;padding:9px 14px;border-radius:var(--radius-btn);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.btn{background:var(--bg-card-alt);color:var(--text-secondary);border:1px solid var(--border-light)}.btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-primary,.btn-secondary,.btn-danger,.btn-success,.btn-outline{border-color:transparent}.btn:disabled,.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled,.btn-success:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--text-on-primary);font-weight:700;border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-secondary,.btn-outline{background:var(--bg-card-alt);color:var(--text-secondary);border-color:var(--border-light)}.btn-secondary:hover:not(:disabled),.btn-outline:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-light)}.btn-secondary:active:not(:disabled){transform:translateY(1px)}.btn-danger{background:var(--color-danger-subtle);color:var(--color-danger);border-color:var(--color-danger-border)}.btn-danger:hover:not(:disabled){background:#e45d6733;color:var(--color-danger)}.btn-success{background:var(--color-primary-subtle);color:var(--color-primary);border-color:var(--color-primary-border)}.btn-success:hover:not(:disabled){background:#19c98a33;color:var(--color-primary)}:root[data-theme=light] .btn-success:hover:not(:disabled){background:#0977502e}:root[data-theme=light] .btn-danger:hover:not(:disabled){background:#b3283424}.theme-segment{display:inline-flex;gap:4px;padding:4px;border-radius:var(--radius-btn);background:var(--bg-card-alt);border:1px solid var(--border)}.theme-segment-option{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 16px;border-radius:calc(var(--radius-btn) - 4px);border:1px solid transparent;background:transparent;color:var(--text-secondary);font-family:var(--font-main);font-size:13px;font-weight:600;line-height:1.2;cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.theme-segment-option:hover{background:var(--bg-hover);color:var(--text-primary)}.theme-segment-option[data-selected=true]{background:var(--bg-card);border-color:var(--color-primary-border);color:var(--color-primary);font-weight:700}.crowd-widget{padding:16px 18px;margin-bottom:20px;display:flex;flex-direction:column;gap:14px}.crowd-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.crowd-headline{min-width:0}.crowd-title-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.crowd-figure{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.crowd-count{font-family:var(--font-mono);font-size:28px;font-weight:700;color:var(--text-primary);line-height:1.05;letter-spacing:-.01em}.crowd-capacity,.crowd-pending{font-size:13px;color:var(--text-muted)}.crowd-status-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);border:1px solid transparent;font-size:12px;font-weight:600;white-space:nowrap;flex-shrink:0}.crowd-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.crowd-gauge{display:flex;flex-direction:column;gap:6px}.crowd-track{height:6px;border-radius:var(--radius-track);background:var(--bg-card-alt);border:1px solid var(--border);overflow:hidden}.crowd-fill{height:100%;border-radius:var(--radius-track);transition:width .4s ease}.crowd-caption{font-size:11px;color:var(--text-muted);line-height:1.4}.crowd-caption-sep{margin:0 6px;color:var(--text-dim)}.btn-compact{padding:6px 10px;font-size:11px;gap:5px}.btn-icon{padding:6px 8px}.counter-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);overflow:hidden;transition:border-color var(--transition-fast)}.counter-card[data-status=serving]{border-color:var(--color-primary-border)}.counter-card[data-status=break]{border-color:var(--color-warning-border)}.counter-card[data-status=closed]{opacity:.6}.counter-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border)}.counter-identity{display:flex;align-items:center;gap:12px;min-width:0}.counter-num{width:34px;height:34px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--color-primary);background:var(--color-primary-subtle);border:1px solid var(--color-primary-border);flex-shrink:0}.counter-id-text{min-width:0}.counter-name-row{display:flex;align-items:center;gap:8px}.counter-name{font-size:14px;font-weight:600;color:var(--text-primary);line-height:1.25}.counter-open-link{display:inline-flex;color:var(--text-dim);transition:color var(--transition-fast)}.counter-open-link:hover{color:var(--color-primary)}.counter-meta{font-size:11.5px;color:var(--text-muted);margin-top:1px}.counter-meta-sep{margin:0 5px;color:var(--text-dim)}.counter-head-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.counter-state{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.counter-state-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.counter-card-body{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.counter-serving{min-width:0}.counter-serving-head{display:flex;align-items:center;gap:8px;margin-bottom:3px}.counter-token{font-size:26px;font-weight:700;color:var(--text-primary);line-height:1.1;letter-spacing:.01em}.counter-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.log-panel{margin-bottom:20px}.log-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.log-realtime{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary)}.log-list{max-height:340px;overflow-y:auto;padding:0}.log-empty{padding:26px 16px;text-align:center;color:var(--text-muted);font-size:13px}.log-row{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--border);transition:background var(--transition-fast)}.log-row:last-child{border-bottom:none}.log-row:hover{background:var(--bg-card-alt)}.log-time{font-size:11px;color:var(--text-dim);width:40px;flex-shrink:0}.log-chip{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.06em;padding:2px 6px;border-radius:var(--radius-sm);border:1px solid transparent;flex-shrink:0;white-space:nowrap}.log-chip.tone-success{background:var(--color-success-subtle);color:var(--color-success);border-color:var(--color-success-border)}.log-chip.tone-info{background:var(--color-cyan-subtle);color:var(--color-cyan);border-color:var(--color-cyan-border)}.log-chip.tone-warn{background:var(--color-warning-subtle);color:var(--color-warning);border-color:var(--color-warning-border)}.log-chip.tone-danger{background:var(--color-danger-subtle);color:var(--color-danger);border-color:var(--color-danger-border)}.log-chip.tone-neutral{background:var(--bg-card-alt);color:var(--text-muted);border-color:var(--border)}.log-text{font-size:13px;color:var(--text-secondary);line-height:1.4;flex:1;min-width:0}.nav-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:var(--radius-btn);font-size:13px;font-weight:500;color:var(--text-secondary);border:1px solid transparent;border-left:2px solid transparent;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.nav-link:hover{background:var(--bg-card-alt);color:var(--text-primary)}.nav-link.is-active{background:var(--bg-card);color:var(--color-primary);border-color:var(--border);border-left-color:var(--color-primary);font-weight:600}.nav-link-main{display:flex;align-items:center;gap:11px;min-width:0}.nav-badge{font-size:8px;font-weight:700;letter-spacing:.08em;padding:2px 5px;border-radius:4px;background:var(--color-primary-subtle);color:var(--color-primary);border:1px solid var(--color-primary-border);flex-shrink:0}.table-panel{margin-bottom:20px}.table-empty{padding:26px 16px;text-align:center;color:var(--text-muted);font-size:13px}.table-scroll{overflow-x:auto;margin-top:8px}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;min-width:560px}.data-table th{padding:10px 14px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);background:var(--bg-card-alt);border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:11px 14px;border-bottom:1px solid var(--border);color:var(--text-secondary);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--bg-card-alt)}.data-table .strong{color:var(--text-primary);font-weight:600}.data-table .muted{color:var(--text-muted)}.data-table .num{text-align:right}.data-table .num-strong{font-weight:700;font-size:14px}.prefix-chip{display:inline-block;font-size:10px;font-weight:700;padding:2px 7px;border-radius:var(--radius-sm);background:var(--color-primary-subtle);color:var(--color-primary);border:1px solid var(--color-primary-border)}.stat-pill{position:relative;display:flex;flex-direction:column;gap:4px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);padding:16px 18px;transition:border-color var(--transition-fast),background var(--transition-fast)}.stat-pill:hover{border-color:var(--border-light);background:var(--bg-card-alt)}.stat-pill-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.stat-pill-val{font-family:var(--font-mono);font-size:28px;font-weight:700;line-height:1.1;color:var(--text-primary);letter-spacing:-.01em}.stat-pill-fraction{font-size:15px;color:var(--text-dim);font-weight:600;margin-left:2px}.stat-pill-sub{font-size:11px;color:var(--text-muted);line-height:1.35}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-bottom:20px}.stat-pill-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.stat-pill-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-sm);background:var(--bg-card-alt);border:1px solid var(--border);flex-shrink:0}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel],select,textarea{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-input);color:var(--text-primary);font-family:var(--font-main);font-size:13px;padding:9px 12px;outline:none;transition:border-color var(--transition-fast)}input::placeholder,textarea::placeholder{color:var(--text-dim)}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}select option{background:var(--bg-card);color:var(--text-primary)}label{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:999;padding:20px}.modal-content{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-panel);box-shadow:var(--shadow-lg);padding:24px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.pulsing-dot{position:relative;display:inline-block;width:7px;height:7px;flex-shrink:0}.pulsing-dot-ping,.pulsing-dot-core{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%}.pulsing-dot-core{z-index:1}.pulsing-dot-ping{animation:dot-ping 2.4s ease-out infinite}@keyframes dot-ping{0%{transform:scale(1);opacity:.5}70%,to{transform:scale(2.2);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-spin{animation:spin .9s linear infinite}.pulse{animation:pulse 1.4s ease-in-out infinite}.spin{animation:spin .9s linear infinite}.fadeIn{animation:fadeIn .2s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.admin-layout-content{min-height:100vh}@media(max-width:1024px){.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);z-index:60}}@media(max-width:720px){body{font-size:13px}.stat-pill{padding:14px}.stat-pill-val{font-size:22px}.btn,.btn-primary,.btn-secondary,.btn-danger,.btn-success,.btn-outline{padding:11px 14px;font-size:13px;min-height:40px}.modal-content{padding:18px;border-radius:var(--radius-card)}}