:root{color-scheme:dark;--bg: #090a0f;--bg-deep: #05060a;--panel: rgba(15, 17, 24, .92);--panel-strong: rgba(21, 24, 34, .96);--panel-soft: rgba(255, 255, 255, .03);--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .15);--text: #f4f3f8;--muted: #979cb2;--subtle: #6c7288;--amber: #8bf4e2;--cyan: #5dd8d0;--red: #ff6f8c;--green: #7dd8a6;--glow: 0 24px 80px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.02),transparent 55%),radial-gradient(circle at 12% 16%,rgba(118,208,255,.07),transparent 24%),radial-gradient(circle at 88% 82%,rgba(93,216,208,.08),transparent 22%),linear-gradient(180deg,#05060a,#090a0f)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.08;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:100% 7px,7px 100%;mix-blend-mode:soft-light}button,input,select{font:inherit}button{cursor:pointer}.app-shell{position:relative;display:grid;grid-template-columns:272px minmax(0,1fr);min-height:100vh}.app-shell.auth-shell{grid-template-columns:minmax(0,1fr)}.ambient{position:fixed;border-radius:999px;filter:blur(120px);opacity:.12;pointer-events:none}.ambient-a{top:2%;left:18%;width:320px;height:320px;background:var(--cyan)}.ambient-b{right:8%;bottom:8%;width:360px;height:360px;background:var(--amber)}.command-rail{position:relative;display:flex;flex-direction:column;gap:1.2rem;padding:1.25rem;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent),#0a0c11f0;border-right:1px solid rgba(255,255,255,.05);z-index:1}.rail-brand,.surface-card,.top-bar,.page-shell,.login-panel,.login-side,.metric-tile{background:linear-gradient(180deg,#ffffff06,#ffffff03),var(--panel);border:1px solid var(--line);box-shadow:var(--glow)}.rail-brand{padding:1rem 1rem 1.1rem;border-radius:18px}.brand-lockup{display:flex;align-items:center;gap:.9rem;margin-bottom:.85rem}.brand-mascot{position:relative;width:58px;height:58px;flex:0 0 auto;border-radius:22px 22px 20px 20px;background:radial-gradient(circle at 32% 58%,#f7fafb 0 9px,transparent 10px),radial-gradient(circle at 68% 58%,#f7fafb 0 9px,transparent 10px),radial-gradient(circle at 50% 74%,#f7fafb 0 15px,transparent 16px),linear-gradient(180deg,#16303a,#10212a);border:1px solid rgba(139,244,226,.22);box-shadow:inset 0 1px #ffffff14,0 18px 40px #00000052}.brand-mascot-cap{position:absolute;top:-10px;left:8px;width:42px;height:20px;border-radius:18px 18px 14px 14px;background:linear-gradient(180deg,#f7fafb,#c3fff7);box-shadow:0 6px 18px #5dd8d047}.brand-mascot-face{position:absolute;top:0;right:0;bottom:0;left:0}.brand-mascot-face:before,.brand-mascot-face:after{content:"";position:absolute;top:27px;width:8px;height:14px;border-radius:999px;background:#0d1820}.brand-mascot-face:before{left:18px}.brand-mascot-face:after{right:18px}.rail-brand h1,.top-bar-copy h2,.login-panel h2{margin:0;font-family:Georgia,Times New Roman,serif;line-height:.96;letter-spacing:-.04em}.rail-brand h1{font-size:2.2rem}.top-bar-copy h2,.login-panel h2{font-size:clamp(2rem,4vw,3.8rem)}.rail-brand p,.top-bar-copy p,.page-shell-note,.surface-card p,.builder-note,.login-panel p,.login-side p,.list-rows li span,.control-block small{color:var(--muted);line-height:1.55}.rail-kicker,.eyebrow,.signal-eyebrow,.rail-group-label,.control-label{display:inline-block;color:var(--amber);font-family:IBM Plex Mono,monospace;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.rail-nav{display:grid;gap:1rem;min-height:0;overflow:auto;padding-right:.25rem}.rail-group{display:grid;gap:.45rem}.rail-link{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:.8rem;width:100%;padding:.72rem .8rem;border-radius:14px;border:1px solid transparent;background:transparent;color:var(--muted);text-align:left;transition:.18s ease}.rail-link span{color:#ffffff47;font-family:IBM Plex Mono,monospace;font-size:.8rem}.rail-link strong{font-size:.95rem;font-weight:500}.rail-link:hover,.rail-link.active{color:var(--text);border-color:#ffffff14;background:#ffffff09;transform:translate(4px)}.content-stage{display:grid;gap:1rem;padding:1.15rem}.auth-stage{min-height:100vh;width:min(1320px,calc(100vw - 2.3rem));margin:0 auto;align-content:center}.top-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;padding:1.1rem 1.2rem;border-radius:22px}.top-bar-controls{display:flex;gap:.8rem;align-items:end}.control-block{display:grid;gap:.25rem;min-width:180px}.session-chip{min-width:180px;padding:.75rem .9rem;border-radius:16px;background:var(--panel-strong);border:1px solid var(--line)}.metrics-rack{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}.metric-tile{padding:.95rem 1rem;border-radius:18px}.metric-tile strong{display:block;font-size:1.8rem;letter-spacing:-.04em}.page-shell{display:grid;gap:1rem;padding:1rem;border-radius:24px}.page-shell-header{display:flex;justify-content:space-between;gap:1rem;align-items:end;padding-bottom:.2rem}.page-shell-pills{display:flex;gap:.55rem;flex-wrap:wrap}.pill{padding:.45rem .7rem;border-radius:999px;border:1px solid var(--line);background:#ffffff08;color:var(--muted);font-size:.82rem}.page-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:1rem}.primary-column,.secondary-column{display:grid;gap:1rem}.metric-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.surface-card{padding:1rem 1.05rem;border-radius:20px}.metric-panel{min-height:160px;justify-content:end}.metric-panel h3{margin:0;font-size:2.7rem;letter-spacing:-.05em}.narrative-card h3,.ledger-card h3,.builder-card h3,.list-card h3,.setup-card h3{margin:0 0 .4rem;font-size:1.2rem}.support-grid{display:grid;gap:1rem}.list-rows{display:grid;gap:.55rem;padding:0;list-style:none;margin:0}.list-rows li{display:grid;gap:.2rem;padding:.78rem .85rem;border-radius:14px;background:#ffffff06;border:1px solid rgba(255,255,255,.05)}.list-rows li strong{font-weight:600}.action-rows li{grid-template-columns:minmax(0,1fr) auto;align-items:center}.row-copy{display:grid;gap:.2rem;min-width:0}.signal-stack-card{gap:.75rem}.stack-stat{display:flex;justify-content:space-between;align-items:center;padding:.75rem .8rem;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.stack-stat label{color:var(--subtle);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.setup-grid{display:grid;gap:.75rem;margin-top:.85rem}.setup-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.9rem;align-items:center;padding:.9rem 1rem;border-radius:16px;background:#ffffff07;border:1px solid rgba(255,255,255,.06)}.setup-item.done{border-color:#7dd8a62e;background:#7dd8a60d}.setup-item div{display:grid;gap:.2rem}.crud-shell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:1rem}.builder-card,.list-card{min-height:420px}.builder-card form{display:grid;gap:.7rem}.button-row{display:flex;gap:.7rem;flex-wrap:wrap}.field-input,select.field-input{width:100%;padding:.85rem .92rem;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text);outline:none}.field-input.compact{min-width:180px}.field-input:focus,select.field-input:focus{border-color:#76d0ff59;box-shadow:0 0 0 1px #76d0ff38}.action-button{padding:.82rem 1rem;border-radius:14px;border:1px solid rgba(255,255,255,.09);background:#ffffff09;color:var(--text)}.action-button.primary{background:linear-gradient(90deg,#ffbd662e,#76d0ff1f)}.error-panel{background:#3a101ad1;border-color:#ff6f8c59}.code-block{margin:0;padding:1rem;border-radius:16px;overflow:auto;background:#080a11;border:1px solid rgba(255,255,255,.05);color:#d5d8e7}.login-shell{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:1rem;align-items:stretch;width:100%}.login-panel,.login-side{border-radius:28px;padding:1.5rem}.login-panel{display:grid;gap:1rem;align-content:end;min-height:min(72vh,760px)}.login-panel h2{max-width:11ch;font-size:clamp(3rem,7vw,6rem);color:#f3efe8;text-shadow:0 10px 35px rgba(0,0,0,.28)}.login-panel p{max-width:58ch;font-size:1.02rem;color:#e9edf7c7}.login-side{display:grid;align-content:end;min-height:min(72vh,760px)}.mini-surface{display:grid;gap:.7rem;padding:1.2rem;border-radius:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.mini-surface p{margin:0;font-size:1.02rem;color:#e9edf7cc}.tone-amber{box-shadow:inset 0 1px #ffbd661f,var(--glow)}.tone-cyan{box-shadow:inset 0 1px #76d0ff1f,var(--glow)}.tone-green{box-shadow:inset 0 1px #7dd8a61f,var(--glow)}.tone-red{box-shadow:inset 0 1px #ff6f8c1f,var(--glow)}@media(max-width:1100px){.metrics-rack,.metric-board,.crud-shell,.page-grid,.login-shell{grid-template-columns:1fr}.auth-stage{width:min(980px,calc(100vw - 2rem))}.login-panel h2{max-width:13ch;font-size:clamp(2.7rem,10vw,4.6rem)}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.command-rail{border-right:0;border-bottom:1px solid rgba(255,255,255,.05)}.top-bar{grid-template-columns:1fr}.top-bar-controls{flex-direction:column;align-items:stretch}.auth-stage{width:calc(100vw - 1.5rem);padding:.75rem}.login-panel,.login-side{min-height:auto;padding:1.1rem}}