:root{--bg:#050a12;--panel:#0a1422;--panel2:#0d1c2f;--line:#1e3854;--text:#edf5ff;--muted:#91a7bd;--cyan:#64dcff;--blue:#5ca9ff;--violet:#9b8fff;--danger:#ff7f92;--shadow:0 24px 70px #0008}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% -10%,#143b55 0,transparent 36%),var(--bg);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,sans-serif}.portal-shell{display:flex;min-height:100vh}.sidebar{width:250px;flex:none;border-right:1px solid var(--line);padding:28px 16px 18px;background:#08131f}.brand{display:flex;align-items:center;gap:11px}.brand strong{display:block;letter-spacing:.02em;font-size:17px}.brand span{display:block;color:var(--muted);font-size:10px;letter-spacing:.16em;margin-top:2px}.brand-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-weight:800;color:#06111d;background:linear-gradient(135deg,var(--cyan),var(--blue));box-shadow:0 0 28px #69e4d055}.workspace{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;border:1px solid var(--line);padding:10px 11px;border-radius:10px;margin:34px 0 24px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}nav{display:grid;gap:5px}.nav-item{border:0;background:none;color:var(--muted);width:100%;text-align:left;padding:11px 12px;border-radius:9px;cursor:pointer;font:inherit;display:flex;align-items:center;gap:12px}.nav-item b{width:18px;text-align:center;color:#6f89a1}.nav-item:hover,.nav-item.active{background:#122438;color:var(--text)}.nav-item.active b{color:var(--cyan)}.sidebar-foot{margin-top:auto;padding-top:30px}.subtle{opacity:.7}.main{flex:1;min-width:0}.topbar{height:79px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px}.crumb{font-size:12px;letter-spacing:.14em;color:var(--muted)}.crumb span{padding:0 9px;color:#4f6b84}.crumb strong{color:var(--text);letter-spacing:0}.top-right{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:12px}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#07101b;background:var(--cyan);font-weight:800}.menu{display:none}.content{max-width:1180px;padding:42px; margin:auto}.view{display:none}.view.active{display:block}.view-head{display:flex;justify-content:space-between;gap:25px;align-items:flex-end;margin-bottom:32px}.eyebrow{margin:0 0 7px;color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.17em}.view h1{margin:0;font-size:32px;letter-spacing:-.03em}.subhead{margin:8px 0 0;color:var(--muted)}button{font:inherit}.primary,.secondary{border:0;border-radius:9px;padding:11px 16px;cursor:pointer;font-weight:750}.primary{color:#06111b;background:linear-gradient(110deg,var(--cyan),#79b8ff)}.primary:hover{filter:brightness(1.08)}.secondary{border:1px solid var(--line);color:var(--text);background:#122438}.secondary:hover,.link:hover{border-color:#5b7894}.link{border:0;background:none;color:var(--cyan);cursor:pointer}.full{width:100%}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.stat,.skeleton{min-height:130px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(135deg,#102133,#0c1725);padding:20px}.stat span,.stat small{display:block;color:var(--muted)}.stat strong{display:block;font-size:28px;margin:15px 0 3px}.grid-2,.playground-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:linear-gradient(145deg,#0e1b2a,#0b1522);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:var(--shadow);margin-bottom:18px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.panel h2{margin:0;font-size:17px}.pill{border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:11px;padding:4px 9px}.pill.good{color:var(--cyan);border-color:#2b786f}.balance{font-size:42px;font-weight:800;letter-spacing:-.04em;margin-top:30px}.balance-idr{color:var(--muted);margin-top:3px}.progress{height:6px;background:#172a3b;border-radius:99px;margin:28px 0 12px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:var(--cyan);border-radius:inherit}.balance-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.balance-meta b{color:var(--text)}.quick-panel p:not(.eyebrow){color:var(--muted);max-width:470px}.steps{display:grid;gap:10px;margin:20px 0;color:#c6d5e4;font-size:13px}.steps b{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#17334b;color:var(--cyan);margin-right:8px}.recent{margin-top:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;min-width:650px}th{font-size:10px;letter-spacing:.12em;color:#718ba4;text-transform:uppercase;font-weight:700}th,td{padding:13px 10px;border-bottom:1px solid #1b2e42}td{color:#c9d8e6;font-size:13px}td small{display:block;color:var(--muted);font-size:11px}.empty{text-align:center;color:var(--muted);padding:28px}.status{color:var(--cyan)}.status.failed{color:var(--danger)}.model-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.model-card{padding:22px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#102236,#0b1725)}.model-card h2{margin:0 0 5px}.model-card p{margin:0;color:var(--muted);font-size:12px}.model-price{display:flex;gap:28px;margin-top:25px}.model-price span{display:block;color:var(--muted);font-size:11px}.model-price b{display:block;margin-top:3px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:grid;gap:7px;color:#c3d3e1;font-size:12px;margin-bottom:17px}input,select,textarea{border:1px solid var(--line);border-radius:8px;background:#091522;color:var(--text);padding:11px 12px;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #69e4d01a}textarea{resize:vertical}.form-hint,.login-note{color:var(--muted);font-size:11px}.response-body{min-height:300px;border:1px solid var(--line);border-radius:9px;background:#08131f;padding:18px;white-space:pre-wrap;color:#d8e9f8}.response-body.empty{display:grid;place-items:center;color:var(--muted);white-space:normal}.usage-strip{margin-top:15px;padding:12px;border:1px solid #285d61;border-radius:8px;background:#0d2a2c;color:var(--cyan);font-size:12px}.hidden{display:none}.ledger-panel{margin-top:18px}.login-overlay{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:#06101bf2;padding:20px}.login-card{width:min(430px,100%);padding:34px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#102134,#0b1624);box-shadow:var(--shadow)}.login-card h1{font-size:31px;margin:25px 0 8px}.login-card .brand{margin-bottom:45px}.error{color:var(--danger);font-size:12px;min-height:18px;margin-top:12px}.toast{position:fixed;right:22px;bottom:22px;z-index:20;background:#17374a;color:var(--text);border:1px solid #31758a;padding:12px 16px;border-radius:9px;opacity:0;transform:translateY(10px);transition:.2s}.toast.show{opacity:1;transform:none}@media(max-width:900px){.sidebar{width:220px}.content{padding:30px}.topbar{padding:0 30px}}@media(max-width:700px){.sidebar{position:fixed;z-index:5;left:-260px;top:0;bottom:0;transition:.2s}.sidebar.open{left:0}.menu{display:block;border:0;background:none;color:var(--text);font-size:20px;margin-right:14px}.topbar{justify-content:flex-start;gap:10px;padding:0 18px}.top-right{margin-left:auto}.top-right #sync{display:none}.content{padding:25px 17px}.view-head{display:block}.view-head .primary,.view-head .secondary{margin-top:20px}.stats,.grid-2,.playground-grid,.model-grid{grid-template-columns:1fr}.view h1{font-size:27px}.panel{padding:17px}.balance{font-size:35px}}


@keyframes portalLoginEnter{from{opacity:0}to{opacity:1}}@keyframes portalLoginExit{from{opacity:1}to{opacity:0}}@keyframes portalLoginCardEnter{from{opacity:0;transform:translateY(18px) scale(.97);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes portalLoginCardExit{from{opacity:1;transform:none;filter:blur(0)}to{opacity:0;transform:translateY(-12px) scale(.98);filter:blur(8px)}}.portal-login-enter{animation:portalLoginEnter .3s ease-out both}.portal-login-exit{animation:portalLoginExit .28s ease-in both}.portal-login-card-enter{animation:portalLoginCardEnter .5s cubic-bezier(.2,.9,.25,1.25) both}.portal-login-card-exit{animation:portalLoginCardExit .28s ease-in both}@media(prefers-reduced-motion:reduce){.portal-login-enter,.portal-login-exit,.portal-login-card-enter,.portal-login-card-exit{animation:none}}
.buy-options{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}.buy-option{cursor:pointer}.buy-credits-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.buy-credits-cta .button{display:inline-flex;align-items:center;justify-content:center}.response-body{white-space:pre-wrap}.response-body b{color:var(--cyan)}

/* Interactive sidebar refresh: grouped navigation, focus states, and motion. */
.sidebar{display:flex;flex-direction:column;position:relative;overflow:hidden;padding:24px 14px 16px;background:linear-gradient(180deg,#071526 0%,#06101c 58%,#050d17 100%);box-shadow:18px 0 50px #0002}.sidebar:before{content:'';position:absolute;inset:-30% -45% auto auto;width:260px;height:260px;border-radius:50%;background:#328de91c;filter:blur(30px);pointer-events:none}.sidebar>*{position:relative;z-index:1}.brand{padding:2px 10px}.brand-logo{display:block;flex:none;width:34px;height:34px;object-fit:contain}.sidebar.workspace-rail .brand-logo{width:30px;height:30px}
.brand-mark{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}.brand:hover .brand-mark{transform:rotate(-8deg) scale(1.08);box-shadow:0 0 34px #69e4d088}.workspace{margin:27px 6px 18px;padding:11px 12px;background:#0b2034aa;border-color:#2b5274;border-radius:12px;box-shadow:inset 0 1px #8bd5ff12}.nav-caption{padding:0 12px;margin:0 0 7px;color:#65849d;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.nav-caption-spaced{margin-top:25px}.sidebar nav{gap:4px}.nav-item{position:relative;overflow:hidden;min-height:43px;padding:10px 11px;color:#8fa8be;border:1px solid transparent;border-radius:12px;transition:color .22s ease,background .22s ease,border-color .22s ease,transform .22s ease,box-shadow .22s ease;animation:sidebarNavIn .42s both;animation-delay:calc(var(--nav-index,0) * 35ms)}.nav-item b{flex:0 0 24px;width:24px;color:#7290aa;font-size:16px;transition:color .22s ease,transform .22s ease}.nav-label{flex:1;white-space:nowrap}.nav-arrow{opacity:0;transform:translateX(-5px);color:#76c7ff;font-size:14px;transition:opacity .22s,transform .22s}.nav-badge{padding:3px 6px;border:1px solid #3f8bc055;border-radius:5px;color:#77c6ff;font-size:8px;font-weight:800;letter-spacing:.08em;opacity:.85}.nav-item:hover{background:#102943;border-color:#24557c;color:#eaf5ff;transform:translateX(3px);box-shadow:0 8px 20px #0002}.nav-item:hover b,.nav-item.active b{color:#72d9ff;transform:scale(1.12)}.nav-item:hover .nav-arrow,.nav-item.active .nav-arrow{opacity:1;transform:translateX(0)}.nav-item.active{background:linear-gradient(100deg,#123657,#0d253d);border-color:#2f6c9b;color:#f5fbff;box-shadow:inset 3px 0 #64d8ff,0 8px 24px #0002}.nav-item.active:after{content:'';position:absolute;right:0;top:9px;bottom:9px;width:3px;border-radius:3px;background:#65dfff;box-shadow:0 0 14px #65dfff}.nav-item.subtle{color:#7892a8}.sidebar-foot{padding-top:18px;margin-top:auto;border-top:1px solid #1a354d}.sidebar-foot .nav-item:hover{color:#ffb6c0;background:#321d2a;border-color:#653340}.nav-ripple{position:absolute;width:8px;height:8px;border-radius:50%;background:#a7eaff88;transform:translate(-50%,-50%) scale(0);pointer-events:none;animation:navRipple .55s ease-out}.menu{border:1px solid #2a5275;background:#0d2136;color:#a6d8ff;border-radius:10px;width:38px;height:38px;cursor:pointer;transition:transform .25s,background .25s}.menu:hover,.menu.is-open{background:#173a5d;transform:rotate(90deg)}@keyframes sidebarNavIn{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}@keyframes navRipple{to{transform:translate(-50%,-50%) scale(18);opacity:0}}
@media(min-width:761px){.menu{display:none}}
@media(max-width:760px){.portal-shell{display:block}.sidebar{position:fixed;inset:0 auto 0 0;width:min(292px,88vw);z-index:60;transform:translateX(-105%);transition:transform .34s cubic-bezier(.2,.8,.2,1);box-shadow:20px 0 60px #0008}.sidebar.open{transform:translateX(0)}body.sidebar-open:after{content:'';position:fixed;inset:0;z-index:50;background:#0008;backdrop-filter:none;pointer-events:auto;animation:sidebarBackdrop .25s ease-out}.main{width:100%}.topbar{height:68px;padding:0 18px}.menu{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;position:relative;z-index:90;pointer-events:auto}.topbar{position:relative;z-index:90}.portal-shell .sidebar.workspace-rail{z-index:80}.main{position:relative;z-index:1}.crumb{font-size:10px}.top-right{gap:8px}.nav-item:hover{transform:translateX(2px)}}@keyframes sidebarBackdrop{from{opacity:0}to{opacity:1}}

body{font-family:'Be Vietnam Pro',Inter,system-ui,sans-serif;background:radial-gradient(ellipse at 80% -12%,#103b70 0,transparent 34%),radial-gradient(ellipse at 10% 100%,#0a2646 0,transparent 32%),var(--bg)}body:before{content:'';position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#8dc8ff07 1px,transparent 1px),linear-gradient(90deg,#8dc8ff07 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(#000,transparent 80%)}.sidebar{background:#06101cf5}.brand-mark{background:linear-gradient(145deg,#16385e,#0c1b30);color:#d7efff;border:1px solid #83c4ff55;box-shadow:0 0 28px #348ee344}.nav-item:hover,.nav-item.active{background:#102944}.nav-item.active{box-shadow:inset 2px 0 #5ca9ff}.topbar{background:#050b14aa;backdrop-filter:blur(16px)}.avatar{border:1px solid #3476ad;border-radius:10px;background:#102944;color:#9dceff}.view h1{font-weight:600;letter-spacing:-.045em}.eyebrow{color:#75b9fa}.primary{color:#fff;background:linear-gradient(110deg,#246cc0,#398ee8);border:1px solid #5ba8ff;box-shadow:0 7px 24px #1f68b744}.primary:hover{transform:translateY(-2px);box-shadow:0 11px 30px #1f68b766}.secondary{background:#0d1d30;border-color:#2c4b6b}.secondary:hover{border-color:#68b5ff;background:#112946}.panel,.stat,.skeleton,.model-card,.login-card{background:linear-gradient(145deg,#0c1a2b,#08121f);box-shadow:0 12px 32px #0003}.panel,.stat,.model-card,.login-card{border-color:#1e3854}.profile-panel{display:grid;grid-template-columns:1fr 1fr;gap:28px}.profile-meta{display:grid;gap:15px;align-content:start;padding-left:25px;border-left:1px solid var(--line)}.profile-meta>div{display:grid;gap:5px}.profile-meta span{color:var(--muted);font-size:11px}.copy-row{display:flex;align-items:center;gap:12px}.copy-row strong{letter-spacing:.08em}.referral-info{margin-top:18px}.referral-info li{color:var(--muted);margin:10px 0}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid #64dcff;outline-offset:2px}.login-overlay{background:#030a14f5}.login-card{border-color:#2b4c70;background:linear-gradient(145deg,#0e2136,#081321)}@media(max-width:700px){.profile-panel{grid-template-columns:1fr}.profile-meta{padding:20px 0 0;border-left:0;border-top:1px solid var(--line)}}.portal-skeleton.hidden{display:none!important}
/* Landing-aligned portal refresh: terminal dark canvas, compact cards, and animated workspace navigation. */
.icon-only{--workspace-rail:1}
:root{--bg:#08080a;--panel:#101012;--panel2:#151519;--line:#29292f;--text:#f2f2ef;--muted:#96969f;--cyan:#7affb8;--blue:#7affb8;--violet:#c2a8ff;--danger:#ff858f;--shadow:0 24px 70px #0009}
body.portal-visual-refresh,body{background:radial-gradient(ellipse at 78% -12%,#19352b 0,transparent 32%),radial-gradient(ellipse at 8% 100%,#17131f 0,transparent 34%),var(--bg);color:var(--text);font-family:'JetBrains Mono','SFMono-Regular',Consolas,monospace}.portal-shell{position:relative}.portal-shell:before{content:'';position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(#000,transparent 78%);z-index:-1}
.sidebar.workspace-rail{width:73px;min-height:100vh;position:fixed;left:0;top:0;z-index:20;padding:24px 0 18px;align-items:stretch;background:rgba(8,8,10,.9);border-right:1px solid var(--line);backdrop-filter:blur(18px);overflow:visible;transition:width .28s cubic-bezier(.2,.8,.2,1),background .28s ease}.workspace-rail:hover{width:214px;background:rgba(13,13,16,.98)}.workspace-rail .brand{width:30px;margin:0 21px;padding:0;overflow:hidden;white-space:nowrap;transition:width .28s ease}.workspace-rail:hover .brand{width:174px}.workspace-rail .brand-mark{flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:linear-gradient(145deg,#75e6ad,#c2a8ff);color:#08080a;border:0;box-shadow:0 0 25px #75e6ad44}.workspace-rail .workspace{width:30px;margin:28px 21px 18px;padding:0;height:30px;justify-content:center;overflow:hidden;white-space:nowrap;border:1px solid var(--line);border-radius:9px;background:#ffffff05;transition:width .28s ease,justify-content .28s ease}.workspace-rail:hover .workspace{width:172px;justify-content:flex-start;padding:0 10px}.workspace-rail .workspace .live-dot{flex:none}.workspace-rail .nav-caption{height:0;overflow:hidden;opacity:0;margin:0}.workspace-rail:hover .nav-caption{height:auto;opacity:1;padding:0 21px;margin:0 0 7px;font-size:8px;letter-spacing:.16em;color:#777781}.workspace-rail nav{padding:0 21px;gap:12px}.workspace-rail .nav-item{width:30px;height:30px;min-height:30px;box-sizing:border-box;padding:0;justify-content:center;gap:0;border:1px solid var(--line);border-radius:9px;background:#ffffff04;position:relative;overflow:visible;transition:width .26s cubic-bezier(.2,.8,.2,1),color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}.workspace-rail .nav-item:hover,.workspace-rail .nav-item.active{background:#75e6ad12;border-color:#75e6ad77;color:var(--cyan)}.workspace-rail .nav-item:hover{width:172px;justify-content:flex-start;padding-left:7px;transform:translateX(2px)}.workspace-rail .nav-item b{width:28px;flex:0 0 28px;color:var(--muted);font-size:14px;transition:transform .22s ease,color .22s ease}.workspace-rail .nav-item:hover b,.workspace-rail .nav-item.active b{color:var(--cyan);transform:scale(1.12)}.workspace-rail .nav-label{position:absolute;left:42px;opacity:0;transform:translateX(-7px);font-size:9px;letter-spacing:.05em;transition:opacity .18s ease,transform .24s ease}.workspace-rail .nav-item:hover .nav-label,.workspace-rail .nav-item:focus-visible .nav-label{opacity:1;transform:none}.workspace-rail .nav-arrow,.workspace-rail .nav-badge{display:none}.workspace-rail .nav-caption-spaced{margin-top:24px}.workspace-rail .sidebar-foot{margin-top:auto;padding:0 21px}.workspace-rail .sidebar-foot .nav-item{margin:0}.main{margin-left:73px}.topbar{height:65px;padding:0 34px;background:#08080acc;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.crumb{font-size:10px;letter-spacing:.15em;color:#85858e}.crumb strong{color:var(--text)}.top-right{font-size:9px;color:var(--muted)}.avatar{width:30px;height:30px;display:grid;place-items:center;border:1px solid #75e6ad66;border-radius:9px;background:#75e6ad12;color:var(--cyan)}.content{max-width:1420px;padding:48px 48px 80px}.view{animation:portal-view-enter .45s cubic-bezier(.2,.8,.2,1) both}.view:not(.active){display:none}@keyframes portal-view-enter{from{opacity:0;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}.eyebrow{color:#75e6ad;font-size:9px;letter-spacing:.15em}.view h1{font-size:clamp(30px,4vw,56px);color:var(--text)}.view h2,.panel h2{color:var(--text)}.subhead,.panel p,.form-hint,.fine{color:var(--muted)}.panel,.stat,.model-card,.login-card{border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#121215,#0d0d10);box-shadow:0 18px 55px #0005}.panel{transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease}.panel:hover,.stat:hover,.model-card:hover{border-color:#75e6ad55;transform:translateY(-2px);box-shadow:0 22px 65px #0007}.stat{padding:22px}.stat strong{color:var(--cyan)}.primary{background:var(--cyan);color:#08080a;border:0;border-radius:8px;font-family:inherit;font-weight:700;box-shadow:0 0 28px #75e6ad24;transition:transform .22s ease,box-shadow .22s ease}.primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #75e6ad44}.secondary{background:#ffffff05;border:1px solid var(--line);border-radius:8px;color:var(--text);font-family:inherit;transition:border-color .2s ease,background .2s ease,transform .2s ease}.secondary:hover{border-color:#75e6ad77;background:#75e6ad0d;transform:translateY(-1px)}input,select,textarea{background:#09090b!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:8px!important;font-family:inherit!important}input:focus,select:focus,textarea:focus{border-color:#75e6ad!important;box-shadow:0 0 0 3px #75e6ad16!important}table th{color:#777781;font-size:9px;letter-spacing:.12em}table td{border-color:#ffffff0b}.status{color:var(--cyan)}.pill.good{border-color:#75e6ad66;color:var(--cyan);background:#75e6ad10}.progress i{background:linear-gradient(90deg,#75e6ad,#c2a8ff)}
@media(max-width:760px){.sidebar.workspace-rail{width:min(292px,88vw);transform:translateX(-105%);transition:transform .34s cubic-bezier(.2,.8,.2,1),width .28s}.workspace-rail.open{transform:translateX(0);width:min(292px,88vw)}.workspace-rail .brand,.workspace-rail:hover .brand{width:174px}.workspace-rail .workspace,.workspace-rail:hover .workspace{width:172px;justify-content:flex-start;padding:0 10px}.workspace-rail .nav-caption{height:auto;opacity:1;padding:0 21px;margin:0 0 7px}.workspace-rail nav{padding:0 21px;gap:5px}.workspace-rail .nav-item,.workspace-rail .nav-item:hover,.workspace-rail .nav-item.active{width:100%;height:43px;min-height:43px;padding:10px 11px;justify-content:flex-start;transform:none}.workspace-rail .nav-label{position:static;opacity:1;transform:none}.workspace-rail .nav-arrow,.workspace-rail .nav-badge{display:block;margin-left:auto}.main{margin-left:0}.content{padding:34px 18px 60px}.topbar{padding:0 18px}}
@media(prefers-reduced-motion:reduce){.workspace-rail,.workspace-rail *,.view,.panel,.stat,.model-card,.primary,.secondary{transition:none!important;animation:none!important}}

/* Explicit icon-only rail marker for the updated customer navigation. */
.icon-only .nav-item{--rail-control:1}

/* Customer portal desktop rail stays expanded; only mobile uses the drawer toggle. */
@media(min-width:761px){.portal-sidebar-open,.portal-sidebar-open:hover{width:214px}.portal-sidebar-open .brand,.portal-sidebar-open:hover .brand{width:174px}.portal-sidebar-open .workspace,.portal-sidebar-open:hover .workspace{width:172px;justify-content:flex-start;padding:0 10px}.portal-sidebar-open .nav-caption{height:auto;opacity:1;padding:0 21px;margin:0 0 7px;font-size:8px;letter-spacing:.16em;color:#777781}.portal-sidebar-open nav{gap:5px}.portal-sidebar-open .nav-item,.portal-sidebar-open .nav-item:hover,.portal-sidebar-open .nav-item.active{width:172px;min-height:43px;height:43px;padding:10px 11px;justify-content:flex-start;transform:none}.portal-sidebar-open .nav-label,.portal-sidebar-open .nav-item:hover .nav-label,.portal-sidebar-open .nav-item:focus-visible .nav-label{position:static;opacity:1;transform:none}.portal-sidebar-open .nav-arrow,.portal-sidebar-open .nav-badge{display:block;margin-left:auto}.portal-sidebar-open .sidebar-foot{padding:0 21px}.main{margin-left:214px}}
.portal-sidebar-open{--portal-rail-state:expanded}

/* Customer portal desktop sidebar is permanently expanded. Mobile alone uses the drawer. */
@media(min-width:761px){.portal-shell .sidebar.workspace-rail{width:214px!important;min-width:214px;position:fixed;left:0;top:0;bottom:0;height:100vh;overflow:visible}.portal-shell .sidebar.workspace-rail:hover{width:214px!important}.portal-shell .workspace-rail .brand,.portal-shell .workspace-rail:hover .brand{width:174px}.portal-shell .workspace-rail .workspace,.portal-shell .workspace-rail:hover .workspace{width:172px;justify-content:flex-start;padding:0 10px}.portal-shell .workspace-rail .nav-caption{height:auto;opacity:1;padding:0 21px;margin:0 0 7px;font-size:8px;letter-spacing:.16em;color:#777781}.portal-shell .workspace-rail nav{gap:5px;padding:0 21px}.portal-shell .workspace-rail .nav-item,.portal-shell .workspace-rail .nav-item:hover,.portal-shell .workspace-rail .nav-item.active{width:172px;min-height:43px;height:43px;padding:10px 11px;justify-content:flex-start;transform:none}.portal-shell .workspace-rail .nav-label,.portal-shell .workspace-rail .nav-item:hover .nav-label,.portal-shell .workspace-rail .nav-item:focus-visible .nav-label{position:static;opacity:1;transform:none}.portal-shell .workspace-rail .nav-arrow,.portal-shell .workspace-rail .nav-badge{display:block;margin-left:auto}.portal-shell .main{margin-left:214px}}

/* A static open-gate frame briefly confirms a successful sign-in without running motion effects. */
.portal-gate-open.login-overlay{display:grid;place-items:center;background:transparent;overflow:hidden;pointer-events:none}.portal-gate-open.login-overlay .login-card{display:none}.portal-gate-open.login-overlay:before,.portal-gate-open.login-overlay:after{content:'';position:fixed;top:0;bottom:0;width:min(19vw,230px);min-width:112px;background:linear-gradient(90deg,#080b0a 0%,#101812 78%,#7affb866 100%);border:1px solid #7affb877;box-shadow:inset 0 0 28px #7affb81a;pointer-events:none;transition:none;animation:none;z-index:30}.portal-gate-open.login-overlay:before{left:0;clip-path:polygon(0 0,100% 7%,100% 93%,0 100%);border-left:0;border-radius:0 10px 10px 0}.portal-gate-open.login-overlay:after{right:0;clip-path:polygon(0 7%,100% 0,100% 100%,0 93%);border-right:0;border-radius:10px 0 0 10px;background:linear-gradient(270deg,#080b0a 0%,#101812 78%,#7affb866 100%)}.portal-gate-status{display:none;position:relative;z-index:31;padding:12px 18px;border:1px solid #7affb877;border-radius:4px;background:#080b0a;color:#b4ffd4;font:600 11px/1.4 'JetBrains Mono',Consolas,monospace;letter-spacing:.12em;text-align:center;box-shadow:0 0 24px #7affb822}.portal-gate-status span{display:block;margin-top:3px;color:#91a7bd;font-size:9px;letter-spacing:.08em}.portal-gate-open.login-overlay .portal-gate-status{display:block}

/* Lightweight success transition: fade the auth surface out, then reveal the workspace. */
.login-overlay.portal-login-success{opacity:0;transform:scale(.985);transition:opacity .22s ease,transform .22s ease;pointer-events:none}.login-overlay.portal-login-success .login-card{opacity:0;transform:translateY(-5px);transition:opacity .18s ease,transform .18s ease}
@media(prefers-reduced-motion:reduce){.login-overlay.portal-login-success,.login-overlay.portal-login-success .login-card{transition:none}}

.exp-card{position:relative;overflow:hidden;margin:0 0 18px;padding:22px 24px;border:1px solid #294967;border-radius:14px;background:linear-gradient(120deg,#0b1b2b 0%,#0a1422 62%,#0d1b2d 100%);box-shadow:0 14px 36px #0003}.exp-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--cyan),var(--blue));opacity:.9}.exp-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.exp-head .eyebrow{margin:0 0 5px}#gameLevelTitle{color:var(--cyan);font-weight:600}.exp-head h2{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px;font-size:24px;letter-spacing:-.03em}.exp-head h2 #gameLevel{white-space:nowrap}.exp-current{display:flex;align-items:baseline;gap:5px;color:var(--muted);font-variant-numeric:tabular-nums}.exp-current strong{color:var(--cyan);font-size:26px;line-height:1;font-weight:750}.exp-current span{font-size:13px}.exp-progress{height:12px;margin:19px 0 11px;border:1px solid #29435a;border-radius:99px;background:#06101a;overflow:hidden}.exp-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4a9fff 0%,#64dcff 72%,#a5f1ff 100%);box-shadow:0 0 14px #64dcff66;transition:width .65s cubic-bezier(.2,.75,.25,1)}.exp-foot{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.exp-foot b{color:var(--text);font-weight:650}.exp-foot span:last-child{color:#7891a9}
.game-opt-in{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.game-opt-in input{accent-color:var(--cyan);width:16px;height:16px}.mission-card{margin:0;padding:16px;min-width:0}.mission-card h3{margin:4px 0;font-size:16px}.mission-card p:not(.eyebrow){color:var(--muted);font-size:13px}.mission-card .panel-head{align-items:flex-start;gap:10px}.mission-card .panel-head .pill{white-space:nowrap}.mission-progress{height:6px;background:#07101b;border-radius:99px;overflow:hidden;margin:12px 0}.mission-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:inherit}.game-leaderboard{display:grid;gap:7px}.game-rank{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#07111d}.game-rank b{color:var(--cyan)}.game-rank span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-rank strong{font-size:12px;text-align:right}@media(max-width:700px){#view-gamification .stats,#view-gamification>.panel>.grid-2{grid-template-columns:minmax(0,1fr)}#view-gamification .view-head h1{font-size:30px}.mission-card .panel-head{display:grid}.mission-card .panel-head .pill{justify-self:start}.game-rank{grid-template-columns:28px minmax(0,1fr);gap:6px}.game-rank strong{grid-column:2;text-align:left}.game-opt-in{font-size:10px;max-width:150px}.game-opt-in input{flex:none}}
@media(max-width:700px){.exp-card{padding:18px 16px}.exp-head{align-items:flex-start;gap:8px}.exp-head h2{font-size:21px}.exp-current{gap:3px}.exp-current strong{font-size:23px}.exp-current span{font-size:11px}.exp-progress{height:11px;margin:17px 0 10px}.exp-foot{font-size:11px}.exp-foot span:last-child{white-space:nowrap}}@media(max-width:370px){.exp-foot{display:grid;gap:4px}.exp-foot span:last-child{white-space:normal}}
@media(prefers-reduced-motion:reduce){.exp-progress i{transition:none}}

.voucher-card{margin:0;padding:16px}.voucher-card h3{margin:4px 0;font-size:16px}.voucher-card p:not(.eyebrow){color:var(--muted);font-size:13px}.owned-vouchers{margin-top:16px;display:grid;gap:8px}.owned-vouchers h3{margin:0 0 4px}.owned-voucher{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#07111d}.owned-voucher span{color:var(--muted);font-size:12px}@media(max-width:700px){.owned-voucher{display:grid;gap:4px}}

.login-back{display:inline-flex;align-items:center;gap:8px;margin:0 0 24px;color:var(--muted);font-size:12px;text-decoration:none;transition:color .18s ease,transform .18s ease}.login-back:hover{color:var(--cyan);transform:translateX(-2px)}.login-back:focus-visible{outline:2px solid var(--cyan);outline-offset:4px;border-radius:3px}

/* Landing-aligned overview: editorial hero, operational signal, and compact next actions. */
.overview-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(330px,1.08fr);gap:52px;align-items:center;min-height:315px;padding:24px 0 34px;border-bottom:1px solid var(--line)}.overview-hero .eyebrow{margin-bottom:20px}.overview-hero .eyebrow-line{display:inline-block;width:25px;height:1px;background:var(--muted);vertical-align:middle;margin-right:8px}.overview-hero h1{font-size:clamp(38px,4.7vw,64px);line-height:.96;font-weight:500;letter-spacing:-.07em;margin:0 0 22px}.overview-hero h1 em{font-style:normal;color:var(--muted);font-weight:300}.overview-hero .subhead{max-width:470px;margin-bottom:25px}.overview-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.overview-actions .primary{display:inline-flex;align-items:center;gap:16px}.text-action{border:0;background:none;color:var(--muted);cursor:pointer;font:10px 'JetBrains Mono',monospace;padding:8px 0}.text-action:hover{color:var(--cyan)}.text-action span{margin-left:8px;color:var(--cyan)}.overview-signal{min-height:230px;padding:20px;border:1px solid var(--line2);border-radius:8px;background:linear-gradient(145deg,#15151a,#0c0c0f);box-shadow:0 24px 70px #0006;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.overview-signal:before{content:'';position:absolute;width:240px;height:240px;right:-90px;top:-120px;border:1px solid #75e6ad44;border-radius:50%;box-shadow:0 0 0 35px #75e6ad0d,0 0 0 70px #75e6ad08}.signal-top,.signal-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--dim);font:8px 'JetBrains Mono',monospace;letter-spacing:.1em}.signal-top b{color:var(--green);font-weight:400}.signal-top i{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:6px;background:var(--green);box-shadow:0 0 8px var(--green)}.signal-core{position:relative;z-index:1;display:grid;gap:7px}.signal-core span{color:var(--dim);font:8px 'JetBrains Mono',monospace;letter-spacing:.15em}.signal-core strong{font:500 clamp(27px,3vw,42px)/1 'JetBrains Mono',monospace;letter-spacing:-.07em}.signal-core small{color:var(--muted);font-size:11px}.signal-level{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:5px 12px;margin-top:16px;padding-top:12px;border-top:1px solid var(--line);position:relative;z-index:1}.signal-level>span{grid-column:1/-1;color:var(--dim);font:8px 'JetBrains Mono',monospace;letter-spacing:.12em}.signal-level strong{color:var(--cyan);font:500 20px/1 'JetBrains Mono',monospace;letter-spacing:-.04em}.signal-level small{color:#9fe6be;font:9px 'JetBrains Mono',monospace}.signal-foot{padding-top:15px;border-top:1px solid var(--line);font-size:7px}.overview-divider{display:flex;align-items:center;gap:23px;flex-wrap:wrap;padding:18px 0 22px;color:var(--dim);font:8px 'JetBrains Mono',monospace;letter-spacing:.08em}.overview-divider span{margin-right:auto;color:var(--muted)}.overview-divider b{font-weight:400;color:var(--muted)}.overview-divider b:before{content:'•';color:var(--green);margin-right:7px}.overview-grid{margin-top:0}.overview-grid .panel{min-height:225px}.overview-grid .quick-panel{display:flex;flex-direction:column;align-items:flex-start}.overview-grid .quick-panel .steps{margin-top:auto;margin-bottom:18px}.overview-grid .quick-panel .secondary{display:inline-flex;gap:16px;align-items:center}.overview-grid .quick-panel .secondary span{color:var(--cyan)}#view-overview .stats{margin-bottom:18px}
@media(max-width:900px){.overview-hero{grid-template-columns:1fr;gap:28px}.overview-signal{min-height:205px}}
@media(max-width:700px){.overview-hero{padding:10px 0 25px;gap:25px}.overview-hero h1{font-size:43px}.overview-hero .subhead{font-size:12px}.overview-signal{min-height:185px;padding:16px}.signal-foot{display:grid;grid-template-columns:1fr 1fr;gap:7px}.signal-foot span:last-child{grid-column:1/-1}.overview-divider{gap:10px;padding:15px 0 18px}.overview-divider span{width:100%;margin:0}.overview-grid{grid-template-columns:1fr}.overview-grid .panel{min-height:0}}
.low-balance-notice{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding:13px 14px;border:1px solid #ffb86b66;border-radius:7px;background:linear-gradient(135deg,#271b16,#15131a);color:#ffe0b8}.low-balance-notice strong{display:block;color:#ffd19b;font-size:13px}.low-balance-notice p{margin:3px 0 0;color:#bda994;font-size:12px}.low-balance-notice .primary{white-space:nowrap;background:#e8a15d;color:#1c120a}.low-balance-notice.hidden{display:none}

.overview-level{border-color:#75e6ad55;background:linear-gradient(145deg,#11231e,#0c1615)}.overview-level strong{color:var(--cyan)}.overview-level small{color:#9fe6be}

/* Landing-aligned workspace layer: consistent hierarchy across every customer view. */
.view:not(#view-overview)>.view-head{padding:8px 0 22px;margin:0 0 22px;border-bottom:1px solid var(--line);align-items:flex-end}.view:not(#view-overview)>.view-head .eyebrow{margin-bottom:12px}.view:not(#view-overview)>.view-head h1{font-size:clamp(32px,4vw,48px);line-height:1;letter-spacing:-.065em;font-weight:500}.view:not(#view-overview)>.view-head .subhead{max-width:640px}.panel{border-radius:7px;box-shadow:0 16px 45px #0003}.panel-head{gap:15px}.panel-head .eyebrow{margin:0 0 7px}.panel h2{letter-spacing:-.045em;font-weight:500}.panel h3{letter-spacing:-.025em}.stat{border-radius:6px;min-width:0}.stat>span{font:8px 'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.stat>strong{font-family:'JetBrains Mono',monospace;font-weight:500;letter-spacing:-.055em}.stat small{line-height:1.5}.content input:not([type=checkbox]),.content select,.content textarea{border-radius:5px;border-color:var(--line2);background:#0a0a0d;color:var(--text);font:12px 'JetBrains Mono',monospace;transition:border-color .18s,box-shadow .18s}.content input:not([type=checkbox]):focus,.content select:focus,.content textarea:focus{border-color:#75e6ad99;box-shadow:0 0 0 3px #75e6ad12;outline:0}.content label{color:#d4d4d0;font-size:11px}.content button.primary,.content button.secondary{border-radius:5px}.table-wrap{border-radius:5px}table th{font:8px 'JetBrains Mono',monospace;letter-spacing:.09em}table td{font-size:11px}.view.active{animation:workspace-view-in .28s ease-out both}@keyframes workspace-view-in{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.playground-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:7px 0 22px;border-bottom:1px solid var(--line);margin-bottom:22px}.playground-toolbar .eyebrow{margin:0 0 17px}.playground-toolbar h1{font-size:clamp(38px,4.6vw,58px);line-height:.94;font-weight:500;letter-spacing:-.07em;margin:0 0 14px}.playground-toolbar h1 em{font-style:normal;color:var(--muted);font-weight:300}.playground-toolbar .subhead{margin:0;max-width:540px}.playground-health{display:grid;gap:8px;justify-items:end;padding:12px 14px;border:1px solid var(--line);border-radius:5px;background:#ffffff03;white-space:nowrap}.playground-health span,.playground-health b{font:8px 'JetBrains Mono',monospace;letter-spacing:.08em}.playground-health span{color:var(--green)}.playground-health i,.route-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px #75e6ad77;margin-right:6px}.playground-health b{font-weight:400;color:var(--dim)}.playground-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:14px;align-items:stretch}.prompt-panel,.response-panel{padding:20px;min-width:0}.composer-heading,.response-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:15px;border-bottom:1px solid var(--line);margin-bottom:17px}.composer-heading h2,.response-heading h2{font-size:18px;margin:0}.composer-heading .eyebrow,.response-heading .eyebrow{margin:0 0 6px}.composer-heading>.pill{font-size:8px;white-space:nowrap}.prompt-panel form{display:grid;gap:15px}.prompt-panel label{display:grid;gap:7px}.prompt-panel textarea{min-height:190px;resize:vertical;line-height:1.65}.composer-controls{display:grid;grid-template-columns:minmax(120px,.75fr) minmax(150px,1fr);gap:12px;align-items:end}.composer-controls label>span{font:8px 'JetBrains Mono',monospace;letter-spacing:.08em;color:var(--muted)}.composer-controls .primary{height:42px;display:flex;justify-content:center;align-items:center;gap:12px}.prompt-panel .form-hint{margin:0;padding-top:12px;border-top:1px solid var(--line)}.response-panel{display:flex;flex-direction:column;min-height:420px}.response-heading{align-items:center}.response-route{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--line);font:8px 'JetBrains Mono',monospace;letter-spacing:.08em;color:var(--dim)}.response-route i{height:1px;flex:1;background:var(--line2)}.response-route #responseUsageLabel{color:var(--muted)}.response-body{flex:1;min-height:225px;margin:14px 0;padding:15px;border:1px solid var(--line);border-radius:5px;background:#08080a;color:var(--text);font:12px/1.75 'JetBrains Mono',monospace;overflow:auto;overflow-wrap:anywhere}.response-body.empty{display:grid;place-items:center;color:var(--dim);text-align:center;font:11px 'JetBrains Mono',monospace}.usage-strip{margin-top:auto}.response-panel .pill.good{color:var(--green)}
@media(max-width:900px){.playground-grid{grid-template-columns:1fr}.response-panel{min-height:350px}}
@media(max-width:700px){.view:not(#view-overview)>.view-head{padding-top:0;margin-bottom:17px}.view:not(#view-overview)>.view-head h1{font-size:34px}.playground-toolbar{display:grid;gap:16px;padding-top:0}.playground-health{justify-items:start;grid-template-columns:auto auto;justify-content:space-between}.prompt-panel,.response-panel{padding:15px}.composer-heading>.pill{font-size:7px}.composer-controls{grid-template-columns:1fr}.composer-controls .primary{width:100%}.prompt-panel textarea{min-height:150px}.response-panel{min-height:320px}.response-heading h2{font-size:15px}.response-route{font-size:7px;gap:5px}.content label{min-width:0}}
@media(prefers-reduced-motion:reduce){.view.active{animation:none}}