:root{--bg:#0f172a;--surface:#192134;--surface-strong:#202c43;--surface-muted:#10192e;--ink:#f8fafc;--muted:#aab8cc;--line:rgba(255,255,255,.12);--primary:#3e78b2;--accent:#20bd88;--danger:#f87171;--focus:#fff;--sans:"Fira Sans",Inter,Arial,sans-serif;--mono:"Fira Code",ui-monospace,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 var(--sans)}button,input{font:inherit}button,a{transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}a{color:inherit}.skip-link{position:fixed;z-index:20;left:1rem;top:-5rem;padding:.75rem 1rem;background:#fff;color:#0f172a;border-radius:.4rem}.skip-link:focus{top:1rem}.app-shell{min-height:100vh;display:grid;grid-template-columns:16.5rem minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:1.5rem 1rem;display:flex;flex-direction:column;background:#10192e;border-right:1px solid var(--line)}.brand{display:flex;gap:.7rem;align-items:center;text-decoration:none;padding:.35rem .5rem 1.9rem}.brand-mark{display:grid;place-items:center;width:2.35rem;height:2.35rem;border-radius:.55rem;background:var(--accent);color:#071b15}.brand-mark svg{width:1.45rem;fill:currentColor}.brand strong,.brand small{display:block}.brand strong{font-size:1.05rem;letter-spacing:.03em}.brand small,.nav-label,.eyebrow{font:600 .68rem/1.2 var(--mono);letter-spacing:.12em}.brand small,.nav-label{color:var(--muted);margin-top:.15rem}.nav-label{margin:1rem .65rem .45rem}nav{display:grid;gap:.22rem}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.7rem .7rem;border-radius:.4rem;text-decoration:none;color:#c4d0e1}.nav-link span{width:1rem;text-align:center;color:#96abc4}.nav-link:hover,.nav-link:focus-visible{background:rgba(255,255,255,.08);color:#fff}.nav-link.is-active{background:#1e3a5f;color:#fff}.nav-link.is-active span{color:#69d9b4}.sidebar-footer{margin-top:auto;padding:.9rem .65rem 0;border-top:1px solid var(--line)}.connection-state{display:flex;gap:.5rem;align-items:center;font-size:.83rem}.status-dot{width:.55rem;height:.55rem;border-radius:50%;background:#eab308;box-shadow:0 0 0 .2rem rgba(234,179,8,.13)}.status-dot.is-live{background:var(--accent);box-shadow:0 0 0 .2rem rgba(32,189,136,.13)}.status-dot.is-error{background:var(--danger);box-shadow:0 0 0 .2rem rgba(248,113,113,.13)}.server-address{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font:.72rem var(--mono);margin:.45rem 0 0}.page{min-width:0}.topbar{min-height:4.6rem;padding:0 clamp(1.2rem,3vw,3.2rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(15,23,42,.92);backdrop-filter:blur(12px);position:sticky;top:0;z-index:5}.context{display:grid;gap:.18rem}.eyebrow{margin:0;color:#72d8b4}.breadcrumb{font-size:.82rem;color:var(--muted)}.breadcrumb span{margin:0 .4rem;color:#72829b}.top-actions{display:flex;align-items:center;gap:.6rem}.icon-button{width:2.5rem;height:2.5rem;border:1px solid var(--line);border-radius:.4rem;background:transparent;color:var(--ink);cursor:pointer}.icon-button:hover{background:rgba(255,255,255,.08)}.operator{display:flex;align-items:center;gap:.5rem;border:0;background:transparent;color:var(--ink);cursor:pointer;padding:.25rem}.operator-avatar{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:#334155;font:600 .7rem var(--mono)}main{max-width:92rem;margin:auto;padding:clamp(1.5rem,4vw,3.7rem)}.hero{display:flex;justify-content:space-between;gap:2rem;align-items:end;padding:0 0 2.5rem}.hero h1{font-size:clamp(2rem,4.3vw,4rem);max-width:15ch;line-height:1.05;letter-spacing:-.045em;margin:.55rem 0 1rem}.hero-copy{max-width:39rem;margin:0;color:#c4d0e1;font-size:1.06rem}.hero-actions{display:flex;gap:.65rem;flex-wrap:wrap}.button{min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.65rem 1rem;border:1px solid var(--line);border-radius:.4rem;text-decoration:none;font-weight:600;cursor:pointer}.button-primary{background:var(--accent);border-color:var(--accent);color:#062219}.button-primary:hover{background:#55d6ac;transform:translateY(-1px)}.button-secondary{background:transparent;color:#edf4ff}.button-secondary:hover{background:rgba(255,255,255,.08)}.purpose-strip{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:var(--surface-muted)}.purpose-strip>div{display:flex;gap:.75rem;padding:1.1rem 1.25rem;border-right:1px solid var(--line)}.purpose-strip>div:last-child{border:0}.purpose-number{font:.75rem var(--mono);color:#72d8b4}.purpose-strip strong,.purpose-strip small{display:block}.purpose-strip small{margin-top:.16rem;color:var(--muted);font-size:.8rem}.section{margin-top:4rem}.section-heading{display:flex;justify-content:space-between;gap:1.5rem;align-items:end;margin-bottom:1rem}.section h2{margin:.35rem 0 0;font-size:1.5rem;letter-spacing:-.02em}.refresh-status,.section-note{max-width:27rem;margin:0;color:var(--muted);font-size:.8rem;text-align:right}.posture-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.metric-card,.action-card{border:1px solid var(--line);background:var(--surface);padding:1.15rem}.metric-card{min-height:10.6rem}.metric-card-primary{border-color:rgba(32,189,136,.55);background:linear-gradient(145deg,#163d3a,#192134 65%)}.metric-card-muted{background:#141d30}.metric-icon,.card-icon{color:#72d8b4;font:600 1.05rem var(--mono)}.metric-card p{margin:.8rem 0 .2rem;color:var(--muted);font-size:.8rem}.metric-card strong{display:block;font-size:1.2rem}.metric-card span{display:block;margin-top:.25rem;color:#c4d0e1;font-size:.78rem}.operations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.action-card{min-height:16rem;display:flex;flex-direction:column}.action-card-featured{grid-row:span 2;grid-column:span 2;background:linear-gradient(130deg,#1e3a5f,#192134 68%)}.card-kicker{display:flex;align-items:center;gap:.55rem;color:#adc0d8;font:600 .67rem var(--mono);letter-spacing:.11em}.action-card h3{font-size:1.25rem;margin:1.2rem 0 .45rem}.action-card p{color:#c5d0df;margin:0;font-size:.88rem}.text-action{align-self:flex-start;margin-top:auto;padding:.85rem 0 0;border:0;background:none;color:#72d8b4;font-weight:600;cursor:pointer}.text-action:hover{color:#fff}.workspace-form{margin-top:auto;padding-top:1.35rem}.workspace-form label{display:block;margin-bottom:.4rem;font-size:.78rem;font-weight:600}.input-action{display:flex;gap:.5rem}.input-action input{min-width:0;flex:1;padding:.62rem .7rem;border:1px solid rgba(255,255,255,.25);border-radius:.35rem;background:#10192e;color:#fff}.input-action input::placeholder{color:#8091a9}.form-status{min-height:1.5rem;margin:.55rem 0 0!important;font-size:.78rem!important}.form-status.is-error{color:#ffaaa6}.form-status.is-success{color:#85e5c5}.safety-callout{display:flex;gap:1rem;align-items:center;padding:1.35rem;border-left:3px solid var(--accent);background:var(--surface-muted)}.safety-callout h2{font-size:1.15rem}.safety-callout p:not(.eyebrow){margin:.4rem 0 0;color:#c4d0e1;font-size:.87rem}.safety-icon{font:1.6rem var(--mono);color:#72d8b4}.safety-callout .button{margin-left:auto;white-space:nowrap}dialog{width:min(34rem,calc(100% - 2rem));border:1px solid var(--line);border-radius:.55rem;padding:1.4rem;background:#192134;color:#fff;box-shadow:0 1.5rem 5rem rgba(0,0,0,.45)}dialog::backdrop{background:rgba(2,6,23,.72)}.dialog-header{display:flex;justify-content:space-between;gap:1rem}.dialog-header h2{margin:.3rem 0}.dialog-header+p{color:#c4d0e1}dialog li{margin:.6rem 0;color:#c4d0e1}kbd{padding:.1rem .3rem;border:1px solid #64748b;border-radius:.2rem;background:#10192e;color:#fff;font:.75rem var(--mono)}.notice{position:fixed;right:1rem;bottom:1rem;max-width:22rem;padding:.75rem 1rem;border:1px solid var(--line);border-radius:.4rem;background:#253752;color:#fff;opacity:0;transform:translateY(.5rem);pointer-events:none;transition:.18s}.notice.is-visible{opacity:1;transform:none}@media(max-width:1024px){.app-shell{grid-template-columns:13.5rem minmax(0,1fr)}.posture-grid{grid-template-columns:repeat(2,1fr)}.operations-grid{grid-template-columns:repeat(2,1fr)}.action-card-featured{grid-column:span 2}}@media(max-width:720px){.app-shell{display:block}.sidebar{position:static;height:auto;padding:.9rem;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0 .35rem .75rem}.sidebar nav{display:flex;overflow:auto;padding-bottom:.15rem}.nav-label,.sidebar-footer{display:none}.nav-link{white-space:nowrap;padding:.55rem}.topbar{padding:0 1rem}.context .eyebrow,.operator span:not(.operator-avatar){display:none}main{padding:1.5rem 1rem}.hero,.section-heading,.safety-callout{align-items:flex-start;flex-direction:column}.hero h1{font-size:2.35rem}.purpose-strip,.posture-grid,.operations-grid{grid-template-columns:1fr}.purpose-strip>div{border-right:0;border-bottom:1px solid var(--line)}.purpose-strip>div:last-child{border-bottom:0}.action-card-featured{grid-row:auto;grid-column:auto}.action-card{min-height:14rem}.refresh-status,.section-note{text-align:left}.safety-callout .button{margin-left:0}.input-action{align-items:stretch;flex-direction:column}.input-action .button{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}