:root{color-scheme:dark;--bg: #0f1318;--bg-elevated: #171c22;--bg-panel: #1d242c;--bg-panel-strong: #232b35;--border: #2d3742;--border-strong: #3a4653;--text: #e6edf3;--text-muted: #95a3b3;--text-subtle: #708093;--accent: #8fb26a;--accent-strong: #b0ce84;--danger: #d97171;--warning: #d6af62;--success: #74b77d;--shadow: 0 24px 60px rgba(0, 0, 0, .25);--radius: 18px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:IBM Plex Sans,sans-serif;background:radial-gradient(circle at top left,rgba(143,178,106,.08),transparent 32%),linear-gradient(180deg,#0f1318,#121820);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(320px,.9fr) minmax(440px,.95fr)}.login-rail{padding:clamp(2rem,5vw,4rem);border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;justify-content:space-between;gap:2rem}.login-card{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,5vw,4rem)}.sidebar-kicker,.panel-eyebrow,.hero-kicker,.nav-group-label{margin:0 0 .55rem;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;color:var(--text-subtle)}.login-rail h1{margin:0;font-size:clamp(2.2rem,4vw,4.5rem);line-height:.92;letter-spacing:-.06em;max-width:10ch}.sidebar-copy,.hero-copy,.panel-description,.state-block p{margin:0;color:var(--text-muted);line-height:1.6}.summary-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.summary-card,.metric-chip,.session-card,.panel,.flash{border:1px solid var(--border);background:#171c22e0;box-shadow:var(--shadow)}.summary-card{padding:1rem 1.1rem;border-radius:14px}.summary-card span,.metric-chip span,.kv-grid dt{display:block;font-size:.74rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-subtle);margin-bottom:.45rem}.summary-card strong,.metric-chip strong,.kv-grid dd{margin:0;font-weight:600}.login-header,.panel-header,.session-header,.hero{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.login-header h2,.panel-title,.hero h2{margin:0;font-size:clamp(1.25rem,2vw,2rem);letter-spacing:-.04em}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.75rem}.field,.field-stack{display:flex;flex-direction:column;gap:.45rem}.field span,.field-stack label,.table-actions-label{color:var(--text-subtle);font-size:.83rem}.field input,.field textarea,.field select,.field-stack input,.field-stack textarea,.field-stack select,.inline-input,.inline-select{width:100%;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--text);padding:.8rem .9rem;min-height:46px}.input-mono,.mono,pre,code,textarea.json-editor{font-family:IBM Plex Mono,monospace}.field textarea,textarea.json-editor{min-height:128px;resize:vertical}.field-span-2{grid-column:span 2}.auth-tabs{display:inline-flex;background:var(--bg);border-radius:999px;padding:.25rem;border:1px solid var(--border)}.auth-tab{border:0;background:transparent;color:var(--text-muted);border-radius:999px;padding:.55rem .9rem}.auth-tab.is-active{background:var(--bg-panel-strong);color:var(--text)}.button-row,.hero-actions,.panel-actions{display:flex;gap:.75rem;flex-wrap:wrap}.button{border:1px solid var(--border);border-radius:999px;padding:.8rem 1rem;background:transparent;color:var(--text);min-height:44px}.button:disabled{opacity:.5;cursor:not-allowed}.button-primary{background:var(--accent);color:#0f1318;border-color:var(--accent);font-weight:700}.button-secondary{background:var(--bg-panel-strong)}.button-ghost{color:var(--text-muted)}.shell{display:grid;grid-template-columns:minmax(280px,320px) minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;align-self:start;height:100vh;padding:1.4rem;border-right:1px solid rgba(255,255,255,.05);background:#0c1116db;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:auto}.brand-block{margin-bottom:1rem}.brand-summary{display:flex;flex-direction:column;gap:.2rem}.brand-summary strong{font-size:.98rem;letter-spacing:-.02em}.brand-summary span{color:var(--text-muted);font-size:.84rem;line-height:1.45}.session-card{border-radius:18px;padding:1rem;margin-bottom:1rem}.nav-grid{display:flex;flex-direction:column;gap:1rem}.nav-items{display:flex;flex-direction:column;gap:.45rem}.nav-item{width:100%;text-align:left;border:1px solid transparent;background:transparent;padding:.85rem .95rem;border-radius:14px;color:var(--text-muted)}.nav-item:hover{border-color:#8fb26a38;background:#8fb26a0d}.nav-item.is-active{color:var(--text);border-color:#8fb26a73;background:#8fb26a14}.nav-item:disabled{opacity:.5;cursor:not-allowed}.nav-item-main{display:block;font-weight:600}.nav-item-meta{display:block;margin-top:.25rem;font-size:.78rem;color:var(--text-subtle)}.main{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.hero{padding:1.25rem 1.35rem;border:1px solid var(--border);background:#171c22c7;border-radius:calc(var(--radius) + 2px);box-shadow:var(--shadow)}.hero-meta{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:flex-end}.metric-chip{border-radius:14px;padding:.85rem .95rem;min-width:140px}.flash{padding:.95rem 1rem;border-radius:14px}.flash-success{border-color:#74b77d59}.flash-error{border-color:#d9717159;color:#f1c4c4}.flash-info{border-color:#8fb26a4d}.panel{border-radius:var(--radius);overflow:hidden}.panel-header{padding:1rem 1.1rem 0}.panel-body{padding:1rem 1.1rem 1.1rem}.content-grid{display:grid;gap:1rem;grid-template-columns:repeat(12,minmax(0,1fr))}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-12{grid-column:span 12}.stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat{border:1px solid var(--border);border-radius:14px;padding:1rem;background:#090d1159}.stat strong{display:block;font-size:1.6rem;margin-top:.25rem;letter-spacing:-.04em}.stat small{color:var(--text-subtle)}.split{display:grid;gap:1rem;grid-template-columns:minmax(0,1.2fr) minmax(320px,.9fr)}.list{display:flex;flex-direction:column;gap:.5rem}.list-item{border:1px solid var(--border);background:#090d1159;border-radius:14px;padding:.9rem}.list-item.is-selected{border-color:#8fb26a66}.toolbar,.filters{display:flex;flex-wrap:wrap;gap:.75rem}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:14px}table{width:100%;border-collapse:collapse}th,td{text-align:left;vertical-align:top;padding:.8rem .9rem;border-bottom:1px solid rgba(255,255,255,.05)}th{font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-subtle);background:#090d118c}tr:last-child td{border-bottom:0}.kv-grid{display:grid;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr))}.kv-grid.compact{gap:.65rem}.status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.35rem .7rem;border:1px solid var(--border);font-size:.78rem}.status-success{color:#b5ddb7;border-color:#74b77d59}.status-danger{color:#f0b8b8;border-color:#d9717159}.status-warning{color:#ecd39f;border-color:#d6af6259}.status-neutral{color:var(--text-muted)}.state-block{padding:1rem;border-radius:14px;border:1px dashed var(--border-strong);color:var(--text-muted)}.state-error{border-style:solid;border-color:#d9717159;color:#f0b8b8}.detail-stack{display:flex;flex-direction:column;gap:1rem}.code-block,pre{white-space:pre-wrap;word-break:break-word;margin:0;border:1px solid var(--border);background:#090d118c;border-radius:14px;padding:1rem;font-size:.86rem}.pill-row{display:flex;flex-wrap:wrap;gap:.45rem}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:.35rem .7rem;background:#8fb26a14;border:1px solid rgba(143,178,106,.22);color:var(--accent-strong);font-size:.78rem}.stack{display:flex;flex-direction:column;gap:1rem}.two-col{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 1180px){.shell,.login-screen,.split{grid-template-columns:1fr}.sidebar{position:static;height:auto}.hero{flex-direction:column}.content-grid>*{grid-column:1 / -1}}@media (max-width: 720px){.main,.sidebar,.login-card,.login-rail{padding:1rem}.form-grid,.two-col,.kv-grid{grid-template-columns:1fr}.field-span-2{grid-column:span 1}}