:root{color:#f3f7ff;font-synthesis:none;text-rendering:optimizelegibility;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#070b13;--surface:#0d1421;--surface-raised:#111b2b;--surface-soft:#151f30;--border:#a8bede26;--border-strong:#3b82f65c;--text:#f3f7ff;--muted:#99a8bd;--accent:#3b82f6;--accent-blue:#60a5fa;--danger:#ff7c8f;--warning:#ffc868;background:#070b13;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--background);min-width:320px;min-height:100%}body{background:radial-gradient(circle at 82% 4%, #2977a424, transparent 32rem), radial-gradient(circle at 7% 100%, #3b82f617, transparent 28rem), var(--background);min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #58a6ffcc}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}h1,h2,p{margin-top:0}.skip-link{z-index:100;color:#06100e;background:var(--accent);border-radius:.6rem;padding:.7rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.brand{color:var(--text);letter-spacing:-.025em;white-space:nowrap;align-items:center;gap:.7rem;font-size:1.05rem;font-weight:750;display:inline-flex}.brand-logo{object-fit:contain;filter:drop-shadow(0 0 .7rem #3b82f66b);width:2.15rem;height:2.15rem;display:block}.brand-accent{color:var(--accent)}.app-shell{min-height:100vh}.topbar{z-index:10;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070b13e0;grid-template-columns:minmax(10rem,15rem) 1fr auto;align-items:center;min-height:4.25rem;padding:0 1.5rem;display:grid;position:sticky;top:0}.topbar-context,.account-chip{align-items:center;gap:.65rem;display:flex}.surface-label,.account-chip{color:var(--muted);font-size:.82rem}.environment-pill,.status-pill{width:fit-content;color:var(--warning);letter-spacing:.04em;text-transform:uppercase;background:#ffc86814;border:1px solid #ffc86847;border-radius:999px;align-items:center;padding:.28rem .52rem;font-size:.7rem;font-weight:700;display:inline-flex}.account-chip{min-width:0;max-width:18rem}.account-chip span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-dot{background:var(--accent);border-radius:50%;flex:none;width:.5rem;height:.5rem;box-shadow:0 0 .75rem #3b82f699}.shell-body{grid-template-columns:15rem minmax(0,1fr);min-height:calc(100vh - 4.25rem);display:grid}.sidebar{border-right:1px solid var(--border);background:#0a101b85;flex-direction:column;justify-content:space-between;padding:1.5rem 1rem;display:flex}.nav-list{gap:.35rem;display:grid}.nav-link{color:var(--muted);border:1px solid #0000;border-radius:.7rem;padding:.78rem .85rem;text-decoration:none;transition:all .13s}.nav-link:hover{color:var(--text);background:#ffffff09}.nav-link-active{border-color:var(--border);color:var(--text);box-shadow:inset 3px 0 0 var(--accent);background:linear-gradient(90deg,#3b82f61f,#58a6ff0a)}.sidebar-note{color:#718096;margin:2rem .8rem 0;font-size:.75rem;line-height:1.55}.main-content{width:min(100%,76rem);padding:clamp(1.5rem,3.5vw,3.5rem)}.main-content:focus{outline:none}.page-stack{gap:1.75rem;display:grid}.page-heading{max-width:48rem}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.55rem;font-size:.72rem;font-weight:750;display:block}.page-heading h1,.auth-copy h1,.not-found h1{color:var(--text);letter-spacing:-.045em;margin-bottom:.7rem;font-size:clamp(1.85rem,4vw,2.75rem);line-height:1.08}.page-heading p,.auth-copy p,.not-found p{max-width:42rem;color:var(--muted);margin-bottom:0;line-height:1.65}.product-card{isolation:isolate;border:1px solid var(--border-strong);background:linear-gradient(145deg,#111b2bf5,#0a111df5);border-radius:1.2rem;padding:clamp(1.25rem,3vw,2rem);position:relative;overflow:hidden;box-shadow:0 1.4rem 4rem #0003}.product-glow{z-index:-1;filter:blur(3rem);background:#3b82f61f;border-radius:50%;width:22rem;height:22rem;position:absolute;top:-10rem;right:-9rem}.product-title-row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.product-title-row h2{letter-spacing:-.035em;margin-bottom:0;font-size:clamp(1.45rem,3vw,2rem)}.status-pill{color:var(--accent);background:#3b82f61a;border-color:#3b82f64d}.product-description{max-width:46rem;color:var(--muted);margin:1.25rem 0 1.5rem;line-height:1.65}.product-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.product-meta div{border:1px solid var(--border);background:#05091057;border-radius:.75rem;gap:.35rem;padding:.9rem;display:grid}.product-meta span{color:var(--muted);font-size:.74rem}.product-meta strong{color:var(--text);font-size:.86rem;font-weight:620}.button{cursor:pointer;border:1px solid #0000;border-radius:.7rem;justify-content:center;align-items:center;min-height:2.65rem;padding:.7rem 1rem;font-weight:700;text-decoration:none;display:inline-flex}.button-primary{color:#f8fbff;background:linear-gradient(135deg,#4f97ff,#2563eb)}.button-secondary{border-color:var(--border);color:var(--text);background:var(--surface-soft)}.button:disabled{color:#778395;cursor:not-allowed;background:#1b2432}.page-state{border:1px solid var(--border);background:#0d1421d1;border-radius:1rem;align-items:flex-start;gap:1rem;min-height:12rem;padding:clamp(1.25rem,3vw,2rem);display:flex}.page-state-compact{min-height:auto}.page-state h2{margin-bottom:.45rem;font-size:1.05rem}.page-state p{max-width:42rem;color:var(--muted);margin-bottom:0;line-height:1.55}.page-state .button{margin-top:1rem}.state-dot{background:var(--muted);border-radius:50%;flex:none;width:.7rem;height:.7rem;margin-top:.28rem}.state-loading{background:var(--accent-blue);animation:1s ease-in-out infinite alternate pulse}.state-error,.state-denied{background:var(--danger)}.state-empty{background:#6f8098}@keyframes pulse{0%{opacity:.4;box-shadow:0 0 #58a6ff00}to{opacity:1;box-shadow:0 0 1rem #58a6ff8c}}@media (prefers-reduced-motion:reduce){.state-loading{animation:none}.nav-link{transition:none}}.auth-page,.not-found{place-items:center;min-height:100vh;padding:1.25rem;display:grid}.auth-card{border:1px solid var(--border);background:#0d1421eb;border-radius:1.2rem;gap:1.6rem;width:min(100%,31rem);padding:clamp(1.5rem,5vw,2.5rem);display:grid;box-shadow:0 2rem 6rem #0000004d}.auth-copy h1{font-size:clamp(1.8rem,8vw,2.5rem)}.staging-notice{color:var(--warning);background:#ffc8680f;border:1px solid #ffc86838;border-radius:.75rem;gap:.35rem;padding:1rem;line-height:1.5;display:grid}.staging-notice span,.fine-print{color:var(--muted);font-size:.8rem}.auth-form{gap:.75rem;display:grid}.auth-form label{color:var(--text);font-size:.82rem;font-weight:700}.auth-form input{border:1px solid var(--border-strong);width:100%;min-height:2.8rem;color:var(--text);background:#050910ad;border-radius:.7rem;outline:none;padding:.72rem .82rem}.auth-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f629}.auth-success{color:var(--accent);background:#3b82f617;border:1px solid #3b82f64d;border-radius:.75rem;gap:.35rem;padding:1rem;line-height:1.5;display:grid}.auth-success span{color:var(--muted);font-size:.82rem}.auth-error{color:#ff8f9b;margin-bottom:0;font-size:.82rem;line-height:1.5}.fine-print{text-align:center;margin-bottom:0}.not-found{text-align:center;align-content:center}.not-found .button{margin-top:1.2rem}@media (width<=760px){.topbar{grid-template-columns:1fr auto;min-height:4rem;padding:0 1rem}.topbar-context{justify-self:end}.surface-label,.account-chip{display:none}.shell-body{display:block}.sidebar{z-index:9;border-right:0;border-bottom:1px solid var(--border);background:#070b13f0;padding:.65rem 1rem;display:block;position:sticky;top:4rem;overflow-x:auto}.nav-list{width:max-content;display:flex}.nav-link{white-space:nowrap;padding:.65rem .8rem}.nav-link-active{box-shadow:inset 0 -2px 0 var(--accent)}.sidebar-note{display:none}.main-content{padding:1.35rem 1rem 2.5rem}.product-meta{grid-template-columns:1fr}.product-title-row{flex-direction:column;align-items:flex-start}}