:root{color-scheme:dark;--bg: #0b1220;--bg-2: #10192b;--panel: rgba(15, 24, 39, .82);--panel-strong: rgba(18, 28, 46, .96);--line: rgba(148, 163, 184, .18);--text: #ecf3ff;--muted: #93a7c6;--accent: #35c5ff;--accent-2: #6af0c2;--warn: #ffb44c;--bad: #ff6b7c;--good: #4bd2b5;--shadow: 0 20px 60px rgba(0, 0, 0, .35);--radius-lg: 24px;--radius-md: 18px;--radius-sm: 12px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Space Grotesk,Manrope,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(53,197,255,.2),transparent 26%),radial-gradient(circle at top right,rgba(106,240,194,.14),transparent 20%),linear-gradient(180deg,#07111f,#09101d 45%,#0b1220)}button,input{font:inherit}button{border:0;border-radius:999px;padding:.82rem 1.2rem;background:linear-gradient(135deg,var(--accent),#69d2ff);color:#04111b;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}button:hover{transform:translateY(-1px);box-shadow:0 12px 30px #35c5ff47}button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}button.secondary{background:#94a3b829;color:var(--text)}input{width:100%;border-radius:14px;border:1px solid rgba(148,163,184,.22);background:#080e1abf;color:var(--text);min-height:46px;padding:.82rem .95rem}input:focus{outline:2px solid rgba(53,197,255,.6);border-color:#35c5ff73}.app-shell{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:100vh}.sidebar{padding:1.35rem;border-right:1px solid rgba(148,163,184,.08);background:linear-gradient(180deg,#0a101ce6,#070b15cc);position:sticky;top:0;height:100vh;overflow:auto}.main-panel{padding:1.45rem}.brand-block{margin-bottom:1rem}.brand-block h1{margin:.2rem 0 .4rem;font-size:2rem;line-height:1.05}.brand-block p,.support-copy,.metric-card p,.login-blocker p{color:var(--muted);line-height:1.55}.eyebrow,.section-label{display:inline-block;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:#78cfff}.glass-card{background:linear-gradient(180deg,#121c2ee6,#0b1220db);border:1px solid rgba(148,163,184,.12);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.auth-card,.nav-rail{padding:1rem;margin-bottom:1rem}.card-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.card-heading h2,.card-heading h3,.topbar h2{margin:.25rem 0 0}.stack-form{display:grid;gap:.9rem}.stack-form label span,.form-grid label span{display:block;font-size:.9rem;color:var(--muted);margin-bottom:.45rem}.session-summary,.artifact-meta{display:grid;gap:.85rem}.inline-stat,.artifact-meta>div{display:flex;justify-content:space-between;gap:.6rem;align-items:center}.inline-stat span,.artifact-meta span{color:var(--muted)}.nav-rail{display:grid;gap:.55rem}.nav-item{text-align:left;border-radius:18px;padding:.9rem .95rem;background:transparent;color:var(--text);border:1px solid transparent}.nav-item span{display:block}.nav-item small{display:block;margin-top:.3rem;color:var(--muted)}.nav-item.active{background:linear-gradient(135deg,#35c5ff2e,#6af0c21f);border-color:#35c5ff59}.topbar{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}.topbar-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.service-chip,.status-pill{border-radius:999px;padding:.45rem .75rem;border:1px solid var(--line);background:#94a3b814}.service-chip span{display:block;font-size:.72rem;color:var(--muted);margin-bottom:.15rem}.status-pill{display:inline-flex;align-items:center;font-size:.82rem;font-weight:700}.status-pill.good{background:#4bd2b52e;color:#95ffe5}.status-pill.warn{background:#ffb44c2e;color:#ffd287}.status-pill.bad{background:#ff6b7c2e;color:#ffb1bc}.status-pill.info{background:#35c5ff2e;color:#a7ebff}.status-pill.muted{background:#94a3b824;color:#d0dae8}.flash-stack{display:grid;gap:.6rem;margin-bottom:1rem}.flash{padding:.85rem 1rem;border-radius:16px;border:1px solid var(--line)}.flash.ok{background:#4bd2b529}.flash.error{background:#ff6b7c29}.workspace{display:grid;gap:1rem}.workspace.split{grid-template-columns:minmax(320px,.95fr) minmax(0,1.3fr)}.card-grid.six{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem}.metric-card{padding:1.05rem}.metric-value{display:block;font-size:1.4rem;line-height:1.1;margin:.45rem 0}.metric-value.good{color:#95ffe5}.metric-value.warn{color:#ffd287}.metric-value.bad{color:#ffb1bc}.metric-value.info{color:#a7ebff}.action-strip,.action-card,.form-card,.table-card,.chart-card,.login-blocker{padding:1.1rem}.button-cluster{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}.button-cluster.wrap{align-items:stretch}.analytics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.content-grid.two-up{display:grid;grid-template-columns:1.1fr 1fr;gap:1rem}.empty-state{min-height:240px;display:grid;place-items:center;color:var(--muted)}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:620px}th,td{padding:.82rem .7rem;border-bottom:1px solid rgba(148,163,184,.12);text-align:left;vertical-align:top}th{font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}tbody tr:hover{background:#94a3b80a}.table-subtle{color:var(--muted);font-size:.88rem;margin-top:.25rem}.form-grid{display:grid;gap:.9rem}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.checkbox-grid{display:flex;flex-wrap:wrap;gap:1rem}.checkbox-row{display:flex;gap:.55rem;align-items:center;color:var(--muted)}.checkbox-row input{width:18px;min-height:18px}.login-blocker{min-height:320px;display:grid;place-content:center}@media (max-width: 1480px){.card-grid.six{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-grid,.content-grid.two-up,.workspace.split{grid-template-columns:1fr}.form-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1080px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid rgba(148,163,184,.08)}.card-grid.six{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.main-panel,.sidebar{padding:1rem}.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{width:100%}.card-grid.six,.form-grid.two,.form-grid.four{grid-template-columns:1fr}button{width:100%}.button-cluster{display:grid;width:100%}.service-chip{width:100%}}