:root{--bg:#0f1115;--panel:#151922;--muted:#232938;--text:#e7eaf3;--sub:#a9b1c6;--accent:#8ab4ff;--accent-2:#a5d6a7;--critical:#ff6b6b;--warn:#ffd166;--ok:#95d5b2;--border:#283044;--blue:#84a9ff;--purple:#b197fc;--green:#9ae6b4;color-scheme:dark}:root[data-theme=light]{--bg:#f5f7fb;--panel:#fff;--muted:#f2f4f8;--text:#0f1115;--sub:#586174;--accent:#1f6feb;--accent-2:#2e7d32;--critical:#c62828;--warn:#ed6c02;--ok:#2e7d32;--border:#e0e6ef;--blue:#1f6feb;--purple:#6d28d9;--green:#2e7d32;color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}.hidden{display:none!important}.app-shell{display:flex;flex-direction:column;min-height:100vh;background:var(--bg)}.topbar{display:flex;align-items:center;gap:16px;padding:12px 16px;background:linear-gradient(180deg,#131722,#0f1115);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:10}.brand{font-weight:700;letter-spacing:.2px}.nav{display:flex;gap:12px}.nav a{padding:8px 10px;border-radius:8px;color:var(--sub)}.nav a.active,.nav a:hover{background:var(--muted);color:var(--text)}.topbar-spacer{flex:1 1}.user-chip{display:flex;align-items:center;gap:8px;color:var(--sub)}.shell-wrap{display:flex;gap:16px;padding:16px}.sidebar{width:240px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:8px;height:calc(100vh - 88px);position:-webkit-sticky;position:sticky;top:72px}.sidegroup{margin:8px 0}.sidetitle{font-size:12px;letter-spacing:.08em;color:var(--sub);padding:6px 10px;text-transform:uppercase}.sideitem{display:block;padding:10px 12px;margin:4px 6px;border-radius:8px;color:var(--text)}.sideitem.active,.sideitem:hover{background:var(--muted)}.content{flex:1 1}.page{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;min-height:calc(100vh - 120px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--muted);color:var(--text);cursor:pointer;font-weight:500}.btn:hover{filter:brightness(1.1)}.btn.primary{background:#1f6feb;border-color:#1f6feb}.btn.ghost{background:transparent}.badge{display:inline-flex;align-items:center;padding:4px 8px;color:var(--sub);font-size:12px}.badge,.input,select,textarea{border-radius:10px;background:var(--muted)}.input,select,textarea{width:100%;padding:10px 12px;border:1px solid var(--border);color:var(--text);font-size:14px}textarea{min-height:80px;resize:vertical}.btn:disabled,button:disabled{opacity:.6;cursor:not-allowed}textarea:disabled{opacity:.7}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field label{font-size:12px;color:var(--sub);text-transform:uppercase}.chat{background:var(--muted);border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:14px}.chat-thread{display:flex;flex-direction:column;gap:8px;max-height:240px;overflow-y:auto;padding:4px 0 12px}.chat-bubble{padding:10px 12px;border-radius:10px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);font-size:14px}.chat-bubble.user{align-self:flex-end;background:rgba(129,170,255,.12);border-color:rgba(129,170,255,.3)}.chat-input{display:flex;gap:8px;flex-direction:column}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px;margin-bottom:14px}.kpi{background:var(--muted);border:1px solid var(--border);border-radius:12px;padding:14px}.kpi .label{font-size:12px;color:var(--sub)}.kpi .value{font-size:24px;font-weight:700;margin-top:4px}.kpi .trend{font-size:12px;margin-top:8px}.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0 14px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:12px;gap:12px}.card{background:#121620;border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px;min-height:140px}.card.light{background:var(--panel)}.card-title{font-weight:600}.card-meta{font-size:12px;color:var(--sub)}.card-actions{margin-top:auto;display:flex;gap:8px}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);font-size:12px}.pill.crit{background:hsla(0,100%,71%,.15);border-color:hsla(0,100%,71%,.4)}.pill.high{background:rgba(255,209,102,.15);border-color:rgba(255,209,102,.4)}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:opacity .2s ease}.drawer-backdrop.visible{opacity:1;pointer-events:all}.drawer{position:fixed;top:0;right:-520px;width:480px;height:100vh;background:var(--panel);border-left:1px solid var(--border);padding:20px;display:flex;flex-direction:column;gap:16px;transition:right .3s ease;z-index:20}.drawer.visible{right:0}.drawer .head{display:flex;justify-content:space-between;align-items:center}.drawer .body{overflow-y:auto;flex:1 1}.tab-bar{display:flex;gap:8px;margin:12px 0}.tab{padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer}.tab.active{background:var(--muted)}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:10px 6px;border-bottom:1px solid var(--border);font-size:14px}.footer{padding:14px 24px;text-align:center;color:var(--sub);font-size:13px}.center-card{max-width:560px;margin:8vh auto;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:32px;text-align:center}@media (max-width:1024px){.shell-wrap{flex-direction:column}.sidebar{position:static;width:100%;height:auto}}.tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text);padding:4px 8px;border-radius:16px;border:1px solid var(--border);background:hsla(0,0%,100%,.02)}.chat-board,.row{display:flex;gap:12px;flex-wrap:wrap}.chat-sessions-panel{min-width:240px;max-width:280px;flex:1 1;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px}.chat-sessions-header{display:flex;align-items:center;justify-content:space-between}.chat-sessions-list{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow-y:auto}.chat-session{position:relative;width:100%;text-align:left;background:var(--muted);border:1px solid var(--border);border-radius:10px;padding:10px;cursor:pointer;color:var(--text)}.chat-session p{margin:6px 0 0;font-size:13px;color:var(--sub);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-session.active{border-color:var(--accent);box-shadow:0 0 0 1px rgba(138,180,255,.3)}.chat-session-meta{display:flex;justify-content:space-between;font-size:13px}.chat-session-title{font-weight:600}.chat-session-time{color:var(--sub)}.chat-session-delete{position:absolute;top:6px;right:8px;color:var(--sub);font-size:16px;line-height:1}.chat-session-delete:hover{color:var(--critical)}.chat-session-empty{font-size:13px;color:var(--sub)}.chat-panel-wrap{flex:3 1;min-width:320px}@media (max-width:768px){.chat-board{flex-direction:column}.chat-sessions-panel{width:100%}}