:root{color-scheme:dark;--color-bg: #17151f;--color-bg-elevated: #211d2c;--color-panel: #252131;--color-panel-strong: #302a3f;--color-panel-muted: #1c1925;--color-text: #f4f0ff;--color-text-muted: #a8a0bb;--color-text-subtle: #7f778e;--color-accent: #a277ff;--color-accent-strong: #c4a7ff;--color-accent-muted: rgb(162 119 255 / 16%);--color-border: rgb(219 208 255 / 14%);--color-border-strong: rgb(219 208 255 / 26%);--color-focus: #d6bcff;--color-success: #7ee787;--color-warning: #f2cc60;--color-danger: #ff7b72;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--shadow-soft: 0 18px 60px rgb(5 3 12 / 32%);--shadow-glow: 0 0 0 1px rgb(162 119 255 / 16%), 0 20px 70px rgb(162 119 255 / 10%);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;background:var(--color-bg);color:var(--color-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--color-bg)}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgb(162 119 255 / 16%),transparent 28rem),var(--color-bg)}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}#root{min-height:100vh}.app-shell-layout{display:grid;grid-template-columns:minmax(14rem,17rem) minmax(0,1fr) minmax(17rem,20rem);min-height:100vh;background:linear-gradient(135deg,rgb(255 255 255 / 3%),transparent 35%)}.shell-sidebar,.shell-context{border-color:var(--color-border);background:#1c1925db;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.shell-sidebar{border-right:1px solid var(--color-border);padding:var(--space-5)}.shell-context{border-left:1px solid var(--color-border);padding:var(--space-5)}.shell-brand{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-8)}.shell-brand-mark{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:var(--radius-md);background:var(--color-accent-muted);color:var(--color-accent-strong);font-weight:800}.shell-brand-title,.shell-status-title{margin:0;font-size:.95rem;font-weight:800}.shell-brand-subtitle,.shell-status-copy,.context-copy,.nav-kicker{margin:0;color:var(--color-text-muted);font-size:.83rem}.nav-kicker{margin-bottom:var(--space-3)}.shell-nav{display:grid;gap:var(--space-2)}.shell-nav-link{border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text-muted);display:flex;justify-content:space-between;padding:.7rem .85rem;transition:background .16s ease,border-color .16s ease,color .16s ease}.shell-nav-link:hover,.shell-nav-link.is-active{background:var(--color-accent-muted);border-color:var(--color-border-strong);color:var(--color-text)}.shell-nav-link.is-active:after{align-self:center;background:var(--color-accent);border-radius:999px;box-shadow:0 0 18px var(--color-accent);content:"";height:.45rem;width:.45rem}.shell-main{min-width:0;display:grid;grid-template-rows:auto 1fr}.shell-topbar{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-4);justify-content:space-between;padding:var(--space-4) var(--space-6)}.shell-content{padding:var(--space-6)}.shell-context-section,.surface-card,.route-hero{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#252131c7;box-shadow:var(--shadow-soft)}.shell-context-section{padding:var(--space-4);margin-bottom:var(--space-4)}.shell-context-section h2{font-size:1rem;margin:0 0 var(--space-3)}.context-list{color:var(--color-text-muted);padding-left:1.1rem;margin:var(--space-3) 0 0}.route-stack{display:grid;gap:var(--space-6)}.route-hero{padding:var(--space-8)}.route-hero h1{font-size:clamp(2rem,5vw,4rem);line-height:1;margin:0 0 var(--space-4)}.route-hero p{color:var(--color-text-muted);max-width:58rem}.eyebrow{color:var(--color-accent-strong);font-size:.78rem;font-weight:800;letter-spacing:.14em;margin:0 0 var(--space-3);text-transform:uppercase}.dashboard-grid,.placeholder-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr))}.surface-card{padding:var(--space-5)}.surface-card h2{margin:0 0 var(--space-3);font-size:1.05rem}.surface-card p{color:var(--color-text-muted);margin:0 0 var(--space-4)}.ui-button{align-items:center;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-weight:750;gap:var(--space-2);justify-content:center;transition:transform .12s ease,background .16s ease,border-color .16s ease,color .16s ease}.ui-button:hover{transform:translateY(-1px)}.ui-button:disabled,.ui-button[data-disabled=true]{cursor:not-allowed;opacity:.52;transform:none}.ui-button--primary{background:var(--color-accent);color:#130f1d;box-shadow:var(--shadow-glow)}.ui-button--secondary{background:var(--color-panel-strong);border-color:var(--color-border-strong);color:var(--color-text)}.ui-button--ghost{background:transparent;color:var(--color-text-muted)}.ui-button--danger{background:#ff7b7224;border-color:#ff7b724d;color:var(--color-danger)}.ui-button--sm{min-height:2rem;padding:.35rem .7rem;font-size:.85rem}.ui-button--md{min-height:2.5rem;padding:.55rem 1rem;font-size:.95rem}.ui-button--lg{min-height:3rem;padding:.75rem 1.2rem;font-size:1rem}@media(max-width:1100px){.app-shell-layout{grid-template-columns:minmax(13rem,15rem) minmax(0,1fr)}.shell-context{display:none}.dashboard-grid,.placeholder-grid{grid-template-columns:1fr}}@media(max-width:760px){.app-shell-layout{grid-template-columns:1fr}.shell-sidebar{border-right:0;border-bottom:1px solid var(--color-border)}.shell-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.shell-topbar{align-items:flex-start;flex-direction:column}.shell-content{padding:var(--space-4)}}