:root{--bg: #070b14;--bg-2: #0b1322;--panel: rgba(255, 255, 255, .045);--panel-2: rgba(255, 255, 255, .075);--border: rgba(255, 255, 255, .09);--border-2: rgba(255, 255, 255, .16);--primary: #3b82f6;--primary-deep: #1e40af;--accent: #d97706;--accent-2: #f59e0b;--ok: #10b981;--warn: #f59e0b;--danger: #ef4444;--info: #38bdf8;--active: #22d3ee;--text: #e8eef8;--text-2: #b6c2d6;--muted: #8296b0;--radius: 14px;--radius-sm: 9px;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--font: "Fira Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "Fira Code", ui-monospace, "SFMono-Regular", monospace;--focus: 0 0 0 2px var(--bg), 0 0 0 4px var(--primary);--ease: cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:radial-gradient(1100px 620px at 82% -12%,rgba(30,64,175,.34),transparent 62%),radial-gradient(760px 520px at 6% 4%,rgba(217,119,6,.12),transparent 60%),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--info)}:focus-visible{outline:none;box-shadow:var(--focus);border-radius:6px}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.tnum{font-variant-numeric:tabular-nums}.app{max-width:1560px;margin:0 auto;padding:0 22px 60px}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;align-items:center;gap:10px}.row.wrap{flex-wrap:wrap}.spacer{flex:1}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.topbar{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);background:linear-gradient(180deg,#070b14eb,#070b14b8);border-bottom:1px solid var(--border)}.topbar-inner{max-width:1560px;margin:0 auto;padding:13px 22px;display:flex;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(140deg,var(--primary-deep),#0b1c3a);border:1px solid rgba(96,165,250,.4);color:#cfe0ff}.brand-name{font-weight:600;letter-spacing:-.2px}.brand-sub{font-size:12px;color:var(--muted)}.clock{font-family:var(--mono);font-size:12.5px;color:var(--text-2);text-align:end}.tabs{display:flex;gap:4px;background:#ffffff0a;padding:4px;border-radius:12px;border:1px solid var(--border)}.tab{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--text-2);font-size:13.5px;font-weight:500;transition:background .18s var(--ease),color .18s var(--ease),transform .18s var(--ease);white-space:nowrap}.tab:hover{background:#ffffff0f;color:var(--text)}.tab[aria-selected=true]{background:linear-gradient(140deg,#3b82f647,#1e40af29);color:#fff;border-color:#60a5fa6b}.tab .count{font-family:var(--mono);font-size:11.5px;background:#ffffff1f;padding:1px 6px;border-radius:20px}.icon-btn{display:inline-flex;align-items:center;gap:7px;background:#ffffff0d;border:1px solid var(--border);color:var(--text-2);padding:8px 12px;border-radius:10px;font-size:13px;transition:all .18s var(--ease)}.icon-btn:hover{background:#ffffff1a;color:var(--text);transform:translateY(-1px)}.panel{background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-head{padding:15px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.panel-title{font-size:15.5px;font-weight:600;margin:0}.panel-sub{font-size:12.5px;color:var(--muted);margin:2px 0 0}.panel-body{padding:16px 18px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:12px}.kpi{padding:14px 16px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--border);transition:transform .2s var(--ease),border-color .2s var(--ease)}.kpi:hover{transform:translateY(-2px);border-color:var(--border-2)}.kpi-label{font-size:11.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);display:flex;align-items:center;gap:6px}.kpi-value{font-family:var(--mono);font-size:27px;font-weight:600;margin-top:7px;letter-spacing:-.5px}.kpi-foot{font-size:12px;color:var(--muted);margin-top:3px}.kpi.tone-danger .kpi-value{color:var(--danger)}.kpi.tone-warn .kpi-value{color:var(--warn)}.kpi.tone-ok .kpi-value{color:var(--ok)}.kpi.tone-accent .kpi-value{color:var(--accent-2)}.bar{height:6px;border-radius:20px;background:#ffffff14;overflow:hidden;margin-top:9px}.bar>span{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,var(--primary),var(--active))}.bar.warn>span{background:linear-gradient(90deg,var(--warn),var(--accent))}.bar.danger>span{background:linear-gradient(90deg,var(--danger),var(--warn))}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500;letter-spacing:.02em;padding:3px 8px;border-radius:20px;border:1px solid var(--border-2);background:#ffffff0d;color:var(--text-2);white-space:nowrap}.badge.mono{font-family:var(--mono);font-size:10.5px}.badge.ok{background:#10b98124;border-color:#10b98166;color:#6ee7b7}.badge.warn{background:#f59e0b24;border-color:#f59e0b66;color:#fcd34d}.badge.danger{background:#ef444424;border-color:#ef44446b;color:#fca5a5}.badge.info{background:#38bdf821;border-color:#38bdf861;color:#7dd3fc}.badge.active{background:#22d3ee24;border-color:#22d3ee66;color:#67e8f9}.badge.accent{background:#d9770629;border-color:#d9770673;color:#fbbf24}.badge.muted{color:var(--muted)}.dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 15px;border-radius:10px;border:1px solid var(--border-2);background:#ffffff0f;color:var(--text);font-size:13.5px;font-weight:500;transition:transform .16s var(--ease),background .16s var(--ease),box-shadow .16s var(--ease)}.btn:hover:not(:disabled){transform:translateY(-2px);background:#ffffff1c}.btn:disabled{opacity:.42;cursor:not-allowed}.btn.primary{background:linear-gradient(140deg,var(--primary),var(--primary-deep));border-color:#60a5fa80;color:#fff}.btn.primary:hover:not(:disabled){box-shadow:0 8px 22px #3b82f652}.btn.accent{background:linear-gradient(140deg,var(--accent),#a35a04);border-color:#fbbf2473;color:#fff}.btn.ghost{background:transparent}.btn.danger{background:#ef444429;border-color:#ef444473;color:#fca5a5}.btn.sm{padding:6px 11px;font-size:12.5px;border-radius:8px}.board{overflow-x:auto}.grid-head,.grid-row{display:grid;grid-template-columns:232px repeat(5,minmax(196px,1fr));min-width:1180px}.grid-head{position:sticky;top:68px;z-index:12;background:#090e1af0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.gh-cell{padding:10px 12px;font-size:11.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);border-inline-end:1px solid var(--border)}.gh-cell.today{color:var(--active)}.grid-row{border-bottom:1px solid var(--border)}.grid-row:hover{background:#ffffff06}.staff-cell{padding:11px 12px;border-inline-end:1px solid var(--border);display:flex;gap:10px;align-items:flex-start}.avatar{width:32px;height:32px;border-radius:10px;flex:none;display:grid;place-items:center;font-size:11.5px;font-weight:600;font-family:var(--mono);background:linear-gradient(140deg,#3b82f652,#1e40af33);border:1px solid rgba(96,165,250,.34);color:#dbeafe}.staff-name{font-size:13.5px;font-weight:500}.staff-meta{font-size:11.5px;color:var(--muted)}.slot{padding:8px;border-inline-end:1px solid var(--border);min-height:84px;display:flex;flex-direction:column;gap:7px;transition:background .16s var(--ease)}.slot.today{background:#22d3ee09}.slot.dim{background:#00000038}.slot.drop{background:#3b82f624;box-shadow:inset 0 0 0 1px #60a5fa80}.slot-empty{font-size:11.5px;color:#8296b080;padding:5px 3px}.jobcard{border:1px solid var(--border-2);border-inline-start:3px solid var(--primary);background:#ffffff0e;border-radius:var(--radius-sm);padding:8px 9px;text-align:start;width:100%;transition:transform .16s var(--ease),box-shadow .16s var(--ease),background .16s var(--ease)}.jobcard:hover{transform:translateY(-2px);background:#ffffff17;box-shadow:0 10px 22px #0006}.jobcard.dragging{opacity:.45}.jobcard.p1{border-inline-start-color:var(--danger)}.jobcard.p2{border-inline-start-color:var(--warn)}.jobcard.p3{border-inline-start-color:var(--info)}.jobcard.p4{border-inline-start-color:var(--muted)}.jobcard.pending{border-inline-start-color:var(--accent)}.jobcard.hold{border-inline-start-color:var(--muted);opacity:.85}.jc-top{display:flex;align-items:center;gap:6px;margin-bottom:3px}.jc-no{font-family:var(--mono);font-size:10.5px;color:var(--muted)}.jc-title{font-size:12.5px;line-height:1.35}.jc-meta{display:flex;align-items:center;gap:6px;margin-top:5px;flex-wrap:wrap}.mini{font-family:var(--mono);font-size:10px;color:var(--muted)}.queue{display:flex;flex-direction:column;gap:11px}.queue-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);padding:13px 15px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;transition:transform .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease)}.queue-item:hover{transform:translateY(-2px);border-color:var(--border-2);box-shadow:0 12px 26px #00000061}.queue-item.blocked{border-inline-start:3px solid var(--warn)}.queue-item.clear{border-inline-start:3px solid var(--ok)}.qi-title{font-size:14.5px;font-weight:500;margin:4px 0 6px}.qi-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.qi-actions{display:flex;flex-direction:column;gap:7px;align-items:stretch;min-width:176px}.gate{list-style:none;margin:0;padding:0;display:grid;gap:7px}.gate li{display:flex;gap:9px;align-items:flex-start;font-size:13px;padding:7px 9px;border-radius:9px;background:#ffffff08;border:1px solid transparent}.gate li.fail{background:#f59e0b17;border-color:#f59e0b4d}.gate .g-detail{font-size:12px;color:var(--muted);margin-top:2px}.gate .tick{flex:none;margin-top:2px}.gate .tick.ok{color:var(--ok)}.gate .tick.no{color:var(--warn)}.summary-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:10px}.strip-item{background:#ffffff09;border:1px solid var(--border);border-radius:11px;padding:9px 11px}.strip-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.strip-value{font-family:var(--mono);font-size:17px;margin-top:2px}.empty{text-align:center;padding:38px 18px;color:var(--muted)}.empty svg{margin-bottom:10px;opacity:.6}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#03060ca8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:60;animation:fade .18s var(--ease)}.drawer{position:fixed;inset-block:0;inset-inline-end:0;width:min(660px,96vw);z-index:61;background:linear-gradient(180deg,#0b1322,#070b14);border-inline-start:1px solid var(--border-2);box-shadow:-22px 0 60px #0009;display:flex;flex-direction:column;animation:slideIn .24s var(--ease)}.drawer-head{padding:15px 18px;border-bottom:1px solid var(--border)}.drawer-body{overflow-y:auto;padding:16px 18px 40px}.drawer-foot{border-top:1px solid var(--border);padding:13px 18px;display:flex;gap:9px;flex-wrap:wrap}.subtabs{display:flex;gap:3px;border-bottom:1px solid var(--border);margin-bottom:15px}.subtab{background:none;border:none;border-bottom:2px solid transparent;padding:8px 12px;color:var(--muted);font-size:13px}.subtab:hover{color:var(--text-2)}.subtab[aria-selected=true]{color:var(--text);border-bottom-color:var(--primary)}.kv{display:grid;grid-template-columns:132px 1fr;gap:7px 12px;font-size:13.5px}.kv dt{color:var(--muted);font-size:12.5px}.kv dd{margin:0}.timeline{list-style:none;margin:0;padding-inline-start:15px;border-inline-start:1px solid var(--border);display:grid;gap:14px}.timeline li{position:relative}.timeline li:before{content:"";position:absolute;inset-inline-start:-20px;top:5px;width:9px;height:9px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 3px #3b82f62e}.tl-time{font-family:var(--mono);font-size:11px;color:var(--muted)}.toasts{position:fixed;inset-block-end:20px;inset-inline-end:20px;z-index:80;display:flex;flex-direction:column;gap:9px}.toast{display:flex;align-items:flex-start;gap:10px;min-width:268px;max-width:380px;padding:12px 14px;border-radius:12px;border:1px solid var(--border-2);background:#0b1322f7;box-shadow:var(--shadow);animation:slideUp .22s var(--ease)}.toast.ok{border-inline-start:3px solid var(--ok)}.toast.warn{border-inline-start:3px solid var(--warn)}.toast.danger{border-inline-start:3px solid var(--danger)}.toast.info{border-inline-start:3px solid var(--info)}.toast-title{font-size:13.5px;font-weight:600}.toast-text{font-size:12.5px;color:var(--text-2);margin-top:2px}.skel{border-radius:var(--radius);background:linear-gradient(90deg,#ffffff0b 25%,#ffffff17 37%,#ffffff0b 63%);background-size:400% 100%;animation:shimmer 1.4s infinite linear}.skel-row{height:74px;margin-bottom:10px}.skel-kpi{height:92px}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted);align-items:center}.legend i{width:10px;height:10px;border-radius:3px;display:inline-block;margin-inline-end:5px}.legend .l1{background:var(--danger)}.legend .l2{background:var(--warn)}.legend .l3{background:var(--info)}.legend .l4{background:var(--accent)}.legend .l5{background:var(--muted)}.notice{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;border-radius:11px;font-size:13px;border:1px solid var(--border);background:#ffffff08}.notice.warn{background:#f59e0b17;border-color:#f59e0b52}.notice.ok{background:#10b98117;border-color:#10b98152}.notice.danger{background:#ef444417;border-color:#ef444452}.notice .n-title{font-weight:600;font-size:13px}.notice .n-text{color:var(--text-2);font-size:12.5px;margin-top:2px}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:12px;color:var(--muted)}.field textarea,.field input,.field select{background:#ffffff0d;border:1px solid var(--border-2);border-radius:9px;padding:8px 10px;font-size:13px;resize:vertical}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:start;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--border);font-weight:500}.table td{padding:10px;border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr{transition:background .15s var(--ease)}.table tbody tr:hover{background:#ffffff08}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(24px);opacity:.4}to{transform:none;opacity:1}}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}@keyframes fadeUp{0%{transform:translateY(9px);opacity:0}to{transform:none;opacity:1}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.fade-up{animation:fadeUp .34s var(--ease) both}@media (max-width: 1024px){.grid-head,.grid-row{grid-template-columns:190px repeat(5,minmax(176px,1fr))}.clock{display:none}}@media (max-width: 760px){.app{padding:0 12px 48px}.topbar-inner{padding:11px 12px;flex-wrap:wrap}.tabs{order:3;width:100%;overflow-x:auto}.queue-item{grid-template-columns:1fr}.qi-actions{flex-direction:row}.kv{grid-template-columns:1fr;gap:2px 0}.kv dd{margin-bottom:8px}.toasts{inset-inline:12px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}