:root{--bg: #0d1117;--bg-alt: #0b0c10;--card: #151b23;--line: #1e2a3a;--heading: #ffffff;--text: #c9d1d9;--muted: #8b949e;--primary: #008cff;--primary-soft: rgba(0, 140, 255, .14);--green: #17c653;--yellow: #f6b100;--orange: #f97316;--red: #f8285a;--track: #1e2a3a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:DM Sans,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.wrap{max-width:1140px;margin:0 auto;padding:28px 24px 48px}.app-shell{display:flex;min-height:100vh}.sidebar{width:232px;flex-shrink:0;background:#0b1017;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:22px 14px;position:sticky;top:0;height:100vh}.sidebar-logo{height:26px;width:auto;align-self:flex-start;margin:4px 8px 22px}.sidebar-nav{display:flex;flex-direction:column;gap:3px;flex:1}.nav-item{display:flex;align-items:center;gap:11px;text-align:left;background:transparent;border:none;color:var(--muted);cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:10px 12px;border-radius:10px}.nav-item:hover{background:#ffffff0a;color:var(--text)}.nav-item.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.nav-icon{width:18px;text-align:center;font-size:13px;opacity:.9}.sidebar-foot{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:12px 8px 0;border-top:1px solid var(--line)}.sidebar-foot .who{font-size:12px;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{flex:1;padding:28px 32px 48px;max-width:1180px;min-width:0}.content-head{margin-bottom:22px}.content-head h1{font-size:24px;font-weight:700;margin:0 0 4px;color:var(--heading);letter-spacing:-.3px}.content-head .sub{margin:0}@media(max-width:720px){.app-shell{flex-direction:column}.sidebar{width:100%;height:auto;position:static;flex-direction:row;flex-wrap:wrap;align-items:center}.sidebar-nav{flex-direction:row;flex-wrap:wrap}.sidebar-foot{border-top:none;flex-direction:row}}header.top{display:flex;align-items:center;gap:12px;margin-bottom:6px}header.top .brand-logo{height:26px;width:auto}header.top h1{font-size:20px;font-weight:600;margin:0;color:var(--heading);letter-spacing:-.2px}header.top .badge{color:var(--primary);background:var(--primary-soft);font-size:12px;font-weight:600;padding:4px 10px;border-radius:8px}.sub{color:var(--muted);font-size:13.5px;margin:0 0 24px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;align-items:start}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 4px 18px #00000047}.card h2{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-weight:700;margin:0 0 16px}.kpis{display:flex;gap:22px;flex-wrap:wrap}.kpi{display:flex;flex-direction:column}.kpi .n{font-size:30px;font-weight:700;line-height:1;color:var(--heading)}.kpi .l{font-size:12px;color:var(--muted);margin-top:6px;font-weight:500}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.ok{color:var(--green)}.stopped{color:var(--red)}.diagnostic{color:var(--yellow)}.bar{display:flex;height:10px;border-radius:6px;overflow:hidden;margin:6px 0;background:var(--track)}.bar span{display:block}.qrow{margin-bottom:14px}.qrow .lab{display:flex;justify-content:space-between;font-size:13px;margin-bottom:3px;color:var(--text)}.qrow .lab strong{color:var(--heading)}.qrow .lab .muted,.muted{color:var(--muted)}.legend{display:flex;gap:16px;font-size:12px;color:var(--muted);margin-top:10px;flex-wrap:wrap}table{width:100%;border-collapse:collapse;font-size:13.5px}td,th{text-align:left;padding:9px 4px;border-bottom:1px solid var(--line);color:var(--text)}tr:last-child td{border-bottom:none}.mode-pill{display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;border:1px solid var(--line);border-radius:999px;margin-right:8px;color:var(--muted)}.mode-pill.active{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.req{color:var(--primary);font-weight:600}.opt{color:var(--muted)}.train-tag{font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 7px;border-radius:6px;background:#f6b1002e;color:var(--yellow)}.err{color:var(--red)}.loading{color:var(--muted)}.impact-banner{display:flex;flex-direction:column;gap:2px;margin-bottom:20px;background:linear-gradient(135deg,#f8285a1f,#f8285a0a);border:1px solid rgba(248,40,90,.25);border-radius:14px;padding:18px 22px}.impact-n{font-size:30px;font-weight:700;color:var(--red);line-height:1}.impact-l{font-size:13px;color:var(--muted)}.actions{display:flex;flex-direction:column;gap:12px}.action{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--muted);border-radius:12px;padding:16px 18px}.action.high{border-left-color:var(--red)}.action.medium{border-left-color:var(--yellow)}.action.low{border-left-color:var(--primary)}.action-head{display:flex;align-items:center;gap:10px}.prio{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:6px}.prio.high{background:#f8285a2e;color:var(--red)}.prio.medium{background:#f6b1002e;color:var(--yellow)}.prio.low{background:var(--primary-soft);color:var(--primary)}.action-title{font-size:15px;font-weight:600;color:var(--heading);flex:1}.action-impact{font-size:15px;font-weight:700;color:var(--red)}.action-detail{margin:8px 0 0;font-size:13.5px;color:var(--text)}.action-meta{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.meta-tag{font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;border:1px solid var(--line);color:var(--text)}.meta-tag.muted{color:var(--muted)}.period{display:flex;gap:8px;margin-bottom:18px}.period-btn{background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-family:inherit;font-size:12px;font-weight:600;padding:6px 14px;cursor:pointer}.period-btn.active{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.chart{width:100%;height:190px;display:block}.chart-grid{stroke:var(--line);stroke-width:1;opacity:.5}.chart-cursor{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 3}.chart-xlabel{fill:var(--muted);font-size:11px}.chart-tip{fill:var(--heading);font-size:12px;font-weight:600}.chart-empty{color:var(--muted);font-size:13px;padding:40px 0;text-align:center}header.top .spacer{flex:1}header.top .who{color:var(--muted);font-size:13px}button.logout{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}button.logout:hover{color:var(--heading);border-color:var(--muted)}.login-wrap{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden;background:radial-gradient(ellipse at top right,#1a2744,#0f1419,#0a0f14)}.login-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:50px 50px;-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%)}.login-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 70% 30%,rgba(0,140,255,.16) 0%,transparent 60%)}.login-card{position:relative;z-index:1;background:#151b23d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:18px;padding:36px;width:100%;max-width:380px;box-shadow:0 16px 60px #0000008c;display:flex;flex-direction:column;gap:12px}.login-logo{height:30px;width:auto;align-self:flex-start;margin-bottom:4px}.login-card h1{font-size:20px;margin:0;color:var(--heading)}.login-card .sub{margin:0 0 8px}.login-card input{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:11px 13px;color:var(--text);font-size:14px;font-family:inherit;outline:none}.login-card input:focus{border-color:var(--primary)}.login-card button{margin-top:6px;background:var(--primary);color:#fff;border:none;border-radius:10px;padding:11px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}.login-card button:disabled{opacity:.6;cursor:default}.admin-row{display:flex;gap:10px}.admin-row>*{flex:1}.card input{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:9px 12px;color:var(--text);font-size:13px;font-family:inherit;outline:none;width:100%;margin-top:8px}.card input:focus{border-color:var(--primary)}.card input:disabled{opacity:.6}.op-list{display:flex;flex-direction:column;gap:4px;margin-top:6px;max-height:360px;overflow-y:auto}.op{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer;border:1px solid var(--line);border-radius:10px;padding:7px 10px;color:var(--text)}.op.on{border-color:var(--primary);background:var(--primary-soft)}.op input{width:auto;margin:0}.op-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-sys{display:flex;gap:4px;flex-shrink:0}.tag{font-size:10px;font-weight:600;padding:2px 6px;border-radius:6px}.tag.ai{background:#008cff2e;color:var(--primary)}.tag.ex{background:#7239ea33;color:#b48bff}.primary-btn{background:var(--primary);color:#fff;border:none;border-radius:10px;padding:9px 16px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.eco-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.eco-field{display:flex;flex-direction:column;gap:4px;font-size:13px}.eco-field>span{color:var(--text)}.eco-field input{margin-top:0}.eco-field select{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:9px 12px;color:var(--text);font-size:13px;font-family:inherit;outline:none}.eco-field select:focus{border-color:var(--primary)}