:root{font-family:"Segoe UI",Arial,sans-serif;color:#f8fafc;background:#07111d;color-scheme:dark;font-variant-numeric:tabular-nums}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#07111d}body{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;background:radial-gradient(circle at 50% -15%,#153854 0,#07111d 46%)}.topbar{min-height:88px;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(18px,2.4vw,44px);border-bottom:1px solid #304258;background:#081521e8;box-shadow:0 12px 30px #0005}.brand,.top-actions{display:flex;align-items:center}.brand{gap:15px}.brand-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:linear-gradient(145deg,#24d2ae,#178be0);font-size:30px;font-weight:900;box-shadow:0 0 28px #25cdb055}.brand div{display:grid;gap:2px}.brand strong{font-size:clamp(22px,2vw,34px);letter-spacing:.15em}.brand div span{font-size:clamp(10px,.85vw,14px);letter-spacing:.13em;color:#9fb3c8}.top-actions{gap:20px}.connection{display:flex;align-items:center;gap:9px;color:#a9b8c7;font-weight:700}.connection i{width:11px;height:11px;border-radius:50%;background:#f3b544;box-shadow:0 0 14px #f3b544}.connection.online{color:#7ce8c3}.connection.online i{background:#37d79f;box-shadow:0 0 14px #37d79f}.connection.error{color:#ff9d9d}.connection.error i{background:#ff6565;box-shadow:0 0 14px #ff6565}time{font-size:clamp(20px,2vw,34px);font-weight:800;letter-spacing:.05em}button{width:48px;height:48px;border:1px solid #4b6077;border-radius:12px;background:#172638;color:#fff;font-size:25px;cursor:pointer}button:hover{background:#22384f}main{display:grid;grid-template-columns:1fr 1fr;min-height:0;gap:1px;background:#304258}.queue-panel{min-width:0;padding:clamp(16px,2vw,34px);overflow:hidden;background:linear-gradient(160deg,#0d1e2c 0,#091521 76%)}.zone-panel{background:linear-gradient(160deg,#0d2428 0,#091521 76%)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:14px;border-bottom:2px solid #31475d}.eyebrow{font-size:clamp(11px,.85vw,15px);font-weight:800;letter-spacing:.18em;color:#ffb95d}.zone-panel .eyebrow{color:#54e3ba}h1{margin:4px 0 0;font-size:clamp(26px,2.8vw,52px);letter-spacing:.035em}.queue-count{display:flex;align-items:baseline;gap:7px;color:#ffbd67}.zone-panel .queue-count{color:#55e5bb}.queue-count span{font-size:clamp(38px,4vw,72px);line-height:1}.queue-count small{font-size:14px}.queue-list{display:grid;grid-template-rows:repeat(10,minmax(0,1fr));gap:clamp(5px,.7vh,10px);height:calc(100% - 92px);margin:14px 0 0;padding:0;list-style:none}.queue-list li{display:grid;grid-template-columns:clamp(38px,3vw,58px) 1fr;align-items:center;min-height:0;border:1px solid #263b50;border-radius:12px;background:#111f2d;color:#b7c8d8;overflow:hidden}.queue-list li.priority{border-color:#9a672e;background:linear-gradient(100deg,#3e2a16,#172432 55%);color:#fff;box-shadow:inset 4px 0 #f2aa4b}.zone-panel .queue-list li.priority{border-color:#277962;background:linear-gradient(100deg,#123d35,#172432 55%);box-shadow:inset 4px 0 #43d4aa}.position{display:grid;place-items:center;height:100%;font-size:clamp(18px,1.7vw,30px);font-weight:900;color:#7f94a8;border-right:1px solid #2b4054}.priority .position{color:#ffc878}.zone-panel .priority .position{color:#66e8c1}.vehicle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px clamp(10px,1.3vw,22px);min-width:0}.vehicle strong{font-size:clamp(21px,2vw,38px);letter-spacing:.08em;white-space:nowrap}.priority .vehicle strong{font-size:clamp(25px,2.45vw,46px)}.vehicle small{color:#91a7ba;font-size:clamp(10px,.85vw,15px);text-align:right;white-space:nowrap}.priority .vehicle small{color:#d7e2eb}.empty-state{display:none;height:calc(100% - 92px);place-content:center;text-align:center;color:#8ca2b6}.empty-state b{display:block;font-size:clamp(30px,4vw,68px);color:#d8e5ef}.empty-state span{display:block;margin-top:12px;font-size:clamp(15px,1.3vw,24px)}.is-empty .queue-list{display:none}.is-empty .empty-state{display:grid}.shifted{animation:shift .55s ease-out}@keyframes shift{from{opacity:.35;transform:translateY(10px)}to{opacity:1;transform:none}}footer{display:flex;justify-content:space-between;gap:20px;padding:10px clamp(18px,2.4vw,44px);border-top:1px solid #304258;color:#8fa5b8;background:#08131e;font-size:clamp(11px,.85vw,14px)}@media(prefers-reduced-motion:reduce){.shifted{animation:none}}@media(max-width:800px){body{overflow:auto}.topbar{align-items:flex-start;gap:12px}.brand div span,.connection span{display:none}.top-actions{gap:10px}main{grid-template-columns:1fr}.queue-panel{min-height:720px}.queue-list{height:600px}.vehicle{display:grid;gap:0}.vehicle small{text-align:left}footer{flex-wrap:wrap}}@media(max-height:760px) and (min-width:801px){.topbar{min-height:64px;padding-block:8px}.brand-mark{width:42px;height:42px}.queue-panel{padding-block:12px}.panel-head{padding-bottom:7px}.queue-list{margin-top:8px;height:calc(100% - 70px)}.queue-list li{border-radius:8px}.vehicle strong{font-size:clamp(18px,1.7vw,30px)}.priority .vehicle strong{font-size:clamp(21px,2vw,36px)}footer{padding-block:6px}}