:root{color-scheme:light;--bg: #f4f4f2;--surface-1: #fcfcfb;--surface-2: #f0efec;--surface-3: #e6e5e0;--border: #dcdbd5;--border-strong: #c3c2b7;--text-primary: #0b0b0b;--text-secondary: #52514e;--text-muted: #77766f;--accent: #2a78d6;--accent-strong: #1c5cab;--accent-soft: #cde2fb;--on-accent: #ffffff;--grid-line: #e6e5e0;--axis-line: #c3c2b7;--band: rgba(42, 120, 214, .14);--shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 1px 1px rgba(0, 0, 0, .03);--fuel-nuclear: #6250d6;--fuel-coal: #e34948;--fuel-hydro: #2a78d6;--fuel-gas: #eb6834;--fuel-wind: #1baf7a;--fuel-solar: #eda100;--fuel-storage: #e87ba4;--fuel-other: #008300;--series-1: #2a78d6;--series-2: #eb6834;--series-3: #1baf7a;--series-4: #eda100;--series-5: #e87ba4;--status-good: #0ca30c;--status-warning: #fab219;--status-serious: #ec835a;--status-critical: #d03b3b;--status-good-text: #006300;--status-warning-text: #7a5200;--status-critical-text: #a32020;--radius: 10px;--radius-sm: 6px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #121211;--surface-1: #1a1a19;--surface-2: #222220;--surface-3: #2c2c2a;--border: #33332f;--border-strong: #4a4a45;--text-primary: #f0efec;--text-secondary: #c3c2b7;--text-muted: #94938a;--accent: #3987e5;--accent-strong: #6da7ec;--accent-soft: #184f95;--on-accent: #ffffff;--grid-line: #2c2c2a;--axis-line: #4a4a45;--band: rgba(57, 135, 229, .22);--shadow: 0 1px 2px rgba(0, 0, 0, .4);--fuel-nuclear: #9085e9;--fuel-coal: #e66767;--fuel-hydro: #3987e5;--fuel-gas: #d95926;--fuel-wind: #199e70;--fuel-solar: #c98500;--fuel-storage: #d55181;--fuel-other: #008300;--series-1: #3987e5;--series-2: #d95926;--series-3: #199e70;--series-4: #c98500;--series-5: #d55181;--status-good-text: #4cc84c;--status-warning-text: #fab219;--status-critical-text: #f07a7a}}:root[data-theme=dark]{color-scheme:dark;--bg: #121211;--surface-1: #1a1a19;--surface-2: #222220;--surface-3: #2c2c2a;--border: #33332f;--border-strong: #4a4a45;--text-primary: #f0efec;--text-secondary: #c3c2b7;--text-muted: #94938a;--accent: #3987e5;--accent-strong: #6da7ec;--accent-soft: #184f95;--on-accent: #ffffff;--grid-line: #2c2c2a;--axis-line: #4a4a45;--band: rgba(57, 135, 229, .22);--shadow: 0 1px 2px rgba(0, 0, 0, .4);--fuel-nuclear: #9085e9;--fuel-coal: #e66767;--fuel-hydro: #3987e5;--fuel-gas: #d95926;--fuel-wind: #199e70;--fuel-solar: #c98500;--fuel-storage: #d55181;--fuel-other: #008300;--series-1: #3987e5;--series-2: #d95926;--series-3: #199e70;--series-4: #c98500;--series-5: #d55181;--status-good-text: #4cc84c;--status-warning-text: #fab219;--status-critical-text: #f07a7a}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text-primary);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code,pre,.mono{font-family:var(--mono);font-size:12.5px}pre{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;overflow-x:auto;margin:0}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}h1{font-size:20px}h2{font-size:15px}h3{font-size:13px;color:var(--text-secondary);font-weight:600}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shell{display:grid;grid-template-columns:232px 1fr;min-height:100%}.sidebar{background:var(--surface-1);border-right:1px solid var(--border);padding:16px 12px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 16px;font-weight:700;font-size:16px}.brand small{display:block;font-weight:500;font-size:11px;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}.nav a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--text-secondary);font-weight:500}.nav a:hover{background:var(--surface-2);text-decoration:none;color:var(--text-primary)}.nav a.active{background:var(--accent-soft);color:var(--text-primary)}.nav .lock{margin-left:auto;font-size:11px;color:var(--text-muted)}.sidebar-footer{margin-top:auto;font-size:12px;color:var(--text-muted);padding:8px}.main{min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:12px 24px;border-bottom:1px solid var(--border);background:var(--surface-1);position:sticky;top:0;z-index:5}.topbar .spacer{flex:1}.content{padding:20px 24px 40px;display:flex;flex-direction:column;gap:16px;max-width:1680px;width:100%}.page-head{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.page-head p{margin:2px 0 0;color:var(--text-secondary)}.page-head .spacer{flex:1}.grid{display:grid;gap:16px}.grid.kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.main-side{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}@media (max-width: 1100px){.grid.two,.grid.three,.grid.main-side{grid-template-columns:1fr}}@media (max-width: 760px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--border)}.brand{padding-bottom:4px}.sidebar-footer{display:none}.content,.topbar{padding-left:16px;padding-right:16px}}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.card-head{display:flex;align-items:center;gap:8px;padding:12px 16px 0;flex-wrap:wrap}.card-head .spacer{flex:1}.card-head .sub{color:var(--text-muted);font-size:12px}.card-body{padding:12px 16px 16px}.card-body.flush{padding:0}.kpi{padding:14px 16px;display:flex;flex-direction:column;gap:4px}.kpi .label{font-size:12px;color:var(--text-secondary);font-weight:500}.kpi .value{font-size:26px;font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.kpi .value small{font-size:14px;font-weight:500;color:var(--text-secondary);margin-left:3px}.kpi .detail{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums}button,.btn{font:inherit;font-weight:500;cursor:pointer;border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text-primary);border-radius:var(--radius-sm);padding:6px 12px;display:inline-flex;align-items:center;gap:6px}button:hover:not(:disabled){background:var(--surface-2)}button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}button.primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}button.ghost{border-color:transparent;background:transparent}button.small{padding:3px 8px;font-size:12px}input,select,textarea{font:inherit;color:var(--text-primary);background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:7px 10px;width:100%}textarea{resize:vertical}label.field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-secondary);font-weight:500}.segmented{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--radius-sm);overflow:hidden}.segmented button{border:0;border-radius:0;padding:5px 10px;background:var(--surface-1);color:var(--text-secondary)}.segmented button+button{border-left:1px solid var(--border)}.segmented button[aria-pressed=true]{background:var(--accent-soft);color:var(--text-primary)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border);white-space:nowrap}.badge .dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-icon{display:inline-flex;width:16px;height:16px}.sev-CRITICAL{color:var(--status-critical-text)}.sev-WARNING{color:var(--status-warning-text)}.sev-INFO{color:var(--text-secondary)}.sev-GOOD{color:var(--status-good-text)}.env-badge{text-transform:uppercase;letter-spacing:.05em}.table-wrap{overflow:auto;max-height:480px}table.data{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}table.data th,table.data td{text-align:left;padding:7px 12px;border-bottom:1px solid var(--border);white-space:nowrap}table.data th{position:sticky;top:0;background:var(--surface-2);font-size:12px;color:var(--text-secondary);font-weight:600;z-index:1}table.data td.num,table.data th.num{text-align:right}table.data tr:hover td{background:var(--surface-2)}.list{display:flex;flex-direction:column}.list-item{display:flex;gap:10px;padding:10px 16px;border-top:1px solid var(--border);align-items:flex-start}.list-item:first-child{border-top:0}.list-item .meta{color:var(--text-muted);font-size:12px}.list-item .title{font-weight:600}.empty{padding:24px 16px;color:var(--text-muted);text-align:center}.error-box{border:1px solid var(--status-critical);color:var(--status-critical-text);border-radius:var(--radius-sm);padding:10px 12px;background:color-mix(in srgb,var(--status-critical) 8%,transparent)}.note{color:var(--text-muted);font-size:12px}.skeleton{background:linear-gradient(90deg,var(--surface-2),var(--surface-3),var(--surface-2));background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{to{background-position:-200% 0}}.live{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.live .pulse{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.live.open .pulse{background:var(--status-good);box-shadow:0 0 #0ca30c80;animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 7px #0ca30c00}to{box-shadow:0 0 #0ca30c00}}.chat{display:flex;flex-direction:column;height:100%;min-height:0}.chat-log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.msg{display:flex;flex-direction:column;gap:6px;max-width:100%}.msg.user{align-self:flex-end;max-width:85%}.msg.user .bubble{background:var(--accent-soft);border-radius:12px 12px 2px;padding:8px 12px;white-space:pre-wrap}.msg.assistant .bubble{line-height:1.6}.msg.assistant .bubble p{margin:0 0 8px}.msg.assistant .bubble table{border-collapse:collapse;margin:8px 0;font-variant-numeric:tabular-nums;display:block;overflow-x:auto}.msg.assistant .bubble th,.msg.assistant .bubble td{border:1px solid var(--border);padding:4px 8px}.msg.assistant .bubble th{background:var(--surface-2)}.msg.assistant .bubble pre{margin:8px 0}.tool-chip{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px}.tool-chip .name{font-family:var(--mono);font-weight:600;color:var(--text-primary)}.tool-chip details summary{cursor:pointer}.chat-input{border-top:1px solid var(--border);padding:12px;display:flex;gap:8px;align-items:flex-end;background:var(--surface-1)}.chat-input textarea{min-height:42px;max-height:160px}.suggestions{display:flex;flex-wrap:wrap;gap:8px}.suggestions button{font-size:12.5px;text-align:left}.cursor:after{content:"▍";animation:blink 1s steps(2) infinite;color:var(--text-muted)}@keyframes blink{50%{opacity:0}}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:20}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(520px,100vw);background:var(--surface-1);border-left:1px solid var(--border);z-index:21;display:flex;flex-direction:column;box-shadow:-8px 0 24px #00000026}.drawer-head{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border)}.auth-page{min-height:100%;display:grid;grid-template-columns:1.1fr 1fr}.auth-hero{background:#0d366b;color:#f0efec;padding:48px;display:flex;flex-direction:column;justify-content:space-between}.auth-hero h1{font-size:34px;line-height:1.15;max-width:520px;color:#fff}.auth-hero p{color:#cde2fb;max-width:520px;font-size:15px}.auth-hero ul{color:#cde2fb;padding-left:18px}.auth-panel{display:flex;align-items:center;justify-content:center;padding:32px;background:var(--surface-1)}.auth-form{width:100%;max-width:360px;display:flex;flex-direction:column;gap:12px}.role-picker{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-secondary);font-weight:500}.role-picker legend{padding:0;margin-bottom:4px}.role-option{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:var(--surface-1)}.role-option:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.role-option input{width:auto;margin:2px 0 0;accent-color:var(--accent)}.role-option span{display:flex;flex-direction:column;gap:2px}.role-option strong{color:var(--text-primary);font-size:13px}.role-option small{color:var(--text-secondary);font-size:12px;font-weight:400}.divider{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:12px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}@media (max-width: 900px){.auth-page{grid-template-columns:1fr}.auth-hero{padding:28px}}.swagger-wrap{background:#fff;border-radius:var(--radius);padding:8px;color:#111}