:root{--bg:#080b10;--sidebar:#0b0f15;--panel:#10151d;--panel-2:#141a23;--border:#202834;--muted:#778291;--text:#edf1f5;--cyan:#50d8d7;--violet:#9277f5;--green:#67d391;--amber:#f0b35b;--coral:#f36f64;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:250px;background:var(--sidebar);border-right:1px solid var(--border);padding:28px 18px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;padding:0 8px 34px}.brand-mark{width:32px;height:30px;display:flex;align-items:flex-end;gap:3px;transform:skew(-9deg)}.brand-mark i{display:block;width:8px;background:var(--cyan);border-radius:1px}.brand-mark i:nth-child(1){height:19px}.brand-mark i:nth-child(2){height:28px}.brand-mark i:nth-child(3){height:12px}.brand strong{display:block;font-size:15px;letter-spacing:.13em}.brand small{display:block;font:9px var(--mono);letter-spacing:.2em;color:#65717e;margin-top:3px}.nav-label,.section-kicker{margin:0 10px 10px;font:500 9px var(--mono);letter-spacing:.17em;color:#66717f}.nav-label-spaced{margin-top:27px}.primary-nav{display:flex;flex-direction:column}.nav-item{border:0;background:transparent;color:#8d98a6;font:500 13px var(--sans);border-radius:6px;display:flex;align-items:center;gap:12px;padding:11px 12px;margin:1px 0;text-align:left;cursor:pointer;position:relative}.nav-item svg{width:17px;height:17px}.nav-item:hover{color:#dce3e9;background:#111720}.nav-item.active{color:#fff;background:#172028}.nav-item.active:before{content:"";position:absolute;left:-18px;width:2px;height:22px;background:var(--cyan);box-shadow:0 0 10px #50d8d799}.count{margin-left:auto;background:#232d38;padding:2px 7px;border-radius:10px;color:#abb6c2;font:10px var(--mono)}.alert-dot{width:6px;height:6px;background:var(--coral);box-shadow:0 0 9px var(--coral);border-radius:50%;margin-left:auto}.sidebar-foot{margin-top:auto}.system-health{border:1px solid var(--border);background:#0e131a;border-radius:7px;padding:13px;margin-bottom:14px}.health-heading{display:flex;justify-content:space-between;font-size:10px;color:#8994a1}.health-heading strong{font:500 10px var(--mono);color:var(--green)}.health-bar{height:3px;background:#242c35;margin:11px 0}.health-bar i{display:block;width:97.8%;height:100%;background:var(--green)}.system-health small{font-size:9px;color:#6e7986}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px}.green{background:var(--green);box-shadow:0 0 7px #67d39188}.user-card{width:100%;display:flex;gap:10px;align-items:center;background:transparent;border:0;color:var(--text);padding:9px 5px;cursor:pointer;text-align:left}.user-card>span:nth-child(2){flex:1}.user-card strong,.user-card small{display:block;font-size:11px}.user-card small{color:#65717e;margin-top:3px}.user-card svg{width:13px}.avatar{display:grid!important;place-items:center;width:33px;height:33px;border-radius:50%;background:#24323c;color:var(--cyan);font:500 10px var(--mono)}
.main{margin-left:250px;min-height:100vh}.topbar{height:88px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 32px;position:sticky;top:0;z-index:10;background:#080b10eF;backdrop-filter:blur(12px)}.eyebrow{font:500 9px var(--mono);letter-spacing:.16em;color:#5f6a76}.page-title h1{font-size:20px;margin:5px 0 0;letter-spacing:-.02em}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.live-pill{border:1px solid #263139;border-radius:20px;padding:7px 10px;font:9px var(--mono);color:#9da8b2;text-transform:uppercase;letter-spacing:.08em}.live-pill span{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:6px;box-shadow:0 0 7px var(--green)}button{font-family:inherit}.icon-button{width:35px;height:35px;display:grid;place-items:center;background:#11161e;border:1px solid var(--border);border-radius:5px;color:#94a0ac;cursor:pointer}.icon-button:hover,.ghost-button:hover,.filter-button:hover{border-color:#3a4755;color:#fff}.icon-button svg{width:16px}.notification-button{position:relative}.notification-button i{position:absolute;right:7px;top:7px;width:5px;height:5px;border-radius:50%;background:var(--coral)}.primary-action{height:36px;border:0;background:var(--cyan);color:#061011;padding:0 14px;border-radius:4px;font-weight:700;font-size:11px;display:flex;align-items:center;gap:7px;cursor:pointer}.primary-action:hover{background:#6ee4e3}.primary-action svg{width:14px}.menu-button{display:none}.content{padding:27px 32px 55px;max-width:1600px;margin:0 auto}.view{display:none}.view.active{display:block}.overview-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:21px}.overview-head p{margin:0 0 5px;color:#8a95a2;font-size:12px}.overview-head p strong{color:var(--amber)}.overview-head small{font-size:9px;color:#58636f}.range-switch{background:#0d1218;border:1px solid var(--border);border-radius:4px;padding:3px}.range-switch button{border:0;background:transparent;color:#65717e;border-radius:3px;padding:6px 10px;font:500 9px var(--mono);cursor:pointer}.range-switch button.active{color:#e7edf2;background:#202933}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.metric-card,.panel{background:linear-gradient(145deg,#11171f,#0e131a);border:1px solid var(--border);border-radius:7px}.metric-card{position:relative;min-height:155px;padding:17px;overflow:hidden}.metric-icon{position:absolute;right:15px;top:15px;width:29px;height:29px;display:grid;place-items:center;border-radius:5px}.metric-icon svg{width:14px}.metric-icon.cyan{background:#50d8d719;color:var(--cyan)}.metric-icon.violet{background:#9277f519;color:var(--violet)}.metric-icon.amber{background:#f0b35b19;color:var(--amber)}.metric-icon.green{background:#67d39119;color:var(--green)}.metric-label{font-size:10px;color:#778391}.delta{font:500 8px var(--mono);padding:2px 5px;margin-left:5px;border-radius:3px}.delta.up{color:var(--green);background:#67d39112}.delta.down{color:var(--cyan);background:#50d8d712}.metric-value{display:block;font:500 28px var(--mono);margin:10px 0 4px;letter-spacing:-.05em}.metric-value em{font-size:14px;font-style:normal}.metric-card>small{position:absolute;bottom:14px;left:17px;color:#66727f;font-size:9px}.metric-card>small b{color:#99a4af}.sparkline{height:34px;margin:0 -17px}.sparkline svg{width:100%;height:100%;overflow:visible}.sparkline .area{opacity:.09}.sparkline .line{fill:none;stroke-width:1.5}.issue-segments{display:flex;gap:3px;margin-top:15px}.issue-segments i{height:3px}.issue-segments .critical{width:12%;background:var(--coral)}.issue-segments .high{width:27%;background:var(--amber)}.issue-segments .medium{width:35%;background:var(--violet)}.issue-segments .low{width:26%;background:#35404b}.critical-text{color:var(--coral)!important}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(350px,1fr);gap:12px;margin-bottom:12px}.panel{padding:19px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.panel-head .section-kicker{margin:0 0 6px}.section-kicker.coral{color:var(--coral)}.panel h2,.placeholder-content h2,.modal h2{font-size:15px;margin:0;letter-spacing:-.02em}.status-badge{font:500 8px var(--mono);letter-spacing:.04em;text-transform:uppercase;border:1px solid #26313c;padding:6px 8px;border-radius:3px;color:#9aa5b0}.status-badge i{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:6px}.status-badge.healthy{color:var(--green);border-color:#244333;background:#14251d}.status-badge.healthy i{background:var(--green)}.node-summary{display:flex;align-items:center;justify-content:space-between;background:#0c1117;border:1px solid #1b232d;border-radius:5px;padding:12px 14px}.node-name{display:flex;align-items:center;gap:12px}.node-name strong,.node-name small{display:block}.node-name strong{font:500 11px var(--mono)}.node-name small{font-size:8px;color:#65717e;margin-top:4px}.server-glyph{width:30px;display:flex;flex-direction:column;gap:3px}.server-glyph i{display:block;height:5px;border:1px solid #40505d;border-radius:1px;position:relative}.server-glyph i:after{content:"";position:absolute;width:2px;height:2px;background:var(--cyan);right:3px;top:1px}.uptime{text-align:right}.uptime small{display:block;font:8px var(--mono);color:#5e6975;letter-spacing:.1em}.uptime strong{display:block;font:500 10px var(--mono);margin-top:4px;color:#aab4be}.gauges{display:grid;grid-template-columns:repeat(4,1fr);padding:19px 0 17px}.gauge-item{text-align:center;border-right:1px solid #1d252e}.gauge-item:last-child{border:0}.gauge-item>strong,.gauge-item>small{display:block}.gauge-item>strong{font-size:9px;margin-top:8px}.gauge-item>small{font-size:7px;color:#697481;margin-top:3px}.gauge{--size:64px;width:var(--size);height:var(--size);margin:auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--color) calc(var(--value)*1%),#202831 0);position:relative}.gauge:before{content:"";position:absolute;inset:5px;border-radius:50%;background:#11171e}.gauge span{position:relative;font:500 14px var(--mono)}.gauge small,.temperature small{font-size:8px}.temperature{height:64px;display:flex;align-items:center;justify-content:center;gap:7px}.temperature svg{width:17px;color:var(--amber)}.temperature strong{font:500 14px var(--mono)}.node-footer{border-top:1px solid #1d252e;padding-top:13px;display:flex;justify-content:space-between;align-items:center}.node-footer>div:first-child{display:flex;align-items:center}.node-footer strong,.node-footer small{display:block;font-size:8px}.node-footer small{color:#65717e;margin-top:3px;font-family:var(--mono)}.node-actions{display:flex;gap:7px}.ghost-button,.filter-button{height:31px;border:1px solid #2a3440;background:#141b23;color:#94a0ac;border-radius:4px;padding:0 10px;font-size:9px;display:flex;gap:6px;align-items:center;justify-content:center;cursor:pointer}.ghost-button svg,.filter-button svg{width:12px}.text-button{border:0;background:transparent;color:var(--cyan);font-size:9px;cursor:pointer;display:flex;gap:5px;align-items:center}.text-button svg{width:11px}.attention-panel{padding-bottom:7px}.attention-list{margin:0 -10px}.attention-item{width:100%;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;text-align:left;background:transparent;color:var(--text);border:0;border-top:1px solid #1c242e;padding:11px 10px;cursor:pointer}.attention-item:hover{background:#151b23}.severity-icon{width:31px;height:31px;border-radius:4px;display:grid;place-items:center}.severity-icon svg{width:14px}.critical-bg{background:#f36f6416;color:var(--coral)}.amber-bg{background:#f0b35b16;color:var(--amber)}.violet-bg{background:#9277f516;color:var(--violet)}.cyan-bg{background:#50d8d716;color:var(--cyan)}.attention-item strong,.attention-item small,.attention-item time{display:block}.attention-item strong{font-size:9px;margin-bottom:3px}.attention-item small,.attention-item time{font-size:7px;color:#66727f}.attention-item time{margin-top:3px}.priority{font:500 7px var(--mono);padding:3px 5px;border-radius:2px}.critical-priority{background:#f36f6419;color:var(--coral)}.high-priority{background:#f0b35b19;color:var(--amber)}.update-priority{background:#9277f519;color:var(--violet)}.review-priority{background:#50d8d719;color:var(--cyan)}.lower-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.active-status{color:var(--cyan)}.active-status i{background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.agent-row{display:grid;grid-template-columns:30px 1.2fr 1fr auto;gap:9px;align-items:center;border-top:1px solid #1c242e;padding:10px 0}.agent-avatar{width:28px;height:28px;border-radius:4px;display:grid;place-items:center;font:500 9px var(--mono)}.agent-avatar.cyan{color:var(--cyan);background:#50d8d716}.agent-avatar.violet{color:var(--violet);background:#9277f516}.agent-avatar.amber{color:var(--amber);background:#f0b35b16}.agent-row strong,.agent-row small{display:block}.agent-row strong{font-size:9px}.agent-row small{font-size:7px;color:#66727f;margin-top:3px}.agent-progress{height:3px;background:#222b34}.agent-progress i{display:block;height:100%;background:var(--cyan)}.agent-row time{font:7px var(--mono);color:#65717e}.knowledge-stat{display:flex;gap:15px;align-items:center;padding:5px 0 16px}.knowledge-visual{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#50d8d720 0,#50d8d705 65%,transparent 70%);color:var(--cyan)}.knowledge-visual svg{width:45px}.knowledge-stat>div:last-child>small,.knowledge-stat strong,.knowledge-stat span{display:block}.knowledge-stat>div:last-child>small{font:7px var(--mono);color:#687481;letter-spacing:.1em}.knowledge-stat strong{font:500 21px var(--mono);margin:5px 0}.knowledge-stat strong em{font:8px var(--sans);font-style:normal;color:#697481}.knowledge-stat span{font-size:8px;color:#687481}.knowledge-stat span b{color:var(--green)}.model-row,.learning-row{display:flex;align-items:center;border-top:1px solid #1c242e;padding:10px 0}.model-logo{width:29px;height:29px;border-radius:4px;background:#9277f516;color:var(--violet);display:grid;place-items:center;font:500 11px var(--mono);margin-right:10px}.model-row>span:nth-child(2){flex:1}.model-row strong,.model-row small,.learning-row strong,.learning-row small{display:block}.model-row strong,.learning-row strong{font-size:9px}.model-row small,.learning-row small{font-size:7px;color:#65717e;margin-top:3px}.learning-row{justify-content:space-between}.learning-row>span{display:flex;align-items:center}.learning-row>span>i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 7px var(--green);margin:0 13px 0 10px}.activity-panel{padding-bottom:5px}.activity-table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:700px}th{text-align:left;font:500 7px var(--mono);letter-spacing:.12em;color:#5e6975;text-transform:uppercase;border-bottom:1px solid #26303a;padding:0 10px 9px}td{border-bottom:1px solid #1b232c;padding:10px;font-size:8px;color:#8c98a5}td:first-child{color:#d5dce3;font-weight:600}.table-status{font:500 7px var(--mono);padding:3px 6px;border-radius:2px;color:var(--green);background:#67d39112}.table-status.warning{color:var(--amber);background:#f0b35b12}
.placeholder-view{min-height:calc(100vh - 170px);align-items:center;justify-content:center}.placeholder-view.active{display:flex}.placeholder-content{width:100%;max-width:1000px}.placeholder-content>.large-icon{width:48px;height:48px;display:grid;place-items:center;background:#50d8d712;color:var(--cyan);border:1px solid #50d8d728;border-radius:7px;margin-bottom:23px}.large-icon svg{width:23px}.placeholder-content>.section-kicker{margin:0 0 8px}.placeholder-content h2{font-size:25px}.placeholder-content>p{color:#7b8794;max-width:580px;line-height:1.7;margin:10px 0 30px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.module-card{background:var(--panel);border:1px solid var(--border);border-radius:7px;padding:18px;min-height:140px;cursor:pointer;transition:.2s}.module-card:hover{border-color:#394654;transform:translateY(-2px)}.module-card>span{width:31px;height:31px;display:grid;place-items:center;background:#171f28;color:var(--cyan);border-radius:4px;margin-bottom:18px}.module-card svg{width:15px}.module-card strong,.module-card small{display:block}.module-card strong{font-size:11px}.module-card small{font-size:8px;color:#697582;line-height:1.55;margin-top:7px}.module-card em{display:inline-block;font:7px var(--mono);font-style:normal;color:var(--green);margin-top:12px}.modal-backdrop{position:fixed;z-index:50;inset:0;background:#030507c7;backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.modal{width:min(500px,100%);background:#11171f;border:1px solid #2a3540;border-radius:8px;padding:28px;position:relative;box-shadow:0 25px 80px #000}.modal-close{position:absolute;right:14px;top:14px;border:0;background:transparent;color:#75808c;cursor:pointer}.modal-close svg{width:16px}.modal-icon{width:38px;height:38px;background:#50d8d716;color:var(--cyan);display:grid;place-items:center;border-radius:5px;margin-bottom:20px}.modal-icon svg{width:18px}.modal>.section-kicker{margin:0 0 7px}.modal h2{font-size:19px}.modal>p{font-size:10px;color:#778391;line-height:1.6}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.action-grid button{text-align:left;background:#0d1218;border:1px solid #222b35;color:var(--text);padding:14px;border-radius:5px;cursor:pointer}.action-grid button:hover{border-color:#49606b}.action-grid button>span{color:var(--cyan)}.action-grid button svg{width:15px}.action-grid strong,.action-grid small{display:block}.action-grid strong{font-size:9px;margin:9px 0 4px}.action-grid small{font-size:7px;color:#687480}.confirm-modal{max-width:420px}.modal-icon.danger{color:var(--coral);background:#f36f6416}.confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.danger-button{height:31px;border:0;background:var(--coral);color:white;border-radius:4px;padding:0 12px;font-size:9px;cursor:pointer}.toast{position:fixed;z-index:70;right:24px;bottom:24px;background:#19222b;border:1px solid #33414d;border-radius:5px;display:flex;align-items:center;gap:9px;padding:12px 15px;color:#dfe7ed;font-size:9px;transform:translateY(80px);opacity:0;transition:.25s}.toast.show{transform:translateY(0);opacity:1}.toast svg{width:14px;color:var(--green)}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.lower-grid{grid-template-columns:1fr 1fr}.gauges{grid-template-columns:repeat(4,1fr)}.module-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.sidebar{transform:translateX(-100%);transition:.25s;box-shadow:10px 0 40px #000}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.menu-button{display:grid}.topbar{padding:0 18px}.content{padding:22px 18px}.page-title h1{font-size:16px}.eyebrow,.live-pill,.topbar-actions>.icon-button{display:none}.lower-grid{grid-template-columns:1fr}.module-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.metric-grid{grid-template-columns:1fr 1fr}.metric-card{min-height:145px}.metric-value{font-size:23px}.overview-head{align-items:flex-start}.range-switch{flex-shrink:0}.primary-action{width:35px;padding:0;justify-content:center}.primary-action{font-size:0}.dashboard-grid{grid-template-columns:1fr}.panel{padding:15px}.gauges{grid-template-columns:1fr 1fr;gap:18px 0}.gauge-item:nth-child(2){border:0}.node-summary{align-items:flex-start}.uptime{display:none}.module-grid{grid-template-columns:1fr}.action-grid{grid-template-columns:1fr}.topbar{height:74px}.content{padding-top:18px}.metric-card>small{max-width:80%}}

/* Integration-ready foundation states */
[hidden]{display:none!important}
.neutral{background:#687481;box-shadow:none}.system-health.disconnected .health-heading strong{color:#8f9aa6}.system-health.disconnected .health-bar i{width:0;background:#59636e}.mode-pill{border:1px solid #5b472c;border-radius:20px;padding:7px 10px;font:9px var(--mono);color:var(--amber);text-transform:uppercase;letter-spacing:.08em;background:#f0b35b0c}.mode-pill span{display:inline-block;width:6px;height:6px;background:var(--amber);border-radius:50%;margin-right:6px}.mode-banner{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;border:1px solid #5b472c;background:linear-gradient(90deg,#221a11,#14171b);border-radius:6px;padding:12px 14px;margin-bottom:12px}.mode-banner-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:4px;background:#f0b35b16;color:var(--amber)}.mode-banner-icon svg{width:14px}.mode-banner strong,.mode-banner small{display:block}.mode-banner strong{font-size:10px}.mode-banner small{font-size:8px;color:#8b8174;margin-top:4px}.status-badge.disconnected{color:#8b96a2;background:#171d24;border-color:#303a45}.status-badge.disconnected i{background:#687481}.disconnected-card .metric-value{color:#737e89}.sparkline>span{display:flex;align-items:center;height:100%;padding-left:17px;color:#505b66;font:8px var(--mono);background:repeating-linear-gradient(135deg,transparent,transparent 7px,#161d24 8px)}.issue-segments.empty i{width:100%;background:#28313a}.gauge.unavailable{color:#697581}.temperature.unavailable{color:#697581}.learning-row>span>i.neutral{background:#687481;box-shadow:none}.empty-state{min-height:118px;border:1px dashed #29333e;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.empty-state strong{font-size:9px;color:#a6b0ba}.empty-state small{font-size:8px;line-height:1.6;color:#626e7a;max-width:290px;margin-top:6px}.table-empty{text-align:center!important;color:#687481!important;padding:28px 10px!important;font:8px var(--mono)!important}.module-card{appearance:none;width:100%;color:var(--text);font-family:var(--sans);text-align:left}.module-card em{line-height:1.5}.modal-open{overflow:hidden}button:disabled{cursor:not-allowed!important;opacity:.45}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.action-grid button:focus-visible{border-color:var(--cyan)}
.mode-pill b{font:inherit}.mode-pill.fresh{color:var(--green);border-color:#2c5a40;background:#67d3910d}.mode-pill.fresh span{background:var(--green);box-shadow:0 0 7px var(--green)}.mode-pill.stale{color:var(--amber)}.mode-pill.error{color:var(--coral);border-color:#59332f;background:#291715}.mode-pill.error span{background:var(--coral)}.mode-pill.pending,.mode-pill.disconnected{color:#8b96a2;border-color:#303a45;background:#171d24}.mode-pill.pending span,.mode-pill.disconnected span{background:#687481}.mode-banner.connected{border-color:#28523b;background:linear-gradient(90deg,#122319,#14171b)}.mode-banner.connected .mode-banner-icon{color:var(--green);background:#67d39116}.mode-banner.stale{border-color:#5b472c}.mode-banner.error{border-color:#59332f;background:linear-gradient(90deg,#291715,#14171b)}.status-badge.reporting{color:var(--green);border-color:#244333;background:#14251d}.status-badge.reporting i{background:var(--green);box-shadow:0 0 6px var(--green)}.status-badge.stale{color:var(--amber);border-color:#5b472c;background:#241d13}.status-badge.stale i,.amber-dot{background:var(--amber);box-shadow:0 0 6px #f0b35b77}.status-badge.error{color:var(--coral);border-color:#59332f;background:#291715}.status-badge.error i{background:var(--coral)}.connected-priority{background:#67d39116;color:var(--green)}.system-health.observed .health-heading strong{color:var(--green)}.system-health.observed .health-bar i{background:var(--green)}.system-health.stale .health-heading strong{color:var(--amber)}.system-health.stale .health-bar i{background:var(--amber)}
.status-badge.partial{color:var(--amber);border-color:#5b472c;background:#241d13}.status-badge.partial i{background:var(--amber)}
.dashboard-grid.report-only{grid-template-columns:1fr}
.module-card{cursor:default}.module-card:hover{transform:none}.module-card .module-observation{color:#77838f}.module-card .module-observation[data-state="observed"],.module-card .module-observation[data-state="fresh"]{color:var(--green)}.module-card .module-observation[data-state="stale"]{color:var(--amber)}.module-card .module-observation[data-state="error"]{color:var(--coral)}.attention-item.integration-status{cursor:default}.attention-list>.empty-state{margin:10px;min-height:160px}
@media(max-width:650px){.mode-banner{grid-template-columns:30px 1fr}.mode-banner .ghost-button{grid-column:1/-1;width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* PLEXBLD private control-plane brand theme */
:root{
  --bg:#0d0807;
  --sidebar:#120b0a;
  --panel:#18100f;
  --panel-2:#1d1412;
  --border:#382520;
  --muted:#9c8981;
  --text:#f2ebe5;
  --cyan:#df1f2d;
  --violet:#bd7657;
  --green:#78b28b;
  --amber:#d4a05f;
  --coral:#f05a50;
}

body{
  background:
    radial-gradient(circle at 14% -8%,rgba(223,31,45,.12),transparent 28%),
    radial-gradient(circle at 96% 100%,rgba(124,58,39,.1),transparent 32%),
    var(--bg);
}

.sidebar{
  background:linear-gradient(180deg,#150c0b 0%,#100a09 48%,#0d0807 100%);
  border-right-color:#3b211d;
  box-shadow:12px 0 45px rgba(0,0,0,.22);
}

.sidebar::after{
  content:"";
  position:absolute;
  inset:0 0 0 auto;
  width:1px;
  background:linear-gradient(180deg,rgba(223,31,45,.72),rgba(223,31,45,.08) 34%,transparent 72%);
  pointer-events:none;
}

.brand{display:block;padding:0 3px 30px}
.brand-logo-plate{
  display:flex;
  width:100%;
  height:54px;
  align-items:center;
  justify-content:center;
  overflow:visible;
  border:0;
  background:transparent;
}
.brand-logo-plate img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 14px rgba(0,0,0,.2))}
.brand-console-label{display:flex;align-items:center;gap:9px;margin-top:10px;color:#a89389;font:500 8px var(--mono);letter-spacing:.18em}
.brand-console-label::before{content:"";width:19px;height:1px;background:var(--cyan)}
.brand-console-label span{flex:1}
.brand-console-label b{color:#df6a64;font:600 8px var(--mono)}

.nav-label,.section-kicker{color:#88746c}
.nav-item{color:#a5938b}
.nav-item:hover{color:#f3eae4;background:#211411}
.nav-item.active{color:#fff8f2;background:linear-gradient(90deg,#2a1714,#211411)}
.nav-item.active::before{background:var(--cyan);box-shadow:0 0 12px rgba(223,31,45,.62)}
.count{background:#34231f;color:#d2c2b9}
.system-health{background:#160f0d;border-color:#382520}
.health-bar{background:#382721}
.health-heading,.system-health small,.user-card small{color:#927f76}
.avatar{background:#2c1a17;color:#f0645e;border:1px solid #492721}

.topbar{
  background:rgba(13,8,7,.91);
  border-bottom-color:#38231f;
  box-shadow:0 12px 36px rgba(0,0,0,.16);
}
.topbar::after{content:"";position:absolute;inset:auto 32px -1px;height:1px;background:linear-gradient(90deg,rgba(223,31,45,.5),transparent 38%);pointer-events:none}
.eyebrow{color:#a07f74}
.page-title h1{color:#f5eee8}
.overview-head p{color:#b2a19a}
.overview-head small{color:#806e67}

.metric-card,.panel{background:linear-gradient(145deg,#1c1210,#140d0c);border-color:#3b2823;box-shadow:0 12px 34px rgba(0,0,0,.13)}
.metric-card::after{content:"";position:absolute;inset:0 auto 0 0;width:1px;background:linear-gradient(180deg,rgba(223,31,45,.5),transparent 70%)}
.metric-icon.cyan,.cyan-bg,.agent-avatar.cyan,.large-icon,.modal-icon{background:rgba(223,31,45,.1)}
.metric-icon.violet,.violet-bg,.agent-avatar.violet,.model-logo{background:rgba(189,118,87,.1)}
.metric-icon.amber,.amber-bg,.agent-avatar.amber{background:rgba(212,160,95,.1)}
.metric-icon.green{background:rgba(120,178,139,.1)}
.metric-label,.metric-card>small,.module-card small,.modal>p{color:#927f77}
.metric-card>small b{color:#c8b7ae}
.issue-segments .low{background:#49352f}

.range-switch,.node-summary,.action-grid button{background:#130c0b;border-color:#3a2823}
.range-switch button{color:#8e7a71}
.range-switch button.active{color:#f6ede8;background:#38231f}
.node-summary{background:linear-gradient(90deg,#130c0b,#17100e)}
.server-glyph i{border-color:#735148}
.gauge{background:conic-gradient(var(--color) calc(var(--value)*1%),#3d2b26 0)}
.gauge::before{background:#17100e}
.gauge-item,.node-footer,.agent-row,.model-row,.learning-row,.attention-item{border-color:#33231f}
.ghost-button,.filter-button,.icon-button{background:#1b1210;border-color:#432d27;color:#ae9b92}
.icon-button:hover,.ghost-button:hover,.filter-button:hover{border-color:#75453b;color:#fff5ef}
.primary-action{background:#c91e29;color:#fff8f5;box-shadow:0 7px 20px rgba(201,30,41,.2)}
.primary-action:hover{background:#e12b37}
.text-button{color:#ed5b61}
.attention-item:hover{background:#201411}
.agent-progress{background:#3a2823}
.knowledge-visual{background:radial-gradient(circle,rgba(223,31,45,.16),rgba(223,31,45,.03) 65%,transparent 70%)}

.module-card{background:linear-gradient(145deg,#1c1210,#150e0d);border-color:#3b2823}
.module-card>span{background:#2a1a17;color:#ef5f61}
.module-card:hover{border-color:#704238}
.placeholder-content>p{color:#9b8880}
.empty-state{border-color:#49332d;background:rgba(36,22,19,.26)}
.empty-state strong{color:#c4b2a9}
.empty-state small,.table-empty{color:#8d7971!important}

.mode-pill.pending,.mode-pill.disconnected,.status-badge.disconnected{color:#a9958b;border-color:#49332d;background:#1c1311}
.mode-pill.pending span,.mode-pill.disconnected span,.status-badge.disconnected i,.neutral{background:#806d64}
.mode-banner{background:linear-gradient(90deg,#2b1d12,#17100e);border-color:#694a2c}
.mode-banner small{color:#a38d7b}
.mode-banner.connected{background:linear-gradient(90deg,#142219,#17100e)}
.mode-banner.error{background:linear-gradient(90deg,#351612,#17100e)}
.status-badge.error,.mode-pill.error{background:#351612;border-color:#71302a}
.status-badge.stale{background:#2b1d12;border-color:#694a2c}

.sparkline>span{color:#806f67;background:repeating-linear-gradient(135deg,transparent,transparent 7px,#211613 8px)}
.issue-segments.empty i{background:#47312b}
.modal{background:#1b1210;border-color:#50342d;box-shadow:0 25px 80px #050302}
.modal-backdrop{background:rgba(7,4,3,.82)}
.toast{background:#221613;border-color:#563830;color:#f2e9e3}
table th{color:#8e7970;border-color:#452e28}
table td{color:#a9958b;border-color:#33231f}
table td:first-child{color:#eadfd8}

.platform-facts-panel{margin-bottom:12px}
.platform-facts-panel .panel-head small{display:block;margin-top:6px;color:#8d7971;font:8px var(--mono);line-height:1.5}
.platform-fact-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;margin:-4px -4px 0}
.platform-fact-row{cursor:default;border-color:#33231f;padding:12px 4px}
.platform-fact-row:hover{background:transparent}
.platform-fact-row .severity-icon{background:#2a1a17}
.platform-fact-row .priority{justify-self:end}
.platform-fact-row small{line-height:1.55}
.platform-recommendations{margin-top:14px;padding-top:13px;border-top:1px solid #33231f}
.recommendation-heading{display:block;margin:0 0 8px;color:#88746c;font:7px var(--mono);letter-spacing:.14em}
.recommendation-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start;padding:10px 0;border-top:1px solid #2b1d19}
.recommendation-row:first-of-type{border-top:0}
.recommendation-row strong,.recommendation-row small,.recommendation-row time{display:block}
.recommendation-row strong{font-size:9px}
.recommendation-row small{margin-top:4px;color:#b7a69e;font-size:8px;line-height:1.5}
.recommendation-row time{margin-top:5px;color:#806f67;font:7px var(--mono);line-height:1.45}

@media(max-width:900px){.platform-fact-list{grid-template-columns:1fr}}

@media(max-width:820px){.sidebar{box-shadow:14px 0 50px rgba(0,0,0,.7)}}

/* Universal World Knowledge Network */
.knowledge-page{width:100%;max-width:1260px;margin:0 auto}
.domain-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin:4px 0 20px}
.domain-heading .section-kicker{display:block;margin:0 0 8px}
.domain-heading h2{margin:0;font-size:25px;letter-spacing:-.03em}
.domain-heading p{max-width:720px;margin:10px 0 0;color:#9b8880;font-size:11px;line-height:1.7}
.world-model-panel{padding:0;overflow:hidden}
.world-model-summary{display:grid;grid-template-columns:1.3fr repeat(3,1fr);border-bottom:1px solid #3b2823}
.world-model-summary>div{min-width:0;padding:17px 19px;border-right:1px solid #33231f}
.world-model-summary>div:last-child{border-right:0}
.world-model-summary small,.world-model-summary strong,.world-model-summary span{display:block}
.world-model-summary small{font:7px var(--mono);letter-spacing:.14em;color:#88746c}
.world-model-summary strong{overflow:hidden;margin:7px 0 5px;color:#f2ebe5;font:500 17px var(--mono);text-overflow:ellipsis;white-space:nowrap}
.world-model-summary span{color:#8d7971;font-size:7px;line-height:1.5}
.world-model-toolbar{display:grid;grid-template-columns:minmax(220px,1.3fr) minmax(150px,.7fr) minmax(150px,.7fr) auto;gap:9px;align-items:end;padding:13px 15px;border-bottom:1px solid #33231f;background:#160f0d}
.world-model-toolbar label,.graph-edit-form label,.graph-draft-queue label{display:block;min-width:0}
.world-model-toolbar label span,.graph-edit-form label span,.graph-draft-queue label span{display:block;margin-bottom:5px;color:#88746c;font:7px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.world-model-toolbar input,.world-model-toolbar select,.graph-edit-form input,.graph-edit-form select,.graph-edit-form textarea,.graph-draft-queue textarea{width:100%;min-width:0;border:1px solid #3d2a25;border-radius:4px;background:#120c0b;color:#f2ebe5;font:10px var(--sans);padding:9px 10px;outline:none}
.world-model-toolbar input:focus,.world-model-toolbar select:focus,.graph-edit-form input:focus,.graph-edit-form select:focus,.graph-edit-form textarea:focus,.graph-draft-queue textarea:focus{border-color:#7b473d;box-shadow:0 0 0 2px rgba(223,31,45,.12)}
.world-model-body{display:grid;grid-template-columns:minmax(0,3fr) minmax(220px,1fr);min-height:430px}
.world-model-canvas{position:relative;min-width:0;background:radial-gradient(circle at 50% 50%,rgba(223,31,45,.09),transparent 48%),linear-gradient(135deg,rgba(255,255,255,.012),transparent)}
.world-model-canvas svg{display:block;width:100%;height:100%;min-height:420px}
.graph-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}
.graph-empty strong{font-size:11px;color:#c4b2a9}.graph-empty small{max-width:310px;margin-top:7px;color:#806f67;font-size:8px;line-height:1.6}
.graph-count{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 24px);padding:6px 8px;border:1px solid #3b2823;border-radius:4px;background:rgba(18,12,11,.82);color:#a9958b;font:8px var(--mono);pointer-events:none}
.world-links line{stroke:#7f4b41;stroke-width:.7;opacity:.33}
.world-links.full-network line{stroke:#7f4b41;stroke-width:.35;opacity:.12}
.world-links.full-network line.active-link{stroke:#f05a50;stroke-width:1.35;opacity:.86}
.world-nodes circle{fill:#bd7657;stroke:#f0c5b5;stroke-width:.45;opacity:.82}
.world-nodes.full-network .concept-node circle{fill:#bd7657;stroke:#f0c5b5;stroke-width:.25;opacity:.66;cursor:pointer}
.world-nodes.full-network .neighbor-node circle{fill:#d4a05f;stroke:#ffe5c2;stroke-width:.55;opacity:.95}
.world-nodes.full-network .selected-node circle{fill:#f2ebe5;stroke:#df1f2d;stroke-width:1.4;filter:drop-shadow(0 0 8px rgba(223,31,45,.68));cursor:pointer}
.world-nodes .universe-node circle{fill:#df1f2d;stroke:#ffe0d8;stroke-width:1;filter:drop-shadow(0 0 5px rgba(223,31,45,.48))}
.world-nodes .root-node circle{fill:#f2ebe5;stroke:#df1f2d;stroke-width:2;filter:drop-shadow(0 0 8px rgba(223,31,45,.7))}
.world-nodes text{fill:#cdb9b0;font:7px var(--mono);paint-order:stroke;stroke:#160e0c;stroke-width:3px;stroke-linejoin:round}
.world-nodes .root-node text{fill:#fff4ed;font-weight:700}
.universe-panel{border-left:1px solid #33231f;padding:20px;overflow:auto}
.universe-panel>small{display:block;margin:18px 0 12px;color:#88746c;font:7px var(--mono);letter-spacing:.14em}.universe-panel>small:first-child{margin-top:0}
.universe-row{padding:10px 0;border-top:1px solid #33231f}.universe-row strong,.universe-row small{display:block}.universe-row strong{font-size:9px}.universe-row small{margin-top:4px;color:#806f67;font:7px var(--mono)}
.universe-panel .empty-state{min-height:300px}
.graph-inspector .empty-state{min-height:110px}
.selected-node-card{padding:13px;border:1px solid #3b2823;border-radius:5px;background:#150e0d}.selected-node-card strong,.selected-node-card small{display:block}.selected-node-card strong{font-size:11px}.selected-node-card small{margin-top:5px;color:#8f7d75;font:8px var(--mono)}.selected-node-card p{margin:10px 0 0;color:#b7a69e;font-size:9px;line-height:1.6}.selected-node-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.selected-node-meta span{padding:4px 6px;border-radius:3px;background:#271815;color:#d8c8bf;font:7px var(--mono)}
.knowledge-boundaries{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 34px}
.knowledge-boundaries article{display:flex;gap:13px;align-items:flex-start;padding:15px 17px;border:1px solid #3b2823;border-radius:6px;background:linear-gradient(145deg,#1c1210,#150e0d)}
.knowledge-boundaries article>span{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:4px;background:#2a1a17;color:#ef5f61}.knowledge-boundaries svg{width:14px}
.knowledge-boundaries strong,.knowledge-boundaries small{display:block}.knowledge-boundaries strong{font-size:10px}.knowledge-boundaries small{margin-top:5px;color:#927f77;font-size:8px;line-height:1.6}
.graph-editor-panel{margin-bottom:34px}
.graph-editor-grid{display:grid;grid-template-columns:1fr 1fr minmax(270px,.86fr);gap:14px}
.graph-edit-form,.graph-draft-queue{min-width:0;padding:14px;border:1px solid #33231f;border-radius:6px;background:#150e0d}
.graph-edit-form>small,.graph-draft-queue>small{display:block;margin-bottom:12px;color:#88746c;font:7px var(--mono);letter-spacing:.14em}
.graph-edit-form label,.graph-draft-queue label{margin-bottom:10px}
.graph-edit-form textarea,.graph-draft-queue textarea{resize:vertical;line-height:1.5}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.draft-operation-row{position:relative;padding:10px 38px 10px 10px;border-top:1px solid #33231f}.draft-operation-row:first-child{border-top:0}.draft-operation-row strong,.draft-operation-row small{display:block}.draft-operation-row strong{font-size:9px}.draft-operation-row small{margin-top:4px;color:#8f7d75;font-size:7px;line-height:1.45}.draft-operation-row .icon-button{position:absolute;right:0;top:7px;width:29px;height:29px}
.draft-actions{display:flex;justify-content:flex-end;gap:8px;margin:12px 0}.graph-draft-queue>#latestGraphDraft{display:block;color:#8f7d75;font:8px var(--mono);line-height:1.5}
.modules-heading{margin-bottom:18px}
.module-card .module-observation[data-state="unavailable"],.module-card .module-observation[data-state="configured"]{color:#927f77}

@media(max-width:1050px){.world-model-summary{grid-template-columns:1fr 1fr}.world-model-summary>div:nth-child(2){border-right:0}.world-model-summary>div:nth-child(-n+2){border-bottom:1px solid #33231f}.world-model-toolbar,.graph-editor-grid{grid-template-columns:1fr 1fr}.world-model-toolbar .ghost-button,.graph-draft-queue{grid-column:1/-1}.world-model-body{grid-template-columns:1fr}.universe-panel{border-left:0;border-top:1px solid #33231f}.universe-panel>div{display:grid;grid-template-columns:repeat(3,1fr);gap:0 16px}.universe-panel .empty-state{min-height:120px;grid-column:1/-1}}
@media(max-width:650px){.domain-heading{display:block}.domain-heading>.status-badge{display:inline-block;margin-top:14px}.world-model-summary,.world-model-toolbar,.graph-editor-grid,.form-row{grid-template-columns:1fr}.world-model-summary>div{border-right:0;border-bottom:1px solid #33231f}.world-model-summary>div:last-child{border-bottom:0}.world-model-canvas svg{min-height:340px}.universe-panel>div{grid-template-columns:1fr 1fr}.knowledge-boundaries{grid-template-columns:1fr}}