:root{--plane:#070a0f;--bg:#070a0f;--surface:#0e131c;--surface-2:#131b28;--border:#78a0dc1f;--border-strong:#78a0dc38;--text:#e6ecf5;--text-muted:#93a1b8;--muted-2:#5f6b80;--primary:#35e0e6;--primary-ink:#03181a;--accent-dim:#35e0e624;--s1:#3987e5;--s2:#199e70;--s3:#9085e9;--s4:#d95926;--danger:#d03b3b;--warning:#fab219;--serious:#ec835a;--ok:#22c55e;--grid:#18212f;--track:#131b28;--radius:12px;--shadow:0 8px 30px -14px #000;--mono:ui-monospace, "Cascadia Code", "Segoe UI Mono", Consolas, monospace;--sans:system-ui, -apple-system, "Segoe UI", Roboto, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--plane);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0 0 .5rem}h1{font-size:1.4rem}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:20;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem 1rem;display:flex;position:sticky;top:0}.brand{font-family:var(--mono);letter-spacing:.05em;font-size:1rem;font-weight:600}.brand .accent{color:var(--primary)}.nav{gap:.25rem;display:flex;overflow-x:auto}.nav a{color:var(--text-muted);white-space:nowrap;border-radius:8px;padding:.4rem .8rem;font-size:.92rem;font-weight:500}.nav a:hover{background:var(--surface-2);color:var(--text)}.nav a.active{background:var(--primary);color:var(--primary-ink);box-shadow:0 0 18px -6px var(--primary);font-weight:600}.content{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem 1rem}.card-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.7rem;display:grid}.stat-label{color:var(--muted-2);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem}.stat-value{font-family:var(--mono);letter-spacing:-.01em;margin-top:.35rem;font-size:1.5rem;font-weight:700}.stat-sub{color:var(--text-muted);margin-top:.2rem;font-size:.82rem}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.55rem .6rem}th{color:var(--text-muted);white-space:nowrap;font-size:.82rem;font-weight:600}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--mono)}tbody tr:hover{background:var(--surface-2)}.badge{font-size:.78rem;font-weight:600;font-family:var(--mono);border-radius:999px;padding:.1rem .55rem;display:inline-block}.badge-ok{color:var(--ok);background:#22c55e29}.badge-wait{color:var(--warning);background:#fab21929}.badge-late{color:var(--danger);background:#d03b3b2e}.field{flex-direction:column;gap:.3rem;margin-bottom:.8rem;display:flex}.field label{color:var(--text-muted);font-size:.82rem;font-weight:500}input,select,textarea{border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;border-radius:8px;width:100%;padding:.5rem .6rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary);border-color:var(--primary)}textarea{resize:vertical;min-height:90px}.btn{border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.88rem;font-weight:600;display:inline-flex}.btn:hover{border-color:var(--border-strong)}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.btn-primary:hover{box-shadow:0 0 18px -6px var(--primary)}.btn-danger{color:var(--danger);background:0 0;border-color:#d03b3b66}.btn-sm{padding:.28rem .55rem;font-size:.8rem}.btn:disabled{opacity:.55;cursor:not-allowed}.row{flex-wrap:wrap;align-items:flex-end;gap:.6rem;display:flex}.row>*{flex:160px}.toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.9rem;display:flex}.spacer{flex:1}.muted{color:var(--text-muted)}.error-text{color:var(--danger);font-size:.88rem}.page-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.login-wrap{place-items:center;min-height:100vh;padding:1rem;display:grid}.login-card{width:100%;max-width:360px}.login-card h1{color:var(--primary);font-family:var(--mono)}.pager{justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.modal-backdrop{z-index:50;background:#0000008c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{width:100%;max-width:520px;max-height:90vh;overflow-y:auto}.dash-filterbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.seg{background:var(--surface);border:1px solid var(--border);border-radius:8px;gap:2px;padding:2px;display:inline-flex}.seg button{font-family:var(--mono);letter-spacing:.03em;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 13px;font-size:.8rem}.seg button:hover{color:var(--text)}.seg button[aria-pressed=true]{color:var(--primary-ink);background:var(--primary);box-shadow:0 0 18px -6px var(--primary);font-weight:600}.fgroup{align-items:center;gap:7px;display:inline-flex}.fgroup select{width:auto}.lbl{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);font-size:.68rem}.toggle{font-family:var(--mono);color:var(--text-muted);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:6px 11px;font-size:.78rem}.toggle[aria-pressed=true]{color:var(--primary);border-color:var(--accent-dim);background:var(--accent-dim)}.kpis{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}.kpi{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--border);border-radius:var(--radius);padding:13px 15px;position:relative;overflow:hidden}.kpi:before{content:"";background:var(--primary);opacity:.7;width:2px;position:absolute;top:0;bottom:0;left:0}.kpi.dim:before{background:var(--s3)}.kpi.warnbar:before{background:var(--warning)}.kpi .v{font-family:var(--mono);letter-spacing:-.01em;margin-top:7px;font-size:1.45rem;font-weight:600}.kpi .sub{color:var(--text-muted);margin-top:4px;font-size:.82rem}.dash-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.dash-grid .wide{grid-column:1/-1}.wcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0;padding:13px 15px 15px}.wcard h3{margin:0;font-size:.98rem;font-weight:600}.wcard .cap{color:var(--muted-2);margin-top:3px;font-size:.78rem}.wcard .whead{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.headright{flex-shrink:0;align-items:center;gap:9px;display:flex}.legend{flex-wrap:wrap;gap:12px;display:flex}.legend span{color:var(--text-muted);font-size:.8rem;font-family:var(--mono);align-items:center;gap:5px;display:inline-flex}.legend i{border-radius:2px;width:10px;height:10px;display:inline-block}.gear{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-size:.78rem;font-family:var(--mono);background:0 0;border-radius:7px;padding:4px 9px}.gear:hover,.gear[aria-pressed=true]{color:var(--primary);border-color:var(--accent-dim);background:var(--accent-dim)}.opts{flex-wrap:wrap;align-items:center;gap:14px;padding:2px 2px 12px;display:flex}.opts .set{align-items:center;gap:6px;display:inline-flex}.opts .set>span{font-family:var(--mono);color:var(--muted-2);font-size:.7rem}.chip{font-family:var(--mono);color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:.78rem}.chip[aria-pressed=true]{color:var(--primary-ink);background:var(--primary);border-color:var(--primary);font-weight:600}.chart svg{width:100%;height:auto;display:block;overflow:visible}.axis{fill:var(--muted-2);font-family:var(--mono);font-size:10.5px}.dlabel{fill:var(--text-muted);font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:11px}.chart-empty{color:var(--muted-2);font-family:var(--mono);text-align:center;padding:26px 0;font-size:.8rem}.tip{pointer-events:none;z-index:60;border:1px solid var(--border-strong);font-family:var(--mono);color:var(--text);box-shadow:var(--shadow);white-space:nowrap;background:#050a12;border-radius:8px;padding:8px 10px;font-size:.8rem;position:fixed}.tip .t-lbl{color:var(--muted-2);margin-bottom:3px;font-size:.72rem}.tip .t-row{align-items:center;gap:6px;display:flex}.tip .t-row i{border-radius:2px;width:9px;height:9px}.tip b{font-variant-numeric:tabular-nums}@media (max-width:760px){.topbar{flex-direction:column;align-items:stretch;gap:.5rem}.content{padding:.75rem}.kpis{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}}