:root{--bg:#0e131d;--panel:#151c29;--panel-2:#1b2433;--line:#ffffff14;--text:#eef1f6;--text-soft:#9aa7bb;--text-faint:#647087;--accent:#5b8cff;--accent-soft:#5b8cff24;--good:#34d399;--good-soft:#34d39924;--warn:#f5a524;--warn-soft:#f5a52424;--danger:#f2545b;--danger-soft:#f2545b24;--font-body:"Seravek", "Avenir Next", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--text);background:#05070b}.app-frame{background:var(--bg);flex-direction:column;height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--panel);flex:0 0 56px;align-items:center;gap:18px;height:56px;padding:0 20px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand .mark{object-fit:contain;flex:0 0 28px;width:28px;height:28px}.brand .name{white-space:nowrap;font-size:.84rem;font-weight:600}.body-row{flex:1;min-height:0;display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--line);flex:0 0 190px;width:190px;padding:16px 10px}.side-item{color:var(--text-soft);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;width:100%;padding:7px 10px;font-size:.76rem;display:flex}.side-item.active{background:var(--accent-soft);color:var(--text)}.grp-label{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint);margin:12px 0 6px;padding:0 10px;font-size:.6rem}.grp-label:first-child{margin-top:0}.main{flex-direction:column;flex:1;gap:14px;min-width:0;padding:20px 22px;display:flex;overflow:hidden auto}.kpi-row{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.kpi .l{color:var(--text-faint);font-size:.64rem}.kpi .v{font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin-top:4px;font-size:1.2rem}.kpi .u{color:var(--text-faint);margin-left:4px;font-size:.85rem}.chat-pane{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;flex:1;gap:12px;min-height:0;padding:18px 20px;display:flex}.chat-pane .hd{color:var(--text-faint);border-bottom:1px solid var(--line);padding-bottom:10px;font-size:.78rem}.chat-pane .msgs{flex-direction:column;flex:1;gap:12px;display:flex;overflow-y:auto}.msg{white-space:pre-wrap;border-radius:10px;max-width:78%;padding:10px 13px;font-size:.85rem;line-height:1.48}.msg.ai{background:var(--panel-2);border:1px solid var(--line);align-self:flex-start}.msg.user{background:var(--accent);color:#0b0f18;align-self:flex-end;font-weight:500}.msg.tool{font-family:var(--font-mono);color:var(--text-faint);background:0 0;border:none;align-self:flex-start;padding:0 13px;font-size:.7rem}.composer{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:10px;margin-top:auto;padding:6px 6px 6px 16px;display:flex}.composer input{color:var(--text);font-size:.85rem;font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1}.composer input::placeholder{color:var(--text-faint)}.composer button{background:var(--accent);color:#0b0f18;cursor:pointer;border:none;border-radius:50%;flex:0 0 30px;width:30px;height:30px;font-weight:700}.composer button:disabled{opacity:.5;cursor:default}.doc-chip{color:var(--text-soft);background:var(--panel-2);border:1px solid var(--line);border-radius:7px;align-items:center;gap:6px;padding:4px 10px;font-size:.7rem;display:inline-flex}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:12px;padding:16px 18px;display:flex}.card h2{margin:0;font-size:.82rem;font-weight:600}.bars{flex:1;align-items:flex-end;gap:16px;min-height:140px;padding-bottom:4px;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.bar-col .bar{background:var(--accent);border-radius:6px 6px 3px 3px;width:100%}.bar-col .bar.warn{background:var(--warn)}.bar-col .bar.bad{background:var(--danger)}.bar-col .bar.good{background:var(--good)}.bar-col .lbl{color:var(--text-soft);font-size:.7rem}.bar-col .val{font-family:var(--font-mono);color:var(--text-faint);font-size:.66rem}.theme-list{flex-direction:column;gap:16px;display:flex}.theme-row{align-items:center;gap:12px;display:flex}.theme-row .label{color:var(--text-soft);flex:0 0 150px;font-size:.76rem}.theme-row .track{background:var(--line);border-radius:99px;flex:1;height:8px;position:relative}.theme-row .track i{background:var(--accent);border-radius:99px;position:absolute;top:0;bottom:0;left:0}.theme-row .pct{text-align:right;width:50px;font-family:var(--font-mono);color:var(--text-faint);font-size:.7rem}.inc-table{border:1px solid var(--line);border-radius:8px;overflow:hidden}.inc-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr 90px;align-items:center;gap:8px;padding:9px 14px;font-size:.75rem;display:grid}.inc-row:last-child{border-bottom:none}.inc-row.head{color:var(--text-faint);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;background:var(--panel-2);font-size:.6rem}.sev{font-size:.62rem;font-family:var(--font-mono);border-radius:999px;padding:3px 8px;display:inline-block}.sev.low{background:var(--good-soft);color:var(--good)}.sev.med{background:var(--warn-soft);color:var(--warn)}.sev.high{background:var(--danger-soft);color:var(--danger)}.step-list{flex-direction:column;gap:10px;display:flex}.step-row{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.step-row .mark{border:2px solid var(--text-faint);border-radius:50%;flex:0 0 16px;width:16px;height:16px;margin-top:1px}.step-row.done .mark{background:var(--good);border-color:var(--good)}.step-row.active .mark{background:var(--accent-soft);border-color:var(--accent)}.step-row .body b{font-size:.78rem;display:block}.step-row .body span{color:var(--text-faint);font-size:.68rem}.video-thumb{cursor:pointer;background:linear-gradient(145deg,#22314a,#101722);border-radius:8px;justify-content:center;align-items:center;min-height:140px;display:flex;position:relative}.video-thumb:before{content:"";background:repeating-linear-gradient(115deg,#ffffff08 0 2px,#0000 2px 26px);border-radius:8px;position:absolute;inset:0}.video-play{z-index:1;background:#ffffff24;border:1.5px solid #ffffff80;border-radius:50%;width:52px;height:52px;position:relative}.video-play:after{content:"";border:8px solid #0000;border-left:13px solid #fff;border-right-width:0;position:absolute;top:50%;left:56%;transform:translate(-50%,-50%)}.video-badge{font-family:var(--font-mono);z-index:1;color:var(--text);background:#0000008c;border-radius:5px;padding:3px 8px;font-size:.62rem;position:absolute;bottom:10px;right:10px}.video-meta{color:var(--text-soft);margin-top:10px;font-size:.72rem}.video-meta b{color:var(--text);margin-bottom:2px;font-size:.8rem;display:block}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.dashboard-tabs{flex-wrap:wrap;gap:6px;display:flex}.dashboard-tabs button{border:1px solid var(--line);background:var(--panel-2);color:var(--text-soft);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:.72rem}.dashboard-tabs button.active{background:var(--accent-soft);color:var(--text);border-color:#0000}.login-screen{background:var(--bg);justify-content:center;align-items:center;height:100vh;display:flex}.login-card{text-align:center;flex-direction:column;align-items:center;gap:6px;max-width:320px;display:flex}.login-mark{width:56px;height:54px;margin-bottom:10px}.login-mark-pulse{animation:1.6s ease-in-out infinite login-pulse}@keyframes login-pulse{0%,to{opacity:.35}50%{opacity:.9}}@media (prefers-reduced-motion:reduce){.login-mark-pulse{opacity:.7;animation:none}}.login-card h1{margin:0;font-size:1.3rem;font-weight:700}.login-card p{color:var(--text-soft);margin:0 0 18px;font-size:.8rem;line-height:1.5}.login-button{border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 20px;font-size:.82rem;font-weight:600;display:flex}.login-button:hover{background:var(--panel-2)}