*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0a0a0a;--color-surface: #1c1c1c;--color-inset: #050505;--color-primary: #8acb1a;--color-primary-hover: #79b315;--color-on-primary: #0a0a0a;--color-danger: #ea3a3a;--color-danger-hover: #cf2a2a;--color-text: #f2f2f2;--color-muted: #9a9a9a;--color-border: #3a3a3a;--color-toast-bg: #2a2a2a;--color-toast-text: #f2f2f2;--radius: 12px;--header-height: 56px;--font-head: "Space Grotesk", "Inter", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--neon-glow: 0 0 20px hsl(82 77% 45% / .3), 0 0 40px hsl(82 77% 45% / .1)}html,body{height:100%}body{font-family:var(--font-body);font-size:16px;line-height:1.5;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}.staff-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 16px;background:var(--color-surface);border-bottom:1px solid var(--color-border);color:var(--color-text);font-family:var(--font-head);font-size:17px;font-weight:700;padding-top:env(safe-area-inset-top,0);height:calc(var(--header-height) + env(safe-area-inset-top,0))}.staff-header .brand{display:flex;align-items:center;gap:10px;min-width:0}.staff-header .brand-logo{height:26px;width:auto;display:block}.staff-header .brand-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-header form{margin:0}.staff-header .logout{background:transparent;border:1px solid var(--color-border);color:var(--color-muted);border-radius:var(--radius);padding:6px 14px;font-size:14px;cursor:pointer;min-height:48px}.staff-header .logout:hover,.staff-header .logout:focus{border-color:var(--color-primary);color:var(--color-primary);outline:none}#staff-app{padding:16px;display:flex;flex-direction:column;gap:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0))}.column-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:10px}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.column-card h2{font-family:var(--font-head);font-size:18px;font-weight:700}.column-card .count{flex-shrink:0;font-size:13px;font-weight:600;color:var(--color-primary)}.station{background:var(--color-inset);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.station+.station{margin-top:8px}.station-top{display:flex;align-items:center;gap:8px;padding:7px 12px;background:#000;border-bottom:1px solid var(--color-border)}.station-dot{width:7px;height:7px;border-radius:50%;background:var(--color-primary);box-shadow:0 0 6px var(--color-primary)}.station-id{font-family:var(--font-head);font-size:13px;font-weight:700;letter-spacing:.5px;color:var(--color-text)}.station-offline{margin-left:auto;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-muted);border:1px solid var(--color-border);border-radius:4px;padding:1px 6px}.station.is-offline .station-dot{background:var(--color-muted);box-shadow:none}.station.is-offline .station-body{opacity:.5}.station-body{padding:10px}.slots{display:flex;flex-direction:column;gap:6px}.slots.two-col{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:30px;align-items:stretch;gap:6px}.slot{display:grid;grid-template-columns:18px 1fr 38px;align-items:center;column-gap:8px;height:30px;box-sizing:border-box;padding:0 10px;border-radius:6px;border:1px solid var(--color-border);background:#242424}.slot .slot-no{font-size:11px;font-weight:600;color:var(--color-muted);text-align:center}.slot.empty .pct{color:var(--color-muted)}.slot .pb{position:relative;height:12px;border-radius:3px;background:#000;border:1px solid #4a4a4a;overflow:hidden}.slot.empty .pb{background:#181818;border-style:dashed}.slot .pb-fill{position:absolute;inset:0 auto 0 0;height:100%;border-radius:3px;transition:width .3s}.slot.high .pb-fill{background:var(--color-primary)}.slot.mid .pb-fill{background:#d9b321}.slot.low .pb-fill{background:var(--color-danger)}.slot .pct{text-align:right;font-size:11px;font-weight:700;color:var(--color-text)}.no-stations{font-size:13px;color:var(--color-muted);padding:4px 0}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{flex:1;min-width:120px;min-height:48px;border:none;border-radius:var(--radius);font-size:15px;font-weight:700;cursor:pointer;transition:background .15s,opacity .15s,box-shadow .15s}.btn.one{background:var(--color-primary);color:var(--color-on-primary)}.btn.one:hover,.btn.one:focus{background:var(--color-primary-hover);box-shadow:var(--neon-glow);outline:none}.btn.all{background:transparent;color:var(--color-danger);border:1px solid var(--color-danger)}.btn.all:hover,.btn.all:focus{background:var(--color-danger);color:#fff;outline:none}.btn:disabled{opacity:.55;cursor:not-allowed}.empty-state{text-align:center;padding:40px 16px;color:var(--color-muted);font-size:15px}.toast{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom,0));left:50%;transform:translate(-50%);background:var(--color-toast-bg);color:var(--color-toast-text);padding:12px 20px;border-radius:24px;font-size:14px;white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis;z-index:100;box-shadow:0 4px 12px #00000040}.toast[hidden]{display:none}.login-body{min-height:100%;display:flex;align-items:center;justify-content:center}.login-wrap{width:100%;padding:24px 16px calc(24px + env(safe-area-inset-bottom,0));display:flex;justify-content:center}.login-card{width:100%;max-width:380px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:28px 22px;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000080}.login-logo{display:block;height:56px;width:auto;margin:0 auto 18px}.login-title{font-family:var(--font-head);font-size:24px;font-weight:700;color:var(--color-primary);line-height:1.2;text-align:center}.login-subtitle{margin-top:4px;margin-bottom:22px;font-size:15px;color:var(--color-muted);text-align:center}.login-label{font-size:14px;font-weight:500;color:var(--color-text);margin-bottom:6px}.login-input{width:100%;min-height:48px;padding:0 14px;margin-bottom:18px;font-size:16px;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius)}.login-input::placeholder{color:var(--color-muted)}.login-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #8acb1a40}.login-btn{width:100%;min-height:50px;margin-top:4px;border:none;border-radius:var(--radius);background:var(--color-primary);color:var(--color-on-primary);font-size:16px;font-weight:700;cursor:pointer;transition:background .15s,box-shadow .15s}.login-btn:hover,.login-btn:focus{background:var(--color-primary-hover);box-shadow:var(--neon-glow);outline:none}.login-error{margin-bottom:16px;padding:10px 12px;border-radius:var(--radius);background:#ef43431f;border:1px solid hsl(0 84% 60% / .4);color:var(--color-danger);font-size:14px}