:root{--steel-950:#101418;--steel-900:#161b21;--steel-850:#1b2229;--steel-800:#212a32;--line:#2e3841;--line-bright:#3d4a56;--ink:#e8edf1;--ink-dim:#93a1ad;--ink-faint:#63717d;--signal:#f2c230;--job:#3e6e96;--job-edge:#5a93be;--done:#3f6b52;--alarm:#c0453b;--alarm-soft:#3a1f1d;--mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--steel-950);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.45;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.app{flex-direction:column;height:100vh;display:flex}header{background:var(--steel-900);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:24px;height:48px;padding:0 20px;display:flex}.brand{align-items:baseline;gap:10px;display:flex}.brand h1{letter-spacing:-.01em;font-size:15px;font-weight:600}.brand span{font-family:var(--mono);color:var(--ink-faint);font-size:11px}.weeknav{align-items:center;gap:2px;margin-left:8px;display:flex}.weeknav button{border:1px solid var(--line);width:26px;height:26px;color:var(--ink-dim);border-radius:2px;line-height:1}.weeknav button:hover{background:var(--steel-800);color:var(--ink)}.weeknav .label{font-family:var(--mono);color:var(--ink-dim);white-space:nowrap;padding:0 12px;font-size:12px}.spacer{flex:1}.replay{color:var(--ink-faint);border-radius:2px;padding:6px 10px;font-size:12px}.replay:hover{color:var(--ink);background:var(--steel-800)}.pull{border:1px solid var(--line-bright);border-radius:2px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:500;display:flex}.pull:hover{background:var(--steel-800);border-color:var(--ink-faint)}.pull:disabled{opacity:.5;cursor:default}.dot{background:var(--signal);border-radius:50%;width:6px;height:6px}.pull.syncing .dot{animation:.8s infinite pulse}@keyframes pulse{50%{opacity:.25}}.metrics{background:var(--steel-900);border-bottom:1px solid var(--line);flex:none;height:52px;display:flex}.metric{border-right:1px solid var(--line);flex-direction:column;justify-content:center;min-width:126px;padding:0 20px;display:flex}.metric .v{font-family:var(--mono);letter-spacing:-.02em;font-size:19px;font-weight:500;line-height:1.1}.metric .k{color:var(--ink-faint);margin-top:2px;font-size:10px}.metric-note{color:var(--ink-dim);flex:1;align-items:center;padding:0 20px;font-size:12px;line-height:1.35;display:flex}.metric.bad .v{color:var(--alarm)}.metric.good .v{color:var(--signal)}.main{flex:1;min-height:0;display:flex}.queue{background:var(--steel-900);border-right:1px solid var(--line);flex-direction:column;flex:0 0 244px;display:flex}.queue-head{border-bottom:1px solid var(--line);padding:12px 14px 10px}.queue-head h2{font-size:13px;font-weight:600}.queue-head p{color:var(--ink-faint);margin-top:2px;font-size:11px}.queue-list{flex:1;padding:8px;overflow-y:auto}.queue-list.empty-state{color:var(--ink-faint);text-align:center;justify-content:center;align-items:center;padding:24px;font-size:12px;display:flex}.job{background:var(--job);border:1px solid var(--job-edge);cursor:grab;border-left-width:3px;border-radius:2px;margin-bottom:3px;padding:4px 8px;transition:transform 80ms}.job:active{cursor:grabbing}.job.dragging{opacity:.35}.job .pn{font-family:var(--mono);letter-spacing:-.01em;font-size:11px;font-weight:500;line-height:1.2}.job .cust{color:#ffffffb8;margin-top:0;font-size:10px;line-height:1.2}.job .meta{font-family:var(--mono);color:#fff9;justify-content:space-between;margin-top:2px;font-size:9px;line-height:1.2;display:flex}.job.late{border-color:var(--alarm);border-left-color:var(--alarm);background:#4a3330}.job.late .due{color:#f09990;font-weight:600}.board{flex:1;position:relative;overflow:auto}table{border-collapse:collapse;width:100%;min-width:900px}thead th{z-index:3;background:var(--steel-850);border-bottom:1px solid var(--line-bright);border-right:1px solid var(--line);text-align:left;padding:6px 10px;font-weight:500;position:sticky;top:0}thead th.day .d{font-size:11px;line-height:1.2}thead th.day .n{font-family:var(--mono);color:var(--ink-faint);font-size:10px;line-height:1.2}thead th.today{box-shadow:inset 0 -2px 0 var(--signal);background:#2a2a18}thead th.today .d{color:var(--signal)}th.wc{z-index:4;background:var(--steel-850);width:150px;min-width:150px;position:sticky;left:0}tbody th.wc{z-index:2;border-bottom:1px solid var(--line);border-right:1px solid var(--line-bright);text-align:left;vertical-align:top;padding:7px 10px}tbody th.wc .name{font-size:12px;font-weight:500;line-height:1.25}tbody th.wc .cap{font-family:var(--mono);color:var(--ink-faint);margin-top:2px;font-size:10px}td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);vertical-align:top;background:var(--steel-950);min-width:126px;height:56px;padding:3px}td.today{background:#181a14}td.over{background:var(--alarm-soft)}td.drop{box-shadow:inset 0 0 0 1px var(--job-edge);background:#1e3040}td .job{margin-bottom:3px}td .job:last-child{margin-bottom:0}.load{align-items:center;gap:6px;margin-top:4px;display:flex}.load .bar{background:var(--line);border-radius:2px;flex:1;height:3px;overflow:hidden}.load .fill{background:var(--job-edge);height:100%}.load.over .fill{background:var(--alarm)}.load .pct{font-family:var(--mono);color:var(--ink-faint);text-align:right;min-width:30px;font-size:9px}.load.over .pct{color:#e0736a}.detail{background:var(--steel-900);border-left:1px solid var(--line-bright);z-index:20;width:300px;padding:18px;transition:transform .16s ease-out;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.detail.open{transform:none}.detail h3{font-family:var(--mono);font-size:15px;font-weight:600}.detail .sub{color:var(--ink-dim);margin-top:2px;font-size:12px}.detail dl{border-top:1px solid var(--line);margin-top:18px}.detail .row{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:9px 0;display:flex}.detail dt{color:var(--ink-faint);font-size:12px}.detail dd{font-family:var(--mono);text-align:right;font-size:12px}.detail .warn{background:var(--alarm-soft);border-left:3px solid var(--alarm);color:#f0a69e;border-radius:2px;margin-top:16px;padding:10px 12px;font-size:12px}.detail .close{color:var(--ink-faint);width:24px;height:24px;font-size:18px;line-height:1;position:absolute;top:14px;right:14px}.detail .close:hover{color:var(--ink)}.detail .unschedule{border:1px solid var(--line-bright);width:100%;color:var(--ink-dim);border-radius:2px;margin-top:18px;padding:9px;font-size:12px}.detail .unschedule:hover{background:var(--steel-800);color:var(--ink)}.toast{background:var(--steel-800);border:1px solid var(--line-bright);border-left:3px solid var(--signal);z-index:40;opacity:0;pointer-events:none;border-radius:2px;padding:11px 18px;font-size:13px;transition:transform .2s,opacity .2s;position:fixed;bottom:20px;left:50%;transform:translate(-50%)translateY(80px)}.toast.show{opacity:1;transform:translate(-50%)}.tour-scrim{z-index:50;background:#080b0eb8;position:fixed}.tour-ring{border:2px solid var(--signal);z-index:51;pointer-events:none;border-radius:2px;position:fixed}.tour-card{z-index:52;background:var(--steel-800);border:1px solid var(--line-bright);border-left:3px solid var(--signal);border-radius:2px;width:290px;padding:14px 16px;position:fixed}.tour-card .n{font-family:var(--mono);color:var(--ink-faint);font-size:10px}.tour-card h4{margin-top:4px;font-size:13px;font-weight:600}.tour-card p{color:var(--ink-dim);margin-top:6px;font-size:12px}.tour-card .acts{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.tour-card .skip{color:var(--ink-faint);font-size:12px}.tour-card .skip:hover{color:var(--ink)}.tour-card .next{border:1px solid var(--line-bright);border-radius:2px;padding:6px 14px;font-size:12px;font-weight:500}.tour-card .next:hover{background:var(--steel-900)}.tour-card .next[hidden],.tour-card .skip[hidden]{display:none}.check{z-index:60;background:var(--steel-900);border-left:1px solid var(--line-bright);width:420px;font-family:var(--mono);padding:18px;font-size:12px;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.check h4{margin-bottom:12px;font-family:IBM Plex Sans,system-ui,sans-serif;font-size:13px}.check .r{border-bottom:1px solid var(--line);gap:10px;padding:7px 0;display:flex}.check .s{flex:0 0 38px;width:38px;font-weight:600}.check .ok .s{color:#7fbf95}.check .no .s{color:var(--alarm)}.check .d{color:var(--ink-faint);margin-top:2px}.check .sum{margin-top:14px;font-weight:600}@media (prefers-reduced-motion:reduce){.pull.syncing .dot{animation:none}.job,.detail,.toast{transition:none}}