@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@500;600&display=swap";:root{--navy:#0054a6;--navyDark:#004b93;--amber:#ffc20e;--amberDark:#b77900;--bg:#f8fafc;--white:#fff;--line:#e2e8f0;--gray:#64748b;--green:#1e7a4c;--red:#b23a2e;--text:#172033;--text-secondary:#64748b;--text-disabled:#94a3b8;--font-display:"Poppins", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-body);margin:0;font-size:14px;transition:background .2s,color .2s}h1,h2,h3,.role-title,.brand-name,.header-greeting,.panel-header h2,.stat-label{font-family:var(--font-display)}h1{color:var(--navyDark);margin:0 0 6px;font-size:26px}.themeToggle{background:var(--white);border:1px solid var(--line);cursor:pointer;z-index:998;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex;position:fixed;top:16px;right:16px;box-shadow:0 2px 6px #00000014}.page{max-width:520px;min-height:100vh;margin:0 auto;padding:28px 20px 60px;display:none}.page.show{display:block}.page:not(.dashboard-page){background:var(--bg)}.page.dashboard-page{background:var(--bg);width:100%;max-width:none;min-height:100vh;margin:0;padding:0}.page.dashboard-page.show{display:block}.admin-shell{background:var(--bg);min-height:100vh;display:flex}.sidebar{color:#fff;background:#004b93;flex-direction:column;flex-shrink:0;align-self:flex-start;gap:14px;width:260px;height:100vh;padding:18px 18px 22px;transition:width .2s;display:flex;position:sticky;top:0;overflow-y:auto}.brand-row{align-items:center;gap:12px;margin:8px 0 18px;padding:4px 4px 10px;display:flex}.brand-badge{color:#fff;letter-spacing:.04em;background:#ffffff2e;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;font-weight:800;display:flex}.brand-name{letter-spacing:0;font-size:2rem;font-weight:800}.sidebar-toggle{color:#ffffffd9;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-left:auto;padding:0;display:flex}.sidebar-toggle:hover{background:#ffffff29}.sidebar-nav,.admin-tools{flex-direction:column;gap:8px;display:flex}.admin-tools{margin-top:auto}.nav-item,.tool-item{color:#ffffffe6;font-family:var(--font-display);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;font-weight:500;display:flex}.nav-item.active,.tool-item.active{box-shadow:inset 3px 0 0 var(--amber);background:#ffffff29}.nav-icon{text-align:center;opacity:.9;width:18px}.tool-label{color:#ffffffbf;letter-spacing:.12em;text-transform:uppercase;margin-top:18px;padding:0 12px;font-size:.82rem}.admin-user-row{background:#ffffff14;border-radius:10px;align-items:center;gap:10px;padding:10px 8px;display:flex}.user-badge{background:#ffffff24;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.7rem;font-weight:700;display:flex}.user-meta{flex:1;font-size:.95rem}.caret{font-size:1.2rem}.dashboard-main{flex:1;padding:26px 28px 32px}#adminArea{background:var(--bg);border-radius:0;min-height:100%}.dashboard-header{justify-content:space-between;align-items:center;margin:0 0 18px;display:flex}.header-greeting{letter-spacing:0;color:var(--text);font-size:28px;font-weight:600}.header-filters,.panel-tools{align-items:center;gap:12px;display:flex}.mini-filter{background:var(--bg);border:1px solid var(--line);color:#49536f;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;display:inline-flex}.stats-grid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:18px;margin:0 0 26px;display:grid}.stat-card{background:#fff;border:1px solid #e6ebf3;border-radius:16px;min-height:142px;padding:18px 18px 16px;box-shadow:0 1px #13204205}.stat-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.stat-label{color:var(--text);font-size:16px;font-weight:600}.stat-icon{color:#0a4ec8;background:#145ede1f;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.2rem;display:inline-flex}.stat-card.amber .stat-icon{color:#d38a00;background:#f7ab1729}.stat-card.blue .stat-icon{color:#0f5de0;background:#135ce029}.stat-card.green .stat-icon{color:#1f9c62;background:#229c6024}.stat-card.navy .stat-icon{color:#173772;background:#163a7d1f}.stat-value{color:#0e204d;letter-spacing:-.05em;margin:8px 0 14px;font-size:3.2rem;font-weight:800;line-height:1}.stat-meta{color:#6a758d;align-items:center;gap:8px;font-size:.9rem;display:flex}.stat-dot{background:#c7d2e4;border-radius:50%;width:10px;height:10px;display:inline-block}.panel{background:#fff;border:1px solid #e7ebf3;border-radius:18px;margin-bottom:22px;padding:18px 20px 16px}.panel-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.panel-header h2{letter-spacing:0;color:var(--text);margin:0;font-size:20px;font-weight:600}.traffic-selection{color:var(--text-secondary);font-size:.9rem;font-weight:600}.traffic-filters{align-items:end;gap:12px;margin:-4px 0 14px;display:flex}.traffic-filters label{color:var(--text-secondary);margin:0;font-size:.78rem}.traffic-filters input{width:auto;min-width:142px;font:inherit;margin:4px 0 0;padding:8px 10px;display:block}.traffic-reset{border:1px solid var(--line);background:var(--white);color:var(--navyDark);padding:8px 12px;font-size:.82rem}.chart-grid{align-items:flex-end;gap:22px;min-height:260px;padding:10px 8px 0 0;display:flex}.chart-axis{color:#7d8598;flex-direction:column;justify-content:space-between;height:210px;padding-bottom:42px;font-size:1rem;display:flex}.chart-bars{border-bottom:1px solid #edf1f7;flex:1;justify-content:center;align-items:flex-end;gap:80px;height:220px;padding-bottom:42px;display:flex}.chart-group{min-width:100px;height:100%;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:flex-end;align-items:center;padding:0;display:flex;position:relative}.chart-group:hover .bar-fill,.chart-group.selected .bar-fill{background:var(--amberDark)}.bar-fill{background:var(--navy);border-radius:18px 18px 0 0;width:176px;min-height:24px;box-shadow:inset 0 0 0 1px #ffffff1f}.bar-label{color:#596680;margin-top:16px;font-size:1.1rem}.bar-value{color:var(--navyDark);margin-top:4px;font-size:.82rem;font-weight:700}.table-header{margin-bottom:12px}.search-box{border:1px solid var(--line);color:#7c869d;background:#fff;border-radius:12px;min-width:260px;padding:10px 16px;font-size:1.05rem}.table-wrap{border:1px solid #edf1f5;border-radius:12px;overflow:hidden}.queue-table{border-collapse:collapse;width:100%;font-family:var(--font-body);font-size:14px;font-weight:400}.queue-table th,.queue-table td{text-align:left;color:#2f3d5a;border-bottom:1px solid #edf1f5;padding:16px 14px}.queue-table thead th{color:var(--text-secondary);background:#f6f9fd;font-size:14px;font-weight:600}.queue-table tbody tr:last-child td{border-bottom:none}.empty-row{color:var(--text-secondary)!important;text-align:center!important;padding:28px!important}.status-badge{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-width:92px;padding:6px 10px;font-size:.86rem;font-weight:700;display:inline-flex}.status-badge.active{color:#228754;background:#ecf8f1;border-color:#8bd0a2}.status-badge.waiting{color:#cb8b00;background:#fff6db;border-color:#f0cf6b}.status-badge.completed{color:#1f8f5b;background:#eafaf4;border-color:#7dcaa0}.status-badge.skip,.status-badge.skipped{color:#bf3d35;background:#fdecea;border-color:#ef9c97}.status-badge.void{color:#616d85;background:#f5f5f6;border-color:#d0d3da}.status-badge.serving{color:#1d4fbf;background:#eaf1ff;border-color:#9db8ef}.station-tabs{border-bottom:1px solid var(--line);gap:28px;margin:4px 0 22px;display:flex}.station-tab{color:var(--text-secondary);font-family:var(--font-display);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 2px 14px;font-size:.95rem;font-weight:600}.station-tab.active{color:var(--text);border-bottom-color:var(--navyDark)}.queue-mgmt-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:22px;display:grid}.serving-card{color:#fff;background:linear-gradient(#00509c 0%,#001f44 100%);border-radius:14px;margin-bottom:18px;padding:16px 18px}.serving-card-top{opacity:.9;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.86rem;display:flex}.serving-live{align-items:center;gap:8px;display:inline-flex}.live-dot{background:var(--amber);border-radius:50%;width:8px;height:8px;display:inline-block}.serving-number{text-align:center;padding:14px 0 4px;font-family:Courier New,monospace;font-size:2.6rem;font-weight:800}.serving-number.serving-empty{color:#ffffff80}.serving-details{grid-template-columns:1fr 1fr;gap:14px 18px;padding:2px 4px 4px;display:grid}.detail-full{grid-column:1/-1}.detail-label{color:#ffffffb3;margin-bottom:4px;font-size:.78rem;display:block}.detail-value{color:#fff;font-weight:600;display:block}.detail-subvalue{color:#ffffffa6;margin-top:2px;font-family:Courier New,monospace;font-size:.76rem;display:block}.serving-actions{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.queue-action-btn{background:var(--navyDark);color:#fff;border-radius:10px;padding:12px;font-size:.9rem}.queue-action-btn:hover{background:var(--navy)}.queue-action-btn:disabled{color:#7d8598;cursor:not-allowed;background:#c7d2e4}.queue-action-complete{background:#16a34a;grid-column:1/-1}.queue-action-complete:hover{background:#15803d}.queue-action-complete:disabled{color:#16a34a;cursor:not-allowed;background:#dcfce7}.skip-cell{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.void-countdown{color:#bf3d35;font-size:.8rem;font-weight:700}.recall-inline-btn{border:1px solid var(--navyDark);background:var(--white);color:var(--navyDark);border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:700}.recall-inline-btn:hover{background:var(--navyDark);color:#fff}.last-call-btn{color:#fff;background:#e5484d;border:1px solid #e5484d;border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:700}.last-call-btn:hover{background:#d13e42;border-color:#d13e42}.transfer-toggle-row{color:var(--text);cursor:pointer;align-items:center;gap:10px;margin-bottom:14px;font-weight:600;display:flex}.switch{flex-shrink:0;width:38px;height:22px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.switch-track{background:#c7d2e4;border-radius:999px;transition:background .2s;position:absolute;inset:0}.switch-track:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px}.switch input:checked+.switch-track{background:var(--green)}.switch input:checked+.switch-track:before{transform:translate(16px)}.transfer-form{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.transfer-form label{margin-bottom:5px}.transfer-form select{background:var(--white);width:100%;color:var(--text);border:1px solid #c8d5e5;border-radius:8px;padding:10px 12px;font-size:14px}.status-badge.next,.status-badge.queued{color:#1d4fbf;background:#eaf1ff;border-color:#9db8ef}@media (width>=1181px){.admin-shell.sidebar-collapsed .sidebar{width:76px;padding-left:12px;padding-right:12px}.admin-shell.sidebar-collapsed .brand-row{flex-direction:column;gap:10px;padding:4px 0 10px}.admin-shell.sidebar-collapsed .brand-row .sidebar-toggle{margin-left:0}.admin-shell.sidebar-collapsed .brand-name,.admin-shell.sidebar-collapsed .nav-text,.admin-shell.sidebar-collapsed .tool-label,.admin-shell.sidebar-collapsed .user-meta,.admin-shell.sidebar-collapsed .caret{display:none}.admin-shell.sidebar-collapsed .nav-item,.admin-shell.sidebar-collapsed .tool-item{justify-content:center;gap:0;padding:12px 0}.admin-shell.sidebar-collapsed .admin-user-row{justify-content:center;padding:10px 0}}@media (width<=1180px){.sidebar-toggle{display:none}.admin-shell{flex-direction:column}.sidebar{width:100%;height:auto;position:static}.stats-grid{grid-template-columns:repeat(2,minmax(200px,1fr))}.queue-mgmt-grid{grid-template-columns:1fr}}@media (width<=640px){.serving-details,.serving-actions,.transfer-form{grid-template-columns:1fr}.station-tabs{gap:18px;overflow-x:auto}}@media (width<=768px){.dashboard-main{padding:20px 16px 28px}.dashboard-header,.panel-header,.table-header{flex-direction:column;align-items:flex-start}.header-greeting{font-size:2rem}.stats-grid{grid-template-columns:1fr}.chart-bars{justify-content:flex-start;gap:24px;overflow-x:auto}.bar-fill{width:110px}.traffic-filters{flex-direction:column;align-items:stretch}.traffic-filters input,.traffic-reset{width:100%}}.confirm-modal-backdrop{z-index:300;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.confirm-modal-card{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:380px;padding:36px 28px 28px;position:relative;box-shadow:0 24px 60px #0f172a40}.confirm-modal-close{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex;position:absolute;top:16px;right:16px}.confirm-modal-close:hover{color:#172033;background:#f1f3f6}.confirm-modal-title{font-family:var(--font-display);color:#172033;margin:0 0 10px;font-size:22px;font-weight:800}.confirm-modal-message{color:#64748b;margin:0 0 28px;font-size:14px;line-height:1.5}.confirm-modal-actions{gap:12px;display:flex}.confirm-modal-btn{font-family:var(--font-display);cursor:pointer;border-radius:999px;flex:1;padding:13px;font-size:14px;font-weight:700}.confirm-modal-btn-cancel{color:#172033;background:#fff;border:1.5px solid #e2e8f0}.confirm-modal-btn-cancel:hover{background:#f6f8fb}.confirm-modal-btn-danger{color:#fff;background:#e5484d;border:1.5px solid #e5484d}.confirm-modal-btn-danger:hover{background:#d13e42}.confirm-modal-btn-primary{background:var(--navyDark);border:1.5px solid var(--navyDark);color:#fff}.confirm-modal-btn-primary:hover{background:var(--navy)}.settings-header-user{color:#172033;align-items:center;gap:16px;margin-right:50px;font-size:.85rem;font-weight:600;display:flex}.settings-logout{border:1.5px solid var(--amber);color:var(--amberDark);background:#fff;border-radius:999px;padding:7px 18px;font-size:.8rem}.settings-config-head{justify-content:space-between;align-items:flex-start;gap:16px;margin:0 0 16px;display:flex}.settings-title{color:#172033;margin:0 0 4px;font-size:1.05rem}.settings-sub{color:#64748b;margin:0;font-size:.78rem}.settings-panel .panel-header{margin-bottom:14px}.settings-panel .panel-header h2{font-size:.95rem;font-weight:700}.settings-field-label{color:#172033;font-size:.85rem}.settings-help{color:#64748b;margin:0 0 10px;font-size:.75rem;line-height:1.45}.settings-input{color:#172033;background:#fff;border:1px solid #cbd5e1;max-width:260px;margin:0}body.dark .settings-input{color:#172033;background:#fff}.settings-btn-slate{color:#fff;background:#64748b}.settings-row-selected td{background:#f2f7fd}.settings-empty{text-align:center;padding:28px 12px 36px}.settings-empty-icon{color:#e5484d;font-size:3rem;line-height:1}.settings-empty p{color:#e5484d;margin:10px 0 0;font-size:.85rem;font-weight:700}.form-modal-card{background:#fff;border-radius:20px;width:100%;max-width:440px;max-height:calc(100vh - 40px);padding:24px 28px 28px;overflow-y:auto;box-shadow:0 24px 60px #0f172a40}.form-modal-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.form-modal-title{color:#172033;margin:0;font-size:1.05rem}.form-modal-close{color:#64748b;background:0 0;border-radius:50%;width:30px;height:30px;padding:0;font-size:15px}.form-modal-close:hover{color:#172033;background:#f1f3f6}.modal-field{margin-bottom:14px}.modal-field label,.modal-section label{color:#64748b}.modal-input{color:#172033;background:#fff;border:1px solid #dfe5ee;border-radius:8px;width:100%;margin:0;padding:10px 12px;font-size:.85rem}.modal-input[readonly]{color:#64748b;background:#e4e9f0}body.dark .modal-input{color:#172033;background:#fff}body.dark .modal-input[readonly]{color:#64748b;background:#e4e9f0}.modal-section-title{color:#172033;margin:0 0 8px;font-size:.9rem}.modal-help{color:#64748b;margin:0 0 12px;font-size:.74rem;line-height:1.45}.modal-divider{border:0;border-top:1px solid #e6ebf3;margin:20px 0}.modal-inline{align-items:center;gap:10px;display:flex}.modal-actions-end{justify-content:flex-end;gap:8px;display:flex}.purpose-inputs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.purpose-input{border-radius:999px;flex:130px;width:auto;min-width:120px}.purpose-add{background:var(--navyDark);color:#fff;border-radius:8px;width:34px;height:34px;padding:0;font-size:1.1rem}.settings-table th,.settings-table td{padding:11px 14px}.settings-strong{color:#172033;font-weight:700}.settings-center{text-align:center!important}.settings-actions{align-items:center;gap:8px;display:flex}.settings-btn{white-space:nowrap;border:1.5px solid #0000;border-radius:8px;padding:7px 16px;font-size:.8rem;font-weight:700}.settings-btn-primary{background:var(--navyDark);color:#fff}.settings-btn-muted{color:#9aa5b8;cursor:not-allowed;background:#e5e9f0}.settings-btn-blue,.settings-btn-red,.settings-btn-green{background:#fff}.settings-btn-blue{color:#004b93;border-color:#004b93}.settings-btn-red{color:#e5484d;border-color:#e5484d}.settings-btn-green{color:#16a34a;border-color:#16a34a}.settings-icon-btn{background:#fff;border:1.5px solid #0000;border-radius:8px;width:34px;height:30px;padding:0;font-size:.85rem}.settings-icon-blue{color:#004b93;border-color:#004b93}.settings-icon-red{color:#e5484d;border-color:#e5484d}.settings-icon-btn+.settings-icon-btn{margin-left:6px}.settings-select{color:#172033;background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-width:120px;padding:6px 10px;font-size:.8rem}.settings-select:disabled,body.dark .settings-select:disabled{color:#94a3b8;background:#f3f5f8;border-color:#e2e8f0}body.dark .settings-select{color:#172033;background:#fff}.settings-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:22px;display:grid}.status-badge.compact{gap:5px;min-width:0;padding:3px 10px;font-size:.75rem}.status-badge.compact:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status-badge.station-active{color:#cb8b00;background:#fff6db;border-color:#f0cf6b}.status-badge.station-inactive{color:#bf3d35;background:#fdecea;border-color:#ef9c97}@media (width<=1180px){.settings-grid{grid-template-columns:1fr}}@media (width<=768px){.settings-config-head{flex-direction:column}}.page.admin-login-page{max-width:none;margin:0;padding:24px}.page.admin-login-page.show{justify-content:center;align-items:center;display:flex}.admin-login-card{background:#fff;border-radius:24px;width:100%;max-width:400px;padding:36px 32px 28px;box-shadow:0 24px 60px #0f172a24}.admin-login-brand{align-items:center;gap:10px;margin-bottom:22px;display:flex}.admin-login-badge{color:#fff;background:#004b93;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;font-weight:800;display:flex}.admin-login-name{font-family:var(--font-display);color:#004b93;font-size:1.4rem;font-weight:800}.admin-login-title{color:#172033;margin:0 0 4px;font-size:1.4rem}.admin-login-sub{color:#64748b;margin:0 0 22px;font-size:.85rem}.admin-login-card label{color:#64748b}body.dark .admin-login-card input{color:#172033;background:#fff}.admin-login-error{color:#bf3d35;background:#fdecea;border-radius:8px;margin:0 0 14px;padding:10px 12px;font-size:.82rem;font-weight:600}.admin-login-submit{background:var(--navyDark);color:#fff;border-radius:10px;width:100%;padding:13px;font-size:.95rem}.admin-login-submit:disabled{opacity:.65;cursor:wait}.admin-login-back{color:#64748b;cursor:pointer;margin-top:18px;font-size:.82rem;font-weight:600;display:inline-block}.admin-login-back:hover{color:#004b93}.enforcer-title-row{justify-content:space-between;align-items:center;gap:16px;margin:0 0 16px;display:flex}.enforcer-title-row .settings-title{margin:0;font-size:1.1rem}.enforcer-station-select,.enforcer-field select,.enforcer-field input{color:#172033;background:#fff;border:1px solid #dfe5ee;border-radius:8px;width:100%;margin:0;padding:10px 12px;font-size:.82rem}.enforcer-station-select{width:auto;min-width:130px;font-weight:600}body.dark .enforcer-station-select,body.dark .enforcer-field select,body.dark .enforcer-field input{color:#172033;background:#fff}.enforcer-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:22px;display:grid}.enforcer-form-grid{grid-template-columns:1fr 1fr 2fr;gap:16px;margin-top:14px;display:grid}.enforcer-field label{color:#64748b}.enforcer-span-2{grid-column:span 2}.enforcer-form-actions{justify-content:flex-end;margin-top:22px}.enforcer-clear{color:#64748b;border-color:#cbd5e1}@media (width<=640px){.enforcer-form-grid{grid-template-columns:1fr}.enforcer-span-2{grid-column:auto}}.notif-group{margin-bottom:28px}.notif-group-head{justify-content:space-between;align-items:center;gap:16px;margin:0 0 14px;display:flex}.notif-group-title{color:#64748b;margin:0;font-size:1rem;font-weight:600}.notif-controls{align-items:center;gap:18px;display:flex}.notif-mark-all{color:var(--navy);cursor:pointer;background:0 0;border:0;font-size:.8rem;font-weight:500}.notif-tabs{background:#e2e8f0;border-radius:6px;padding:2px;display:inline-flex}.notif-tab{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:5px 14px;font-size:.78rem;font-weight:600}.notif-tab.active{background:var(--navy);color:#fff}.notif-list{flex-direction:column;gap:12px;display:flex}.notif-card{background:#dceafe;border-radius:10px;align-items:center;gap:14px;padding:14px 18px 14px 0;display:flex;overflow:hidden}.notif-card:before{content:"";background:var(--navy);flex:0 0 6px;align-self:stretch;margin:-14px 0}.notif-card.read{background:#fff}.notif-icon{background:#4da3ff;border-radius:6px;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.notif-copy{flex:1;min-width:0}.notif-title{color:#172033;margin:0;font-size:.85rem;font-weight:600}.notif-detail{color:#64748b;margin:2px 0 0;font-size:.75rem}.notif-side{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.notif-menu-btn{color:#172033;letter-spacing:1px;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:.7rem}.notif-time{color:#172033;white-space:nowrap;font-size:.78rem}@media (width<=640px){.notif-group-head{flex-wrap:wrap}}.rules-tabs{border-bottom:1px solid #e2e8f0;gap:20px;margin:0 0 22px;display:flex}.rules-tab{color:#64748b;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:6px 2px;font-size:.8rem;font-weight:500}.rules-tab.active{color:#172033;border-bottom-color:#172033;font-weight:600}.rules-title{font-size:1.15rem}.rules-general-head{margin:8px 0 16px}.rules-general-title{color:#172033;margin:0 0 4px;font-size:.9rem;font-weight:700}.rules-section{margin-bottom:22px}.rules-table-wrap{border:1px solid #e6ebf3;border-radius:10px;overflow:hidden}.rules-table th{color:#64748b;font-weight:500}.rules-desc{color:#64748b;font-size:.75rem}.rules-table .rules-action{text-align:center;width:1%}.rules-table .settings-btn{border-radius:999px;padding:5px 18px}.modal-textarea{resize:none;height:56px;min-height:0;font-family:inherit;line-height:1.4;display:block}.rules-table{table-layout:fixed}.rules-table th:first-child,.rules-table td:first-child{width:32%}.rules-table th.rules-action,.rules-table td.rules-action{width:110px}.rules-allow-all{color:#64748b;justify-content:flex-end;align-items:center;gap:10px;margin:0 0 12px;font-size:.78rem;font-weight:600;display:flex}.rules-table td.rules-action .switch{vertical-align:middle}.serving-type-transferee{background:linear-gradient(#f29a0d 0%,#a66a06 100%)}.serving-type-guest{background:linear-gradient(#6a2fd6 0%,#a04fc4 100%)}.serving-type-regular .live-dot,.serving-type-transferee .live-dot{background:#ffffff8c}.serving-type-guest .serving-live{color:var(--amber)}.queue-row{--type-color:transparent;--type-tint:transparent;--type-text:inherit}.queue-row-transferee{--type-color:#f29a0d;--type-tint:#fef1dc;--type-text:#9a5f00}.queue-row-guest{--type-color:#6a2fd6;--type-tint:#efe8fb;--type-text:#5b21b6}.queue-table td.queue-row-no{background:var(--type-tint);box-shadow:inset 4px 0 0 var(--type-color);font-weight:700}.type-tag{background:var(--type-tint);color:var(--type-text);vertical-align:middle;border-radius:999px;margin-left:6px;padding:1px 8px;font-size:.68rem;font-weight:700;display:inline-block}.queued-tools{align-items:center;gap:12px;display:flex}.queue-row{cursor:pointer}.queue-row.selected td:not(.queue-row-no){background:#eef4ff}.queue-table .queue-select-cell{text-align:center;width:36px;padding-right:0}.queue-select-box,#queueSelectAll,#enforcerSelectAll{width:16px;height:16px;accent-color:var(--navy);cursor:pointer;margin:0}.priority-tag{color:#8a6100;background:#fff3c4}.queue-actions-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.queue-actions-note{margin:12px 0 0}.server-banner{color:#7a4b00;background:#fff4dc;border:1px solid #f5c06b;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px;padding:10px 14px;font-size:.8rem;line-height:1.4;display:flex}.server-banner-close{color:#7a4b00;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;width:26px;height:26px;padding:0}.server-banner-close:hover{background:#7a4b001f}.nav-item{position:relative}.nav-badge{background:var(--amber);color:#172033;text-align:center;border-radius:999px;min-width:20px;margin-left:auto;padding:1px 6px;font-size:.68rem;font-weight:700;line-height:1.4}.admin-shell.sidebar-collapsed .nav-badge{min-width:16px;padding:0 4px;font-size:.6rem;position:absolute;top:4px;right:4px}.notif-card{cursor:pointer;position:relative}.notif-mark-all:disabled{color:#94a3b8;cursor:default}.notif-popover{z-index:5;background:#fff;border-radius:8px;padding:4px;position:absolute;top:34px;right:56px;box-shadow:0 8px 24px #0f172a2e}.notif-popover button{color:#172033;cursor:pointer;white-space:nowrap;background:#e8edf4;border:0;border-radius:6px;padding:6px 12px;font-size:.75rem}.notif-popover button:hover{background:#dce4ef}.notif-more{justify-content:center;margin:0 0 24px;display:flex}.enforcer-span-all{grid-column:1/-1}@media (width<=640px){.enforcer-span-all{grid-column:auto}}.queue-row.not-selectable{cursor:default}.queue-row.not-selectable .queue-select-box{cursor:not-allowed;opacity:.4}.manual-tag{color:#475569;background:#e8edf4}.rules-readonly{color:#1d4fbf;background:#eaf1ff;border-radius:8px;margin:0 0 14px;padding:8px 12px;font-size:.78rem}button.is-loading{pointer-events:none;position:relative;color:#0000!important}button.is-loading:after{content:"";border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:1.05em;height:1.05em;margin:auto;animation:.7s linear infinite btn-spin;position:absolute;inset:0}.settings-btn-blue.is-loading:after,.confirm-modal-btn-cancel.is-loading:after,.ud-cancel.is-loading:after{border-color:#0054a6 #0054a640 #0054a640}@keyframes btn-spin{to{transform:rotate(360deg)}}.admin-header-right{align-items:center;gap:14px;display:flex}.admin-bell{color:#004b93;background:#fff;border:1.5px solid #004b93;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid;position:relative}.admin-bell:hover{background:#eaf1ff}.admin-bell.active{color:#fff;background:#004b93}.admin-bell-badge{color:#fff;text-align:center;background:#e5484d;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:10.5px;font-weight:700;line-height:18px;position:absolute;top:-5px;right:-6px}.admin-header-divider{background:#cbd5e1;width:1px;height:24px}.admin-header-name{font-family:var(--font-display);font-size:.85rem;font-weight:500}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.transfer-toggle-row.is-disabled{opacity:.5;cursor:not-allowed}.report-filters{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.report-filters label{color:var(--text-secondary,#64748b);flex-direction:column;gap:4px;margin:0;font-size:.78rem;display:flex}.report-filters input,.report-filters select{color:#172033;width:auto;min-width:150px;font:inherit;background:#fff;border:1px solid #dfe5ee;border-radius:8px;margin:0;padding:8px 10px;font-size:.85rem}.report-filters-spacer{flex:auto}.report-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:0 0 22px;display:grid}.report-cards .stat-card{min-height:0}.report-cards .stat-value{margin:6px 0 0;font-size:2.2rem}.report-table th,.report-table td{white-space:nowrap}.report-table tfoot td{border-top:2px solid #cbd5e1;font-weight:700}.report-caption{color:#64748b;margin:0 0 12px;font-size:.85rem}.report-note{color:#64748b;margin:6px 2px 24px;font-size:.78rem}.purpose-edit-list{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.purpose-edit-row{align-items:center;gap:8px;display:flex}.purpose-edit-row .settings-icon-btn{flex:none}.brand-badge img,.admin-login-badge img{object-fit:contain;width:72%;height:72%}.admin-theme-btn{color:#475569;background:#fff;border:1.5px solid #cbd5e1;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid}.admin-theme-btn:hover{background:#eaf1ff}.admin-theme-sun,body.dark .admin-theme-moon{display:none}body.dark .admin-theme-sun{display:block}body[data-page=pageAdmin] .themeToggle{display:none}label{color:var(--gray);margin-bottom:5px;font-size:12px;font-weight:600;display:block}input{background:var(--white);width:100%;color:var(--text);border:1px solid #c8d5e5;border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}input:focus{border-color:var(--navy);outline:none;box-shadow:0 0 0 3px #0054a61f}textarea{border:1px solid var(--line);width:100%;min-height:120px;font:inherit;resize:vertical;border-radius:10px;margin-bottom:14px;padding:10px 12px;font-size:14px}button{cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-display);border:none;border-radius:10px;padding:12px}.bigBtn{background:var(--navyDark);color:#fff;border:1px solid var(--navyDark);width:100%;transition:background .2s,border-color .2s}.bigBtn:hover{background:var(--navy);border-color:var(--navy)}.role-card{background:var(--app-surface);border:1px solid var(--app-line);border-radius:var(--app-radius-lg);width:100%;box-shadow:var(--app-shadow);text-align:left;align-items:center;gap:14px;margin-bottom:14px;padding:18px;transition:transform .12s;display:flex}.role-card:active{transform:scale(.98)}.role-icon{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.role-icon-student{background:#4f46e51f}.role-icon-guest{background:#ff7a4524}.role-copy{flex-direction:column;flex:1;gap:2px;display:flex}.role-title{color:var(--app-text);font-size:15px;font-weight:700}.role-desc{color:var(--app-text-muted);font-size:12.5px}.role-chevron{color:var(--app-text-muted);font-size:22px}.app-page{--app-primary:#4f46e5;--app-primary-dark:#3d33c7;--app-accent:#ff7a45;--app-bg:#f4f5fb;--app-surface:#fff;--app-text:#1d1e2c;--app-text-muted:#7b7f98;--app-line:#e7e8f3;--app-success:#1faa6f;--app-success-bg:#e7f8ef;--app-warning:#c98a00;--app-warning-bg:#fff3da;--app-danger:#e5484d;--app-danger-bg:#fdeaea;--app-radius-lg:22px;--app-radius-md:16px;--app-radius-sm:12px;--app-shadow:0 12px 30px #251e5a14;background:var(--app-bg);max-width:480px;min-height:100vh;margin:0 auto;padding:0}body.dark .app-page{--app-bg:#101126;--app-surface:#1b1d2e;--app-line:#2b2d45;--app-text:#edeef7;--app-text-muted:#9296b5;--app-success-bg:#1faa6f29;--app-warning-bg:#c98a002e;--app-danger-bg:#e5484d2e;--app-shadow:0 12px 30px #00000047}body.dark .app-page input{background:var(--app-surface);color:var(--app-text)}.app-page.has-tabbar{padding-bottom:96px}.app-body{padding:20px 20px 28px}.app-body-center{text-align:center;padding-top:32px}.app-header{justify-content:space-between;align-items:center;padding:18px 20px 6px;display:flex}.app-header-title{font-family:var(--font-display);color:var(--app-text);font-size:15px;font-weight:600}.app-header-user{align-items:center;gap:10px;display:flex}.app-avatar{background:var(--app-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:flex}.app-user-block{flex-direction:column;gap:1px;display:flex}.app-greeting{font-family:var(--font-display);color:var(--app-text);font-size:15px;font-weight:600}.app-student-no{color:var(--app-text-muted);font-family:Courier New,monospace;font-size:11px}.app-student-no:empty{display:none}.app-icon-btn{border:1px solid var(--app-line);background:var(--app-surface);width:38px;height:38px;color:var(--app-text);box-shadow:var(--app-shadow);border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.app-icon-btn-ghost{visibility:hidden;box-shadow:none;border:0}.app-hero{background:linear-gradient(135deg, var(--app-primary), var(--app-accent));color:#fff;border-radius:0 0 32px 32px;padding:28px 24px 36px}.hero-top{align-items:center;gap:10px;margin-bottom:26px;display:flex}.hero-logo{object-fit:contain;background:#ffffff29;border-radius:9px;width:34px;height:34px}.hero-brand{font-family:var(--font-display);letter-spacing:.02em;font-weight:700}.hero-title{font-family:var(--font-display);color:#fff;margin:0 0 10px;font-size:26px;line-height:1.25}.hero-sub{color:#ffffffe0;margin:0;font-size:13.5px}.section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--app-text-muted);margin:22px 0 12px;font-size:12px;font-weight:700}.app-page .app-field{margin-bottom:14px}.app-field .app-btn{margin-top:10px}.app-field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.app-field-error{color:var(--app-danger);margin:6px 0 0;font-size:12px;font-weight:600}.app-field-error:empty{display:none}.app-page input.invalid,.app-page input.invalid:focus,body.dark .app-page input.invalid{border-color:var(--app-danger)}.app-page input.invalid:focus{box-shadow:0 0 0 3px #e5484d26}.app-page label{color:var(--app-text-muted);margin-bottom:6px;font-size:12.5px;font-weight:600}.app-page input{background:var(--app-surface);border:1px solid var(--app-line);border-radius:var(--app-radius-sm);color:var(--app-text);margin-bottom:0;padding:14px 16px;font-size:15px}.app-page input:focus{border-color:var(--app-primary);box-shadow:0 0 0 3px #4f46e526}.app-title{font-family:var(--font-display);color:var(--app-text);margin:4px 0 6px;font-size:20px}.app-subtitle{color:var(--app-text-muted);margin:0 0 22px;font-size:13.5px}.auth-illustration{background:#4f46e51f;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 18px;font-size:30px;display:flex}.app-btn{width:100%;font-family:var(--font-display);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:15px;font-size:14.5px;font-weight:600;transition:transform .12s,background .15s;display:flex}.app-btn:active{transform:scale(.98)}.app-btn-primary{background:var(--app-primary);color:#fff;box-shadow:0 10px 20px #4f46e547}.app-btn-primary:hover{background:var(--app-primary-dark)}.app-btn-outline{border:1px solid var(--app-danger);color:var(--app-danger);background:0 0}.station-card{background:var(--app-surface);border:1px solid var(--app-line);border-radius:var(--app-radius-md);box-shadow:var(--app-shadow);align-items:center;gap:14px;margin-bottom:12px;padding:14px 16px;display:flex}.station-icon{background:#4f46e51f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.station-copy{flex:1;min-width:0}.station-name{color:var(--app-text);margin:0;font-size:14px;font-weight:700}.station-sub{color:var(--app-text-muted);margin:2px 0 0;font-size:12px}.station-join-btn{background:var(--app-primary);color:#fff;font-family:var(--font-display);border:0;border-radius:999px;flex-shrink:0;padding:10px 16px;font-size:12.5px;font-weight:600}.cooldown-card{background:var(--app-surface);border:1px solid var(--app-line);border-radius:var(--app-radius-lg);text-align:center;box-shadow:var(--app-shadow);padding:32px 20px}.cooldown-title{font-family:var(--font-display);color:var(--app-text);margin:0 0 6px;font-size:15px;font-weight:700}.cooldown-text{color:var(--app-text-muted);margin:0;font-size:13px}.ticket-card{border-radius:var(--app-radius-lg);box-shadow:var(--app-shadow);border:3px solid #0000;margin-bottom:16px;overflow:hidden}.ticket-head{background:linear-gradient(135deg, var(--app-primary), var(--app-primary-dark));color:#fff;text-align:center;padding:20px}.ticket-type-regular .ticket-head{background:linear-gradient(#00509c 0%,#001f44 100%)}.ticket-type-transferee .ticket-head{background:linear-gradient(#f29a0d 0%,#a66a06 100%)}.ticket-type-guest .ticket-head{background:linear-gradient(#6a2fd6 0%,#a04fc4 100%)}.ticket-station-label{letter-spacing:.1em;text-transform:uppercase;opacity:.8;margin:0 0 6px;font-size:11px}.ticket-number{margin:0;font-family:Courier New,monospace;font-size:40px;font-weight:800}.ticket-body{background:var(--app-surface);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ticket-owner-block{flex-direction:column;gap:2px;display:flex}.ticket-owner{color:var(--app-text);font-size:14px;font-weight:600}.ticket-student-no{color:var(--app-text-muted);font-family:Courier New,monospace;font-size:11.5px}.ticket-detail-grid{background:var(--app-surface);border-top:1px solid var(--app-line);grid-template-columns:1fr 1fr;gap:12px 16px;margin-top:-1px;padding:12px 20px 16px;display:grid}.ticket-detail-grid>div{flex-direction:column;gap:2px;display:flex}.ticket-purpose-label{color:var(--app-text-muted);font-size:11.5px}.ticket-purpose-value{color:var(--app-text);font-size:13.5px;font-weight:600}.status-pill{border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:11.5px;font-weight:700;display:inline-flex}.status-pill.waiting{background:var(--app-warning-bg);color:var(--app-warning)}.status-pill.done{background:var(--app-success-bg);color:var(--app-success)}.status-pill.danger{background:var(--app-danger-bg);color:var(--app-danger)}.ticket-countdown{background:var(--app-danger-bg);color:var(--app-danger);text-align:center;margin:0;padding:10px 20px;font-size:12.5px;font-weight:600}.live-pill{color:var(--app-danger);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;margin-bottom:4px;font-size:11px;font-weight:700;display:inline-flex}.live-dot-pulse{background:var(--app-danger);border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite livePulse}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}.board-caption{color:var(--app-text-muted);margin:0 0 18px;font-size:12.5px}.board-card{background:var(--app-surface);border:1px solid var(--app-line);border-radius:var(--app-radius-md);box-shadow:var(--app-shadow);margin-bottom:12px;padding:16px}.board-card-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.board-station-name{color:var(--app-text);font-size:14px;font-weight:700}.board-waiting-chip{color:var(--app-primary);background:#4f46e51a;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:700}.board-serving-row{align-items:baseline;gap:10px;display:flex}.board-serving-label{color:var(--app-text-muted);font-size:11.5px}.board-serving-number{color:var(--app-text);font-family:Courier New,monospace;font-size:22px;font-weight:800}.app-tabbar{background:var(--app-surface);border-top:1px solid var(--app-line);max-width:480px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));z-index:50;border-radius:20px 20px 0 0;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #251e5a14}.app-tab{color:var(--app-text-muted);background:0 0;border:0;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:6px 0;font-size:11px;font-weight:600;display:flex}.app-tab .tab-icon{font-size:18px}.app-tab.active{color:var(--app-primary);background:#4f46e514}.empty-hint{text-align:center;color:var(--app-text-muted);padding:32px 12px;font-size:13px}.chip-row{flex-wrap:wrap;gap:8px;padding:0 20px 14px;display:flex}#studentTypeChip:empty,#notificationToggle:empty{display:none}.student-type-chip,.notif-chip{border:1px solid var(--app-line);background:var(--app-surface);color:var(--app-text);font-family:var(--font-body);border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;display:inline-flex}.student-type-chip .edit-icon{color:var(--app-text-muted);font-size:11px}.notif-chip-on{border-color:var(--app-success);color:var(--app-success);background:var(--app-success-bg)}.notif-chip-off{border-color:var(--app-danger);color:var(--app-danger);background:var(--app-danger-bg);opacity:.85}.app-modal-backdrop{z-index:200;background:#0f10208c;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.app-modal-sheet{background:var(--app-surface);width:100%;max-width:480px;padding:24px 20px calc(20px + env(safe-area-inset-bottom,0px));border-radius:24px 24px 0 0;box-shadow:0 -12px 30px #00000038}.app-modal-title{font-family:var(--font-display);color:var(--app-text);margin:0 0 6px;font-size:17px;font-weight:700}.app-modal-sub{color:var(--app-text-muted);margin:0 0 18px;font-size:13px}body.dark{--bg:#10131c;--white:#1a1f2e;--line:#2b3145;--gray:#9099ac;--navy:#6c86d6;--navyDark:#536bc0;color:#b9c4f0}body.dark select,body.dark input{background:var(--white);color:#b9c4f0}#message{background:var(--navyDark);color:#fff;z-index:999;border-radius:10px;max-width:280px;padding:12px 16px;font-size:13px;display:none;position:fixed;top:16px;right:16px}.page.ud-page{--app-primary:#0054a6;--app-primary-dark:#003c7a;--app-bg:#eef5ff;--app-surface:#fff;--app-text:#172033;--app-text-muted:#64748b;--app-line:#dce6f3;--app-warning:#b7791f;--app-warning-bg:#fff4cc;--app-shadow:0 8px 24px #002b6414;--ud-soft:#dcebff;--ud-amber:#ffc20e;background:var(--app-bg);width:100%;max-width:none;min-height:100vh;color:var(--app-text);margin:0;padding:0}.page.ud-page.show{display:block}body.dark .page.ud-page{--app-bg:#0d1626;--app-surface:#15233b;--app-text:#e6edf8;--app-text-muted:#94a5c2;--app-line:#263b5c;--app-warning:#f2c14e;--app-warning-bg:#f2c14e24;--app-shadow:0 8px 24px #00000059;--ud-soft:#1d3a66}.ud-page [hidden]{display:none!important}body[data-page=pageDashboard] .themeToggle{display:none}.ud-page button{font-family:var(--font-display)}.ud-header{justify-content:space-between;align-items:center;gap:12px;max-width:1040px;margin:0 auto;padding:14px 16px;display:flex}.ud-brand{align-items:center;gap:10px;min-width:0;display:flex}.ud-brand img{object-fit:contain;border-radius:8px;width:32px;height:32px}.ud-brand span{font-family:var(--font-display);color:var(--app-text);font-size:15px;font-weight:600}.ud-header-right{align-items:center;gap:10px;min-width:0;display:flex}.ud-divider{background:var(--app-line);width:1px;height:26px}.ud-user-wrap{position:relative}.ud-user{color:inherit;text-align:right;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:10px;padding:2px;display:flex}.ud-user-text{flex-direction:column;align-items:flex-end;min-width:0;max-width:220px;line-height:1.3;display:none}.ud-user-name,.ud-user-meta{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.ud-user-name{font-family:var(--font-display);color:var(--app-text);font-size:12px;font-weight:600}.ud-user-meta{color:var(--app-text-muted);font-size:10.5px}.ud-avatar{background:var(--app-primary);color:#fff;width:36px;height:36px;font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:600;display:grid}.ud-menu{z-index:60;background:var(--app-surface);border:1px solid var(--app-line);border-radius:14px;min-width:220px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 34px #001e502e}.ud-menu-head{border-bottom:1px solid var(--app-line);flex-direction:column;gap:2px;margin-bottom:4px;padding:10px 12px 12px;display:flex}.ud-menu-head strong{color:var(--app-text);word-break:break-word;font-size:13px}.ud-menu-head span{color:var(--app-text-muted);word-break:break-word;font-size:11.5px}.ud-menu button{text-align:left;width:100%;color:var(--app-text);background:0 0;border-radius:9px;padding:11px 12px;font-size:13px;font-weight:500;display:block}.ud-menu button:hover{background:var(--ud-soft)}.ud-menu .ud-menu-danger{color:var(--app-danger)}.ud-bell{background:var(--app-surface);border:1px solid var(--app-line);width:36px;height:36px;color:var(--app-text);box-shadow:var(--app-shadow);border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.ud-bell.is-off{color:var(--app-text-muted)}.ud-bell-dot{border:2px solid var(--app-surface);background:var(--app-danger);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:7px}.ud-bell.is-on .ud-bell-dot{background:#1faa6f}.ud-bell.is-on{cursor:default}.ud-main{max-width:1040px;margin:0 auto;padding:4px 16px 130px}.ud-hero{text-align:center;color:#fff;background:linear-gradient(#0018429e,#001f4dad),url(/assets/hero-campus-Bb3-hAbl.webp) 50% 38%/cover no-repeat,linear-gradient(115deg,#001f4d 0%,#003b8e 55%,#0a56b5 100%);border-radius:16px;padding:clamp(34px,9vw,70px) 20px;position:relative;overflow:hidden}.ud-hero h1{color:#fff;font-family:var(--font-display);margin:0;font-size:clamp(1.35rem,5.4vw,2.3rem);font-weight:600;line-height:1.2;position:relative}.ud-hero em{color:var(--ud-amber);font-style:normal}.ud-banner{background:var(--app-warning-bg);color:var(--app-warning);text-align:center;border:1px solid #f5d77a;border-radius:10px;margin:18px 0 0;padding:10px 14px;font-size:12.5px}.ud-link{color:var(--app-primary);font-size:inherit;background:0 0;border-radius:0;padding:0;font-weight:600;text-decoration:underline}body.dark .ud-link{color:#7db4f5}.ud-stations-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:22px;display:grid}.ud-station-card{background:var(--app-surface);box-shadow:var(--app-shadow);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.ud-station-top{background:linear-gradient(135deg,#ffffff1a 25%,#0000 25%) -18px 0/54px 54px,linear-gradient(225deg,#ffffff12 25%,#0000 25%) -18px 0/54px 54px,linear-gradient(135deg,#0a3b7c,#1565c0);height:78px}.ud-station-icon{border:4px solid var(--app-surface);background:var(--ud-soft);width:72px;height:72px;color:var(--app-primary);border-radius:50%;place-items:center;margin:-36px auto 0;display:grid;position:relative}body.dark .ud-station-icon{color:#7db4f5}.ud-station-card h3{text-align:center;font-family:var(--font-display);color:var(--app-text);margin:10px 12px 16px;font-size:15px;font-weight:600}.ud-station-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding:0 18px 18px;display:flex}.ud-joined{color:var(--app-primary);margin:0;font-size:11px;font-weight:600}body.dark .ud-joined{color:#7db4f5}.ud-serving{color:var(--app-text-muted);margin:3px 0 0;font-size:10.5px}.ud-join{background:var(--app-primary);color:#fff;border-radius:9px;flex:none;min-width:78px;padding:10px 20px;font-size:12.5px;font-weight:600}.ud-join:hover{background:var(--app-primary-dark)}.ud-join:disabled{color:#fff;cursor:not-allowed;background:#c9d6e8}body.dark .ud-join:disabled{color:#8da1c2;background:#2c4468}.ud-station-view{flex-direction:column;gap:12px;max-width:440px;margin:10px auto 0;display:flex}.ud-join-card{background:var(--app-surface);box-shadow:var(--app-shadow);text-align:center;border-radius:14px;padding:22px 18px}.ud-join-title{font-family:var(--font-display);color:var(--app-text);margin:0 0 8px;font-size:24px;font-weight:600}.ud-join-text{color:var(--app-primary);margin:0 0 16px;font-size:12.5px;line-height:1.55}body.dark .ud-join-text{color:#7db4f5}.ud-join-row{flex-wrap:wrap;gap:10px;display:flex}.ud-select{background:var(--app-surface);border:1px solid var(--app-line);min-width:0;height:40px;color:var(--app-text);font-family:var(--font-body);border-radius:9px;flex:160px;padding:0 34px 0 12px;font-size:13px}.ud-select:disabled{background:var(--ud-soft);color:var(--app-text-muted)}.ud-select:focus,.ud-other:focus{border-color:var(--app-primary);outline:none;box-shadow:0 0 0 3px #0054a624}.ud-other{background:var(--app-surface);border:1px solid var(--app-line);width:100%;height:40px;color:var(--app-text);border-radius:9px;margin:10px 0 0;padding:0 12px;font-size:13px;display:block}.ud-generate{background:var(--app-primary);color:#fff;border-radius:9px;flex:none;height:40px;padding:0 18px;font-size:12.5px;font-weight:600}.ud-generate:hover{background:var(--app-primary-dark)}.ud-generate:disabled{cursor:not-allowed;background:#c9d6e8}body.dark .ud-generate:disabled{color:#8da1c2;background:#2c4468}.ud-cooldown{background:var(--app-warning-bg);color:var(--app-warning);border-radius:10px;margin:0;padding:14px;font-size:13px;font-weight:600}.ud-notice{background:var(--app-warning-bg);color:var(--app-warning);text-align:center;border:1px solid #f5d77a;border-radius:10px;margin:0;padding:10px 14px;font-size:12px}.ud-ticket{background:var(--app-surface);box-shadow:var(--app-shadow);border:3px solid #0000;border-radius:14px;overflow:hidden}.ud-ticket-head{text-align:center;color:#fff;background:linear-gradient(#00509c 0%,#003b7a 100%);padding:18px 16px 20px}.ud-ticket.ticket-type-regular .ud-ticket-head{background:linear-gradient(#00509c 0%,#001f44 100%)}.ud-ticket.ticket-type-transferee .ud-ticket-head{background:linear-gradient(#f29a0d 0%,#a66a06 100%)}.ud-ticket.ticket-type-guest .ud-ticket-head{background:linear-gradient(#6a2fd6 0%,#a04fc4 100%)}.ud-ticket-station{letter-spacing:.1em;text-transform:uppercase;opacity:.9;margin:0;font-size:10px;font-weight:500}.ud-ticket-no{font-family:var(--font-display);letter-spacing:.02em;margin:4px 0 0;font-size:clamp(2rem,9vw,2.4rem);font-weight:600}.ud-ticket-alert{background:var(--app-danger-bg);color:var(--app-danger);text-align:center;margin:0;padding:10px 16px;font-size:12.5px;font-weight:600}.ud-ticket-who{justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.ud-ticket-name{color:var(--app-text);word-break:break-word;margin:0;font-size:12.5px;font-weight:600}.ud-ticket-sub{color:var(--app-text-muted);margin:2px 0 0;font-size:10.5px}.ud-status{background:var(--app-warning-bg);color:var(--app-warning);border:1px solid #f0cf6b;border-radius:999px;flex:none;padding:4px 12px;font-size:10.5px;font-weight:600}.ud-status.is-serving{color:#228754;background:#ecf8f1;border-color:#8bd0a2}.ud-status.is-skipped{background:var(--app-danger-bg);color:var(--app-danger);border-color:#ef9c97}body.dark .ud-status.is-serving{background:#1faa6f29}.ud-ticket-details{border-top:1px solid var(--app-line);grid-template-columns:1fr 1fr;gap:12px 16px;padding:14px 16px;display:grid}.ud-ticket-details div{flex-direction:column;gap:2px;min-width:0;display:flex}.ud-ticket-details span{color:var(--app-text-muted);font-size:10.5px}.ud-ticket-details b{color:var(--app-text);word-break:break-word;font-size:12.5px;font-weight:600}.ud-ticket-pos{grid-template-columns:1fr 1fr;gap:12px;padding:2px 16px 16px;display:grid}.ud-pos-box{border:1.5px solid var(--app-primary);background:var(--ud-soft);min-height:74px;color:var(--app-primary);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:10px 8px;display:flex}body.dark .ud-pos-box{color:#9cc8fa;border-color:#3d74bc}.ud-pos-box b{font-family:var(--font-display);font-size:1.5rem;font-weight:600;line-height:1.15}.ud-pos-box span{letter-spacing:.08em;text-transform:uppercase;font-size:9.5px;font-weight:600}.ud-cancel{border:1px solid var(--app-danger);background:var(--app-surface);width:100%;color:var(--app-danger);border-radius:8px;padding:10px;font-size:12.5px;font-weight:500}.ud-cancel:hover{background:var(--app-danger-bg)}.ud-ticket+.ud-cancel{margin-top:12px}.ud-board{margin:6px 0 0}.ud-board-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.ud-greeting{font-family:var(--font-display);color:var(--app-text);margin:0;font-size:clamp(1.1rem,4.6vw,1.75rem);font-weight:600}.ud-greeting-sub{color:var(--app-text-muted);margin:2px 0 0;font-size:clamp(.72rem,2.6vw,1.05rem)}.ud-station-select{flex:none;position:relative}.ud-station-select select{appearance:none;background:var(--app-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%2364748B' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 11px center;border:1px solid var(--app-line);width:auto;max-width:170px;height:32px;color:var(--app-text);font-family:var(--font-body);cursor:pointer;border-radius:9px;margin:0;padding:0 28px 0 12px;font-size:12px}.ud-stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ud-stat{background:var(--app-surface);box-shadow:var(--app-shadow);border-radius:12px;flex-direction:column;justify-content:space-between;gap:6px;padding:14px 16px;display:flex}.ud-stat>span,.ud-now>span,.ud-next>span{color:var(--app-text-muted);font-size:10.5px}.ud-stat>b{font-family:var(--font-display);color:var(--app-primary);font-size:clamp(1.9rem,8vw,2.4rem);font-weight:600;line-height:1.1}body.dark .ud-stat>b,body.dark .ud-next b{color:#9cc8fa}.ud-stat-queue{flex-direction:row;grid-column:1/-1;align-items:center;gap:18px}.ud-now,.ud-next{flex-direction:column;gap:2px;min-width:0;display:flex}.ud-now{background:var(--ud-amber);border-radius:10px;padding:10px 14px}.ud-now>span{color:#3a2a00;font-weight:500}.ud-now b,.ud-next b{font-family:var(--font-display);white-space:nowrap;font-size:clamp(1.7rem,7.4vw,2.4rem);font-weight:600;line-height:1.1}.ud-now b{color:#1e3a8a}.ud-next b{color:var(--app-primary)}.ud-third{display:none}.ud-lbl-long,.ud-lbl-short{font-style:normal}.ud-lbl-short{display:none}.ud-q-top{justify-content:space-between;align-items:baseline;gap:10px;margin:22px 0 8px;display:flex}.ud-q-top h3{font-family:var(--font-display);color:var(--app-text);margin:0;font-size:13px;font-weight:600}.ud-q-date{color:var(--app-text-muted);align-items:center;gap:6px;font-size:10.5px;display:inline-flex}.ud-q-date .live-dot-pulse{flex:none;width:7px;height:7px}.ud-q-table{flex-direction:column;gap:6px;display:flex}.ud-q-th,.ud-q-row{grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;display:grid}.ud-q-th{background:var(--ud-amber);color:#2b2100;border-radius:8px;min-height:26px;font-size:11px;font-weight:500}.ud-q-th span:first-child{grid-column:1}.ud-q-th span:last-child{text-align:right;grid-column:3}.ud-q-row{background:var(--app-surface);min-height:46px;box-shadow:var(--app-shadow);font-family:var(--font-display);color:var(--app-primary);border:2px solid #0000;border-radius:10px;font-size:clamp(1.15rem,5vw,1.6rem);font-weight:600}body.dark .ud-q-row{color:#9cc8fa}.ud-q-row.is-mine{border-color:var(--app-primary);background:var(--ud-soft)}.ud-q-ticket{align-items:center;gap:8px;display:inline-flex}.ud-q-ticket em{background:var(--app-primary);color:#fff;font-family:var(--font-body);border-radius:999px;padding:2px 8px;font-size:10px;font-style:normal;font-weight:600}.ud-q-arrow{opacity:.9;justify-content:center;display:flex}.ud-q-no{text-align:right}.ud-q-empty{background:var(--app-surface);text-align:center;color:var(--app-text-muted);border-radius:10px;margin:0;padding:22px 12px;font-size:13px}.ud-pager{color:var(--app-text-muted);align-items:center;gap:10px;margin-top:12px;font-size:11.5px;display:flex}.ud-pager button{border:1px solid var(--app-line);background:var(--app-surface);width:28px;height:28px;color:var(--app-text);border-radius:50%;place-items:center;padding:0;font-size:16px;line-height:1;display:grid}.ud-pager button:disabled{opacity:.4;cursor:not-allowed}@media (width>=720px){.ud-board-head{margin-bottom:20px}.ud-stats{grid-template-columns:1.7fr 1fr 1fr;gap:16px}.ud-stat-queue{grid-column:auto;gap:26px;padding:16px 20px}.ud-third{display:flex}.ud-lbl-long{display:none}.ud-lbl-short{display:inline}.ud-station-select select{height:34px;font-size:12.5px}}.ud-tabbar{left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:50;background:var(--app-surface);border-radius:999px;gap:6px;padding:6px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 28px #002b6433}.ud-tab{width:44px;height:44px;color:var(--app-text-muted);background:0 0;border-radius:50%;place-items:center;padding:0;display:grid}.ud-tab.active{background:var(--app-primary);color:#fff}.ud-back{left:16px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:50;border:1.5px solid var(--app-primary);background:var(--app-surface);width:38px;height:38px;color:var(--app-primary);box-shadow:var(--app-shadow);border-radius:50%;place-items:center;padding:0;display:grid;position:fixed}body.dark .ud-back{color:#7db4f5;border-color:#3d74bc}@media (width>=480px){.ud-user-text{display:flex}}@media (width>=720px){.ud-header{padding:18px 20px}.ud-main{padding:6px 20px 140px}.ud-hero{border-radius:18px}.ud-stations-grid{gap:22px;margin-top:28px}}@media (width>=1100px){.ud-back{left:calc(50vw - 500px)}}@media (width<=480px){.ud-station-top{height:64px}}@media (width<=380px){.ud-header{padding:12px}.ud-main{padding-left:12px;padding-right:12px}.ud-brand span{font-size:14px}.ud-generate{flex:100%}.ud-station-foot{padding:0 14px 14px}.ud-join-card{padding:18px 14px}}@media (prefers-reduced-motion:reduce){.ud-page *{transition:none!important;animation:none!important}}body.dark .ud-board .board-waiting-chip{color:#9cc8fa;background:#7db4f529}.ud-tab{position:relative}.ud-tab-badge{border:2px solid var(--app-surface);background:var(--app-danger,#e5484d);color:#fff;text-align:center;border-radius:999px;min-width:18px;padding:1px 5px;font-size:10px;font-weight:700;line-height:1.3;position:absolute;top:2px;right:0}.ud-notifs{margin:6px 0 0}.ud-notifs .notif-group-title{color:var(--app-text-muted);font-size:.95rem}.ud-notifs .notif-mark-all{color:var(--app-primary)}.ud-notifs .notif-tab.active{background:var(--app-primary)}.ud-notifs .notif-card{box-shadow:var(--app-shadow)}.ud-notifs .notif-card:before{background:var(--app-primary)}.ud-notifs .notif-card.read:before{background:var(--app-line)}.ud-notifs .notif-icon{background:#fffc}.ud-notifs .notif-card.read .notif-icon,body.dark .ud-notifs .notif-icon{background:var(--ud-soft)}.ud-notifs .notif-detail{line-height:1.4}.ud-notif-note{color:var(--app-text-muted);margin:8px 0;font-size:13px}.ud-notif-empty{text-align:center;padding:36px 12px 40px;font-size:2.6rem;line-height:1}.ud-notif-empty p{color:var(--app-text-muted);margin:12px 0 0;font-size:14px;font-weight:600}.ud-notif-more{border:1.5px solid var(--app-primary);color:var(--app-primary);cursor:pointer;background:0 0;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:600}body.dark .ud-notifs .notif-mark-all,body.dark .ud-notif-more{color:#7db4f5;border-color:#3d74bc}body.dark .ud-notifs .notif-card.read:before{background:#34507a}body.dark .ud-notifs .notif-mark-all:disabled{color:#6b7c99}@media (width<=480px){.ud-notifs .notif-card{gap:10px;padding-right:12px}.ud-notifs .notif-popover{right:40px}}.page.lp-page{--lp-navy:#0b1b3a;--lp-blue:#0054a6;--lp-amber:#ffc20e;--lp-red:#e3262b;--lp-red-dark:#c21f24;--lp-text:#172033;--lp-muted:#64748b;--lp-bg:#f3f7fc;--lp-surface:#fff;--lp-line:#e3eaf3;--lp-soft:#e6f0fc;--lp-shadow:0 10px 30px #0b1b3a1a;background:var(--lp-bg);width:100%;max-width:none;min-height:100vh;color:var(--lp-text);margin:0;padding:0;position:relative;overflow:hidden}.page.lp-page.show{display:block}body.dark .page.lp-page{--lp-navy:#e6edf8;--lp-text:#e6edf8;--lp-muted:#9aabc6;--lp-bg:#0d1626;--lp-surface:#15233b;--lp-line:#263b5c;--lp-soft:#1d3a66;--lp-shadow:0 10px 30px #0006}.lp-page [hidden]{display:none!important}body[data-page=pageHome] .themeToggle,body:not([data-page]) .themeToggle{display:none}.lp-page:before{content:"";filter:grayscale(.6);opacity:.9;pointer-events:none;background:linear-gradient(90deg,#f3f7fcdb,#f3f7fcf0),url(/assets/landing-campus-lDqnJ1fb.jpg) 50%/cover no-repeat;position:absolute;inset:0 45% 0 0}body.dark .lp-page:before{background:linear-gradient(90deg,#0d1626e6,#0d1626f5),url(/assets/landing-campus-lDqnJ1fb.jpg) 50%/cover no-repeat}.lp-shell{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;min-height:100vh;padding:22px;display:grid;position:relative}.lp-left{flex-direction:column;min-width:0;padding:0 0 6px 10px;display:flex}.lp-brand{align-items:center;gap:10px;display:flex}.lp-brand img{object-fit:contain;border-radius:8px;width:34px;height:34px}.lp-brand span{font-family:var(--font-display);color:var(--lp-text);font-size:16px;font-weight:600}.lp-copy{max-width:560px;margin:auto 0;padding:40px 0 32px}.lp-pill{color:var(--lp-blue);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}body.dark .lp-pill{color:#7db4f5}.lp-title{font-family:var(--font-display);color:var(--lp-navy);margin:12px 0 0;font-size:clamp(2.2rem,4.6vw,3.6rem);font-weight:600;line-height:1.08}.lp-title em{color:var(--lp-amber);font-style:normal;display:block}.lp-sub{max-width:460px;color:var(--lp-muted);margin:16px 0 0;font-size:.92rem;line-height:1.6}.lp-cta{background:var(--lp-red);color:#fff;font-family:var(--font-display);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:10px;margin-top:22px;padding:11px 20px;font-size:.85rem;font-weight:600;display:inline-flex;box-shadow:0 8px 20px #e3262b47}.lp-cta:hover{background:var(--lp-red-dark)}.lp-cta-divider,.lp-cta-arrow{display:none}.lp-cta:focus-visible,.lp-signin-btn:focus-visible{outline-offset:2px;outline:3px solid #0054a659}.lp-features{background:var(--lp-surface);box-shadow:var(--lp-shadow);border-radius:14px;align-self:flex-start;align-items:center;margin:0;padding:12px 14px;list-style:none;display:flex}.lp-features li{color:var(--lp-text);align-items:center;gap:12px;padding:2px 18px;font-size:.8rem;line-height:1.35;display:flex}.lp-features li+li{border-left:1px solid var(--lp-line)}.lp-features li:first-child{padding-left:4px}.lp-features li:last-child{padding-right:6px}.lp-feature-icon{background:var(--lp-soft);width:42px;height:42px;color:var(--lp-blue);border-radius:10px;flex:none;place-items:center;display:grid}body.dark .lp-feature-icon{color:#9cc8fa}.lp-photo{min-height:320px;box-shadow:var(--lp-shadow);background:#7fb2e5 url(/assets/landing-campus-lDqnJ1fb.jpg) 58%/cover no-repeat;border-radius:22px}.lp-signin-backdrop{z-index:70;background:0 0;position:fixed;inset:0}.lp-signin{z-index:71;background:var(--lp-surface);text-align:center;border-radius:16px;width:min(340px,100vw - 32px);padding:22px 22px 20px;animation:.16s ease-out lp-pop;position:fixed;top:12vh;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #0b1b3a38}.lp-signin h2{font-family:var(--font-display);color:var(--lp-text);margin:0;font-size:1.05rem;font-weight:600}.lp-signin p{color:var(--lp-muted);margin:8px 0 0;font-size:.78rem;line-height:1.5}.lp-signin-btn{background:var(--lp-blue);color:#fff;font-family:var(--font-display);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;margin-top:16px;padding:10px 22px;font-size:.82rem;font-weight:600;display:inline-flex}.lp-signin-btn:hover{background:#003f7d}@keyframes lp-pop{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}@media (width<=960px){.lp-page:before{inset:0}.lp-shell{flex-direction:column;gap:0;padding:16px 16px 28px;display:flex}.lp-left{display:contents}.lp-brand{order:1;padding:4px 4px 0}.lp-copy{order:2;max-width:none;margin:0;padding:30px 4px 22px}.lp-title{font-size:clamp(2.3rem,10.6vw,3.2rem);font-weight:700;line-height:1.05}.lp-sub{font-size:.95rem}.lp-cta{border-radius:14px;gap:10px;width:100%;padding:15px 12px 15px 14px;font-size:clamp(.72rem,3.15vw,.95rem);display:flex}.lp-cta>svg:first-child{flex:none;width:22px;height:22px}.lp-cta-divider{background:#fff9;flex:none;width:1px;height:22px;display:block}.lp-cta-text{text-align:left;white-space:nowrap;flex:auto}.lp-cta-arrow{flex:none;display:block}.lp-photo{aspect-ratio:7/4;border-radius:18px;order:3;height:auto;min-height:0}.lp-features{border-radius:18px;order:4;align-self:stretch;margin-top:18px;padding:14px 6px}.lp-features li{text-align:center;color:var(--lp-navy);flex-direction:column;flex:1 1 0;gap:10px;padding:2px 6px;font-weight:600}.lp-feature-icon{border-radius:50%;width:46px;height:46px}.lp-features li:first-child,.lp-features li:last-child{padding:2px 6px}.lp-signin-backdrop{background:#0b1b3a47}.lp-signin{animation:none;top:50%;transform:translate(-50%,-50%)}}@media (width<=340px){.lp-cta-text{white-space:normal}}@media (width<=380px){.lp-features li{font-size:.74rem}.lp-feature-icon{width:42px;height:42px}}@media (prefers-reduced-motion:reduce){.lp-signin{animation:none}}.page.tv-page{--tv-blue:#0054a6;--tv-blue-dark:#003c7a;--tv-amber:#ffc20e;--tv-text:#172033;--tv-bg:#eef5ff;background:var(--tv-bg);width:100%;max-width:none;height:100vh;color:var(--tv-text);margin:0;padding:0;overflow:hidden}.page.tv-page.show{flex-direction:column;display:flex}body[data-page=pageTvBoard] .themeToggle{display:none}.tv-page.tv-idle,.tv-page.tv-idle *{cursor:none}.tv-page.tv-idle .tv-fullscreen,.tv-page.tv-idle .tv-sound:not(.needs-tap):not(.is-off){opacity:0;pointer-events:none}.tv-head{background:var(--tv-blue);color:#fff;border-radius:0 0 1.6vh 1.6vh;flex:none;justify-content:space-between;align-items:center;padding:1.6vh 2.4vw;display:flex}.tv-brand{align-items:center;gap:1.2vh;display:flex}.tv-brand img{object-fit:contain;width:5vh;height:5vh}.tv-brand span{font-family:var(--font-display);font-size:2.6vh;font-weight:600}.tv-head-right{align-items:center;gap:1.6vw;display:flex}.tv-clock{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:5.2vh;font-weight:600;line-height:1}.tv-fullscreen{color:#fff;background:0 0;border:1px solid #ffffff73;border-radius:1vh;place-items:center;width:4.6vh;min-width:34px;height:4.6vh;min-height:34px;padding:0;transition:opacity .3s;display:grid}.tv-foot{background:var(--tv-blue);color:#fff;text-align:center;font-family:var(--font-display);flex:none;padding:1.6vh;font-size:2.1vh;font-weight:600}.tv-sound{color:#fff;min-width:34px;height:4.6vh;min-height:34px;font-family:var(--font-display);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #ffffff73;border-radius:1vh;justify-content:center;align-items:center;gap:.8vh;padding:0 1.1vh;font-size:max(13px,1.6vh);font-weight:600;transition:opacity .3s;display:inline-flex}.tv-sound.needs-tap{border-color:var(--tv-amber);background:var(--tv-amber);color:#172033;animation:1.6s ease-in-out infinite tv-sound-pulse}.tv-sound.is-off{opacity:.75}@keyframes tv-sound-pulse{0%,to{box-shadow:0 0 #ffc20e99}50%{box-shadow:0 0 0 .8vh #ffc20e00}}@media (prefers-reduced-motion:reduce){.tv-sound.needs-tap{animation:none}}.tv-main{flex:auto;gap:2.2vh 1.6vw;min-height:0;padding:3vh 2vw;display:grid}.tv-empty{text-align:center;font-family:var(--font-display);color:#64748b;grid-column:1/-1;align-self:center;font-size:3.4vh}.tv-col{flex-direction:column;min-width:0;min-height:0;display:flex}.tv-col-tab{background:var(--tv-blue);color:#fff;text-align:center;font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;border-radius:1.2vh 1.2vh 0 0;margin-bottom:-1vh;padding:1vh 1vw 1.8vh;font-size:2.4vh;font-weight:600;overflow:hidden}.tv-col-body{background:#fff;border-radius:1.2vh;flex-direction:column;flex:auto;min-height:0;padding:2vh 1.4vw;display:flex;position:relative;overflow:hidden;box-shadow:0 .8vh 2.4vh #002b6414}.tv-now{background:var(--tv-blue);color:#fff;border-radius:1.2vh;flex-direction:column;align-items:center;gap:.6vh;padding:1.6vh 1vw 2vh;display:flex}.tv-now span{opacity:.9;font-size:1.6vh}.tv-now b{font-family:var(--font-display);white-space:nowrap;font-size:7.4vh;font-weight:600;line-height:1}.tv-label{font-family:var(--font-display);color:var(--tv-text);margin:2.2vh 0 1vh;font-size:1.6vh;font-weight:500}.tv-row{font-family:var(--font-display);color:var(--tv-blue);grid-template-columns:1fr auto 1fr;align-items:center;gap:.8vw;font-size:4.2vh;font-weight:600;line-height:1.15;display:grid}.tv-row i{text-align:center;font-size:.8em;font-style:normal;font-weight:400}.tv-row b{white-space:nowrap;font-weight:600}.tv-row b:last-child{text-align:right}.tv-next{background:var(--tv-amber);color:#1b2740;border-radius:1vh;padding:1vh 1vw}.tv-wait{flex-direction:column;gap:1.4vh;margin:0;padding:.4vh 1vw;list-style:none;display:flex}.tv-more{color:#64748b;text-align:center;margin-top:auto;padding-top:1vh;font-size:1.7vh}.tv-none{color:#94a3b8;margin:0;padding:1vh 0;font-size:2vh}.tv-side{flex-direction:column;gap:2.2vh;min-width:0;min-height:0;display:flex}.tv-mini{background:#fff;border-radius:1.2vh;flex-direction:column;flex:1 1 0;justify-content:center;gap:1.4vh;min-height:0;padding:1.8vh 1.2vw;display:flex;box-shadow:0 .8vh 2.4vh #002b6414}.tv-mini h3{font-family:var(--font-display);color:var(--tv-blue);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:2.2vh;font-weight:600;overflow:hidden}.tv-mini-row{grid-template-columns:1fr 1.15fr;align-items:center;gap:.8vw;display:grid}.tv-mini-row>div{flex-direction:column;gap:.4vh;min-width:0;display:flex}.tv-mini-row span{font-size:1.4vh}.tv-mini-row b{font-family:var(--font-display);white-space:nowrap;font-size:4.2vh;font-weight:600;line-height:1.1}.tv-mini-next{background:var(--tv-amber);color:#1b2740;border-radius:1vh;padding:1vh .8vw}.tv-mini-next b small{color:var(--tv-blue);margin-left:.4vw;font-size:.6em}.tv-side-pages{text-align:center;color:#64748b;font-size:1.5vh}.tv-flash{animation:1.8s ease-out tv-flash}@keyframes tv-flash{0%,30%{box-shadow:0 0 0 .6vh var(--tv-amber);transform:scale(1.03)}to{transform:scale(1);box-shadow:0 0 #ffc20e00}}@media (prefers-reduced-motion:reduce){.tv-flash{animation:none}}@media (width<=720px) and (orientation:portrait){.page.tv-page{height:auto;min-height:100vh;overflow:visible}.tv-main{grid-template-columns:1fr!important}.tv-col-body{min-height:0}}.lb-launch{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:calc(100vh - 200px);padding:24px;display:flex}.lb-launch p{color:#172033;margin:0;font-size:.95rem}.lb-launch-btn{color:#fff;min-width:190px;font-family:var(--font-display);background:linear-gradient(#00509c 0%,#002a5c 100%);border:0;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:.9rem;font-weight:600;display:inline-flex;box-shadow:0 8px 20px #002b6440}.lb-launch-btn:hover{background:linear-gradient(#005bb0 0%,#00336e 100%)}.lb-launch .lb-launch-help{color:#64748b;max-width:460px;font-size:.78rem;line-height:1.5}.page.admin-login-page{background:#fff;width:100%;max-width:none;min-height:100vh;margin:0;padding:0}.page.admin-login-page.show{display:block}body[data-page=pageAdminLogin] .themeToggle{display:none}.al-shell{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:32px;min-height:100vh;padding:22px;display:grid}.al-photo{background:#e9e4dc url(/assets/admin-login-laptop-DkW_0QJB.webp) 50% 45%/cover no-repeat;border-radius:26px;min-height:360px}.al-panel{place-self:center;width:min(380px,100%);padding:24px 6px}.al-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:44px;display:flex}.al-brand{align-items:center;gap:10px;display:flex}.al-brand img{object-fit:contain;width:34px;height:34px}.al-brand span{font-family:var(--font-display);color:#172033;font-size:1.05rem;font-weight:600}.al-back{color:#172033;font-family:var(--font-body);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:6px 4px;font-size:.85rem;display:inline-flex}.al-back:hover{color:#0054a6}.al-title{font-family:var(--font-display);color:#172033;margin:0;font-size:1.85rem;font-weight:600}.al-sub{color:#0054a6;margin:6px 0 22px;font-size:.85rem}.al-switch{grid-template-columns:1fr 1fr;gap:12px;display:grid}.al-switch button{color:#172033;font-family:var(--font-display);cursor:pointer;background:#e8eef6;border:1.5px solid #0000;border-radius:9px;padding:11px 10px;font-size:.85rem;font-weight:500}.al-switch button.active{color:#0054a6;background:#dcebff;border-color:#4a7fd0}.al-divider{border:0;border-top:1px solid #e2e8f0;margin:22px 0 18px}#pageAdminLogin form label{color:#172033;margin:0 0 6px;font-size:.8rem;font-weight:600;display:block}#pageAdminLogin form input{color:#172033;background:#fff;border:1.5px solid #dfe5ee;border-radius:10px;width:100%;margin:0 0 16px;padding:11px 14px;font-size:.88rem}#pageAdminLogin form input:focus{border-color:#0054a6;outline:none;box-shadow:0 0 0 3px #0054a61f}.al-submit{color:#fff;width:100%;font-family:var(--font-display);cursor:pointer;background:#0054a6;border:0;border-radius:10px;margin-top:4px;padding:12px;font-size:.92rem;font-weight:600}.al-submit:hover{background:#003f7d}#pageAdminLogin .admin-login-error{margin:-4px 0 14px}@media (width<=860px){.al-shell{padding:16px;display:block}.al-photo{display:none}.al-panel{width:100%;max-width:420px;margin:0 auto;padding:12px 4px 32px}.al-top{margin-bottom:36px}}body.dark .page.admin-login-page{background:#0d1626}body.dark .al-brand span,body.dark .al-back,body.dark .al-title,body.dark #pageAdminLogin form label{color:#e6edf8}body.dark .al-sub{color:#7db4f5}body.dark .al-switch button{color:#c5d2e6;background:#1b2c48}body.dark .al-switch button.active{color:#fff;background:#1d3a66;border-color:#4a7fd0}body.dark .al-divider{border-top-color:#263b5c}body.dark #pageAdminLogin form input{color:#e6edf8;background:#0f1b2e;border-color:#34507a}body.dark .al-brand img{filter:brightness(0)invert()}body.dark{--ad-bg:#0d1626;--ad-surface:#15233b;--ad-surface-2:#1b2c48;--ad-field:#0f1b2e;--ad-line:#263b5c;--ad-line-strong:#34507a;--ad-text:#e6edf8;--ad-text-2:#c5d2e6;--ad-muted:#94a5c2;--ad-accent:#7db4f5;--ad-selected:#1d3a66}body.dark #pageAdmin,body.dark #pageAdmin .dashboard-main,body.dark #pageAdminLogin{background:var(--ad-bg);color:var(--ad-text)}body.dark .header-greeting,body.dark .panel-header h2,body.dark .settings-title,body.dark .settings-field-label,body.dark .settings-strong,body.dark .settings-header-user,body.dark .admin-header-name,body.dark .stat-label,body.dark .stat-value,body.dark .modal-section-title,body.dark .confirm-modal-title,body.dark .form-modal-title,body.dark .admin-login-title,body.dark .notif-title,body.dark .notif-group-title,body.dark .rules-general-title,body.dark .transfer-toggle-row,body.dark .enforcer-field label,body.dark .transfer-form label,body.dark .modal-field label,body.dark .report-filters label,body.dark .traffic-filters label{color:var(--ad-text)}body.dark .admin-login-name{color:var(--ad-accent)}body.dark .settings-help,body.dark .settings-sub,body.dark .modal-help,body.dark .confirm-modal-message,body.dark .admin-login-sub,body.dark .stat-meta,body.dark .notif-detail,body.dark .notif-time,body.dark .report-caption,body.dark .report-note,body.dark .empty-row,body.dark .settings-empty,body.dark .traffic-selection,body.dark .bar-value,body.dark .lb-launch .lb-launch-help{color:var(--ad-muted)}body.dark .stat-card,body.dark .panel,body.dark .confirm-modal-card,body.dark .form-modal-card,body.dark .admin-login-card,body.dark .notif-card,body.dark .notif-popover,body.dark .search-box{background:var(--ad-surface);border-color:var(--ad-line);color:var(--ad-text);box-shadow:0 10px 30px #00000059}body.dark .stat-card{box-shadow:none}body.dark .notif-card.read{background:#122036}body.dark .notif-tabs{background:var(--ad-surface-2)}body.dark .notif-menu-btn{color:var(--ad-muted)}body.dark .notif-popover button{color:#ff8a8e;background:0 0}body.dark .notif-popover button:hover{background:#e5484d29}body.dark .modal-divider{border-color:var(--ad-line)}body.dark .confirm-modal-close:hover,body.dark .form-modal-close:hover{background:var(--ad-surface-2);color:#fff}body.dark .table-wrap,body.dark .rules-table-wrap,body.dark .chart-bars,body.dark .rules-tabs{border-color:var(--ad-line)}body.dark .queue-table th,body.dark .queue-table td{border-color:var(--ad-line);color:var(--ad-text-2)}body.dark .queue-table thead th{background:var(--ad-surface-2);color:var(--ad-muted)}body.dark .settings-row-selected td,body.dark .queue-row.selected td,body.dark .queue-row.selected td:not(.queue-row-no){background:var(--ad-selected)}body.dark .queue-row-guest td,body.dark .queue-row-transferee td{background:#ffffff08}body.dark .report-table tfoot td{border-top-color:var(--ad-line-strong);color:var(--ad-text)}body.dark .settings-input,body.dark .modal-input,body.dark .settings-select,body.dark .transfer-form select,body.dark .enforcer-station-select,body.dark .enforcer-field select,body.dark .enforcer-field input,body.dark .report-filters input,body.dark .report-filters select,body.dark .traffic-filters input,body.dark .admin-login-card input{background:var(--ad-field);color:var(--ad-text);border-color:var(--ad-line-strong);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body.dark .modal-input[readonly],body.dark .settings-select:disabled,body.dark .enforcer-field select:disabled,body.dark .report-filters select:disabled{background:var(--ad-surface-2);color:var(--ad-muted)}body.dark ::placeholder{color:#6b7c99}body.dark .settings-btn-blue,body.dark .settings-btn-red,body.dark .settings-btn-green,body.dark .settings-icon-btn,body.dark .settings-logout,body.dark .traffic-reset,body.dark .confirm-modal-btn-cancel{background:0 0}body.dark .settings-btn-blue,body.dark .settings-icon-blue{color:var(--ad-accent);border-color:#3d74bc}body.dark .settings-btn-red,body.dark .settings-icon-red{color:#ff8a8e;border-color:#a3363a}body.dark .settings-btn-green{color:#4ade80;border-color:#2f8a57}body.dark .traffic-reset{color:var(--ad-accent);border-color:var(--ad-line-strong)}body.dark .settings-btn-muted,body.dark .settings-btn-muted:disabled{background:var(--ad-surface-2);color:#6b7c99}body.dark .confirm-modal-btn-cancel{color:var(--ad-text);border-color:var(--ad-line-strong)}body.dark .confirm-modal-btn-cancel:hover{background:var(--ad-surface-2)}body.dark .queue-action-btn:disabled{background:var(--ad-surface-2);color:#6b7c99}body.dark .queue-action-complete:disabled{color:#4ade80;background:#22c55e1f}body.dark .recall-inline-btn{color:var(--ad-accent)}body.dark .last-call-btn{color:#ff8a8e;background:#e5484d24;border-color:#a3363a}body.dark .station-tabs{border-bottom-color:var(--ad-line)}body.dark .station-tab{color:var(--ad-muted)}body.dark .station-tab.active{color:var(--ad-text);border-bottom-color:var(--ad-accent)}body.dark .rules-tab{color:var(--ad-muted)}body.dark .rules-tab.active{color:var(--ad-text);border-bottom-color:var(--ad-accent)}body.dark .notif-tab{color:var(--ad-muted)}body.dark .notif-tab.active{color:#fff;background:#2f6fce}body.dark .admin-theme-btn{background:var(--ad-surface);border-color:var(--ad-line-strong);color:#f2c14e}body.dark .admin-theme-btn:hover{background:var(--ad-selected)}body.dark .stat-card.navy .stat-icon{color:#a9bce6;background:#93a9d929}body.dark .admin-bell{background:var(--ad-surface);color:var(--ad-accent);border-color:#3d74bc}body.dark .admin-bell:hover{background:var(--ad-selected)}body.dark .admin-bell.active{color:#fff;background:#2f6fce;border-color:#2f6fce}body.dark .admin-header-divider{background:var(--ad-line)}body.dark .status-badge.waiting,body.dark .status-badge.next,body.dark .status-badge.queued{color:#f2c14e;background:#f2c14e24;border-color:#f2c14e66}body.dark .status-badge.completed,body.dark .status-badge.active,body.dark .status-badge.station-active{color:#4ade80;background:#22c55e24;border-color:#4ade8066}body.dark .status-badge.skip,body.dark .status-badge.skipped,body.dark .status-badge.void,body.dark .status-badge.station-inactive{color:#ff8a8e;background:#e5484d29;border-color:#ff8a8e66}body.dark .status-badge.serving{color:#93c5fd;background:#3b82f62e;border-color:#93c5fd66}body.dark .type-tag,body.dark .manual-tag{background:var(--ad-surface-2);color:var(--ad-text-2)}body.dark .priority-tag{color:#f2c14e;background:#f2c14e29}body.dark .rules-readonly{background:var(--ad-selected);color:#cfe0f8}body.dark .server-banner{color:#f2c14e;background:#f2c14e1f;border-color:#f2c14e66}body.dark .admin-login-error{color:#ff8a8e;background:#e5484d29}body.dark .lb-launch p{color:var(--ad-text)}body.dark .switch-track{background:var(--ad-line-strong)}body.dark .stat-dot{opacity:.6}