:root{--bg: #0b0f14;--panel: #131a23;--card: #1a2330;--card-border: #2a3646;--text: #e8edf4;--text-dim: #9db0c4;--ok: #16a34a;--warn: #d97706;--late: #dc2626;--accent: #f59e0b;--blue: #2563eb;--green: #16a34a;--purple: #7c3aed;--mod-color: #67e8f9}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:18px;overscroll-behavior:none;-webkit-user-select:none;user-select:none}#root{height:100%}button{font-family:inherit;cursor:pointer;border:none;color:inherit;background:none;min-height:48px;min-width:48px;touch-action:manipulation}button:disabled{opacity:.5;cursor:default}.screen{height:100vh;display:flex;flex-direction:column;overflow:hidden}.login-header{display:flex;align-items:center;gap:20px;padding:20px 28px;background:var(--panel);border-bottom:1px solid var(--card-border)}.login-header h1{margin:0;font-size:30px;letter-spacing:.5px}.header-right{margin-left:auto;display:flex;align-items:center;gap:16px}.staff-name{color:var(--text-dim);font-size:19px}.btn-back{background:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:12px 20px;font-size:19px;color:var(--text)}.screen-subtitle{margin:26px 32px 6px;font-size:24px;color:var(--text-dim)}.loading-text,.error-text{margin:18px 32px;font-size:20px;color:var(--text-dim)}.error-text{color:#fca5a5}.big-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;padding:24px 32px 40px;overflow-y:auto}.big-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:130px;padding:22px;background:var(--card);border:1px solid var(--card-border);border-radius:18px;transition:transform .06s ease}.big-card:active{transform:scale(.97);background:#223046}.big-card-title{font-size:26px;font-weight:700;text-align:center}.role-chip{font-size:15px;font-weight:600;padding:6px 14px;border-radius:999px;background:#243245;color:var(--text-dim)}.role-kitchen{background:#14352a;color:#6ee7b7}.pin-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding-bottom:24px}.pin-name{margin:0;font-size:30px}.pin-hint{margin:0;color:var(--text-dim);font-size:19px}.pin-dots{display:flex;gap:16px;margin:10px 0 18px;min-height:24px}.pin-dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--text-dim)}.pin-dot.filled{background:var(--accent);border-color:var(--accent)}.pin-pad{display:grid;grid-template-columns:repeat(3,96px);gap:14px}.pad-key{height:84px;border-radius:16px;background:var(--card);border:1px solid var(--card-border);font-size:30px;font-weight:700;color:var(--text)}.pad-key:active{background:#223046}.pad-ok{background:var(--green);border-color:var(--green);font-size:21px}.pad-back{font-size:26px;color:var(--text-dim)}.stations-grid .big-card{min-height:170px}.station-card.station-expo{border-color:var(--accent)}.badge-expo{background:var(--accent);color:#1a1206;font-weight:800;font-size:16px;letter-spacing:1.5px;padding:6px 14px;border-radius:999px}.station-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;background:var(--panel);border-bottom:1px solid var(--card-border)}.station-title{display:flex;align-items:center;gap:16px;min-width:0}.station-title h1{margin:0;font-size:34px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-count{font-size:20px;font-weight:700;color:var(--text-dim);background:var(--card);border:1px solid var(--card-border);padding:8px 16px;border-radius:999px;white-space:nowrap}.station-meta{display:flex;align-items:center;gap:14px}.wall-clock{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.btn-secondary{background:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:12px 18px;font-size:17px;font-weight:600;color:var(--text);white-space:nowrap}.btn-secondary:active{background:#223046}.station-filter{width:90px;background:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:12px 14px;font-size:17px;font-weight:600;color:var(--text)}.station-filter::placeholder{color:#64748b}.ticket-area{flex:1;overflow:hidden;display:flex;flex-direction:column}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.empty-title{margin:0;font-size:42px;font-weight:800;color:var(--text-dim)}.empty-sub{margin:0;font-size:22px;color:var(--text-dim)}.ticket-grid{flex:1;display:grid;grid-auto-flow:column;grid-auto-columns:330px;grid-template-rows:100%;gap:16px;padding:16px 20px 20px;overflow-x:auto;overflow-y:hidden}@media (min-height: 900px){.ticket-grid{grid-template-rows:repeat(2,minmax(0,1fr))}}.ticket-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--card-border);border-radius:16px;overflow:hidden;min-height:0}.ticket-head{padding:12px 16px;color:#fff}.age-ok .ticket-head{background:var(--ok)}.age-warn .ticket-head{background:var(--warn)}.age-late .ticket-head{background:var(--late)}.age-critical .ticket-head{background:var(--late);animation:blink-header 1s steps(1,end) infinite}@keyframes blink-header{0%,to{background:var(--late)}50%{background:#5d0a0a}}.ticket-head-main{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.ticket-table{font-size:28px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-timer{font-size:28px;font-weight:800;font-variant-numeric:tabular-nums}.ticket-head-sub{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;font-size:16px;font-weight:600;opacity:.92}.ticket-status-chip{align-self:flex-start;margin:10px 16px 0;font-size:14px;font-weight:800;letter-spacing:1px;padding:5px 12px;border-radius:999px;background:#243245;color:var(--text-dim)}.chip-in_prep{background:#1e3a8a;color:#bfdbfe}.chip-ready{background:#14532d;color:#bbf7d0}.chip-recalled{background:#581c87;color:#e9d5ff}.chip-queued{background:#4a2e09;color:#fcd9a3}.chip-served{background:#1f2937;color:var(--text-dim)}.ticket-lines{flex:1;overflow-y:auto;padding:10px 16px 12px;display:flex;flex-direction:column;gap:10px}.ticket-line{border-bottom:1px dashed #2a3646;padding-bottom:8px}.ticket-line:last-child{border-bottom:none}.line-main{display:flex;align-items:baseline;gap:10px;font-size:22px;font-weight:700;line-height:1.25}.line-qty{color:var(--accent);font-variant-numeric:tabular-nums;flex-shrink:0}.line-name{flex:1}.line-seat{flex-shrink:0;font-size:14px;font-weight:700;color:var(--text-dim);background:#243245;border-radius:8px;padding:2px 8px}.line-mod{margin:4px 0 0 36px;font-size:18px;font-weight:600;color:var(--mod-color)}.line-note{margin:4px 0 0 36px;font-size:18px;font-weight:700;color:#fbbf24}.ticket-account-note{margin:6px 0;padding:6px 10px;border-radius:8px;background:#78350f;color:#fde68a;font-size:18px;font-weight:800}.line-empty{color:var(--text-dim);font-size:18px;padding:8px 0}.ticket-actions{display:flex;gap:10px;padding:12px 14px 14px}.btn-bump{flex:1;min-height:68px;border-radius:14px;font-size:25px;font-weight:800;letter-spacing:1px;color:#fff}.btn-start{background:var(--blue)}.btn-start:active{background:#1d4ed8}.btn-ready{background:var(--green)}.btn-ready:active{background:#15803d}.btn-served{background:var(--purple)}.btn-served:active{background:#6d28d9}.btn-recall{min-height:68px;padding:0 18px;border-radius:14px;font-size:18px;font-weight:700;background:var(--card);border:1px solid var(--card-border);color:var(--text-dim)}.btn-recall:active{background:#223046}.toaster{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:10px;z-index:1000;pointer-events:none}.toast{padding:16px 28px;border-radius:14px;font-size:20px;font-weight:700;color:#fff;background:#334155;box-shadow:0 8px 24px #00000080;max-width:80vw;text-align:center}.toast-error{background:#b91c1c}.toast-success{background:#15803d}.toast-warning{background:#b45309}.allday-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;justify-content:center;align-items:flex-start;padding-top:80px;z-index:50}.allday-panel{background:var(--card-bg, #1e293b);border-radius:16px;padding:24px 28px;min-width:420px;max-height:75vh;overflow-y:auto}.allday-title{font-size:26px;font-weight:800;margin-bottom:16px;color:#fbbf24}.allday-row{display:flex;align-items:baseline;gap:16px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:26px}.allday-qty{font-weight:800;color:#fff;min-width:64px}.allday-name{color:var(--text, #e2e8f0)}.conn-badge{background:var(--warn);color:#1a1206;font-weight:800;font-size:15px;padding:8px 14px;border-radius:999px;white-space:nowrap;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}.ticket-slow{background:var(--late);color:#fff;font-weight:800;font-size:14px;padding:3px 8px;border-radius:6px;animation:pulse 1s ease-in-out infinite}.line-prep{font-size:14px;color:var(--text-dim);margin-left:6px}.allday-stations{margin-top:18px;border-top:1px solid rgba(255,255,255,.1);padding-top:14px}.allday-station{margin-bottom:12px}.allday-station-name{font-weight:800;color:var(--accent);margin:0 0 6px;font-size:18px}.allday-chip{display:inline-block;background:#ffffff14;border-radius:8px;padding:4px 10px;margin:0 6px 6px 0;font-size:18px}@media (prefers-reduced-motion: reduce){.age-critical .ticket-head{animation:none;background:var(--late);box-shadow:inset 0 0 0 2px #fee2e2}.ticket-slow,.conn-badge{animation:none;opacity:1}}.login-screen,.station-select-screen{position:relative;isolation:isolate;background:radial-gradient(circle at 50% -10%,#15212e,#0b0f14 60%,#05080c)}.login-screen:before,.login-screen:after,.station-select-screen:before,.station-select-screen:after{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;z-index:-1;pointer-events:none;will-change:transform}.login-screen:before,.station-select-screen:before{background:radial-gradient(38% 38% at 26% 30%,rgba(245,158,11,.4),transparent 60%),radial-gradient(42% 42% at 74% 36%,rgba(37,99,235,.4),transparent 62%),radial-gradient(46% 46% at 50% 80%,rgba(22,163,74,.34),transparent 60%);filter:blur(70px) saturate(1.3);animation:glass-blob-a 20s ease-in-out infinite alternate}.login-screen:after,.station-select-screen:after{background:radial-gradient(40% 40% at 72% 24%,rgba(124,58,237,.34),transparent 60%),radial-gradient(46% 46% at 24% 72%,rgba(236,72,153,.26),transparent 62%);filter:blur(82px) saturate(1.25);animation:glass-blob-b 26s ease-in-out infinite alternate}@keyframes glass-blob-a{0%{transform:translate3d(-6%,-4%,0) scale(1)}50%{transform:translate3d(5%,6%,0) scale(1.18)}to{transform:translate3d(8%,-3%,0) scale(1.05)}}@keyframes glass-blob-b{0%{transform:translate3d(6%,5%,0) scale(1.1)}50%{transform:translate3d(-7%,-6%,0) scale(1)}to{transform:translate3d(-4%,8%,0) scale(1.2)}}@keyframes glass-sheen{0%{background-position:120% 0%}to{background-position:-40% 100%}}.login-screen .login-header,.station-select-screen .login-header{background:#131a238c;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid rgba(255,255,255,.1)}.login-screen .big-card,.station-select-screen .big-card{position:relative;overflow:hidden;background:#1a23306b;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 40px -16px #0009,inset 0 1px #ffffff1f}.login-screen .big-card:after,.station-select-screen .big-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.14) 50%,transparent 65%);background-size:220% 220%;animation:glass-sheen 9s ease-in-out infinite}.login-screen .big-card>*,.station-select-screen .big-card>*{position:relative;z-index:1}.login-screen .big-card:active,.station-select-screen .big-card:active{background:#28364a99}.station-select-screen .station-card.station-expo{border-color:var(--accent)}.login-screen .pad-key{background:#1a23306b;backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border:1px solid rgba(255,255,255,.12)}.login-screen .pad-key:active{background:#28364a99}.login-screen .pad-ok{background:var(--green);border-color:var(--green)}.login-screen .pad-ok:active{background:#15803d}.login-screen .btn-back,.station-select-screen .btn-secondary{background:#1a233080;backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);border:1px solid rgba(255,255,255,.14)}@media (prefers-reduced-motion: reduce){.login-screen:before,.login-screen:after,.station-select-screen:before,.station-select-screen:after,.login-screen .big-card:after,.station-select-screen .big-card:after{animation:none}}@supports not ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))){.login-screen .login-header,.station-select-screen .login-header{background:var(--panel)}.login-screen .big-card,.station-select-screen .big-card,.login-screen .pad-key,.login-screen .btn-back,.station-select-screen .btn-secondary{background:var(--card)}}.btn-line-ready{margin-left:auto;min-height:40px;min-width:unset;padding:6px 14px;border-radius:10px;background:var(--green);color:#fff;font-size:16px;font-weight:700;white-space:nowrap}.btn-line-ready:active{background:#15803d}.btn-line-ready:disabled{opacity:.6}.undo-bar{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:10px 16px;border-radius:12px;background:#14352a;border:1px solid #15803d}.undo-text{flex:1;font-weight:700;color:#fff}.undo-btn{flex:0 0 auto}.line-ready-tag{margin-left:auto;background:var(--ok);color:#fff;font-weight:800;font-size:14px;letter-spacing:.5px;padding:4px 10px;border-radius:8px;white-space:nowrap}.ticket-line.is-ready .line-name,.ticket-line.is-ready .line-qty{opacity:.5}