:root{--bg:#f5f6f6;--panel:#fff;--ink:#101214;--muted:#68707a;--line:#dfe3e6;--line-strong:#b9c0c7;--soft:#eef1f2;--accent:#16c784;--accent-soft:#ddf8ec;--accent-ink:#043b28;--warn:#ffb54a;--danger:#ef4444;--shadow:#10121414}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{color:var(--ink);background:var(--bg);letter-spacing:0;margin:0;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif}button{font:inherit;letter-spacing:0}.app-shell{grid-template-rows:72px 1fr;min-height:100vh;display:grid}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;grid-template-columns:220px 1fr auto;align-items:stretch;min-height:72px;display:grid;position:sticky;top:0}.brand{border-right:1px solid var(--line);color:var(--ink);white-space:nowrap;align-items:center;gap:12px;padding:0 24px;font-size:17px;font-weight:800;text-decoration:none;display:flex}.brand-mark{background:0 0;border:0;width:30px;height:30px;display:block}.top-nav{align-items:center;gap:4px;min-width:0;padding:0 18px;display:flex}.ui-button,.nav-item,.square-button{color:#2c3440;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:0;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 12px;font-size:13px;font-weight:750;transition:background .14s,border-color .14s,color .14s;display:inline-flex}.nav-item.active,.ui-button-nav.active{border-color:var(--ink);background:var(--ink);color:#fff}.ui-button-default,.square-button{border-color:var(--line);background:var(--panel);color:var(--ink)}.ui-button-primary,.square-button.primary{background:var(--ink);border-color:var(--ink);color:#fff}.ui-button-sm{min-height:36px;padding:0 10px}.ui-button-lg{min-height:48px;padding:0 16px}.ui-button:hover,.square-button:hover,.nav-item:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.ui-card,.hero-panel,.panel,.metric-card{border:1px solid var(--line);box-shadow:0 12px 32px var(--shadow);background:#fffffff0}.ui-card-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:45px;padding:0 14px;display:flex}.ui-card-title{margin:0;font-size:13px;font-weight:900}.ui-card-content{padding:14px}.ui-progress{border:1px solid var(--line);background:var(--soft);height:10px;overflow:hidden}.ui-progress.large{height:16px}.ui-progress-indicator{background:var(--ink);height:100%}.ui-progress.accent .ui-progress-indicator{background:var(--accent)}.ui-button-primary:hover,.square-button.primary:hover{color:#fff;background:#262a2f}.top-actions{align-items:center;gap:10px;padding:0 24px;display:flex}.account-chip{border:1px solid var(--line);background:var(--soft);white-space:nowrap;align-items:center;gap:9px;min-height:44px;padding:6px 10px;display:inline-flex}.account-chip span{gap:2px;min-width:0;display:grid}.account-chip strong{text-overflow:ellipsis;max-width:150px;font-size:12px;font-weight:950;overflow:hidden}.account-chip small{max-width:170px;color:var(--muted);text-overflow:ellipsis;font-size:11px;font-weight:800;overflow:hidden}.auth-shell{background:linear-gradient(#0a0d110b 1px, transparent 1px), linear-gradient(90deg, #0a0d110b 1px, transparent 1px), var(--bg);background-size:28px 28px;grid-template-rows:72px 1fr;min-height:100vh;display:grid}.auth-loader{border:1px solid var(--line-strong);background:var(--panel);place-self:start;margin:26px;padding:12px 14px;font-size:13px;font-weight:900}.auth-topbar{border-bottom:1px solid var(--line-strong);background:#fffefaeb}.auth-grid{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);align-items:center;gap:18px;width:min(1180px,100vw - 40px);margin:0 auto;padding:48px 0;display:grid}.auth-copy,.auth-panel{border:1px solid var(--line-strong);box-shadow:0 16px 42px var(--shadow);background:#fffefaeb}.auth-copy{padding:clamp(28px,5vw,56px)}.auth-copy h1{letter-spacing:0;max-width:840px;margin:12px 0 18px;font-size:clamp(46px,6.2vw,86px);line-height:.92}.auth-copy p{color:#3f4752;max-width:720px;margin:0;font-size:18px;line-height:1.55}.auth-action{min-height:48px;margin-top:26px}.auth-panel{background:var(--ink);color:#e9fff3;align-content:start;gap:12px;padding:18px;display:grid}.auth-form-panel{background:var(--panel);color:var(--ink)}.auth-mode-tabs{border:1px solid var(--line-strong);background:var(--soft);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.auth-mode-tabs button{border:0;border-right:1px solid var(--line-strong);min-height:42px;color:var(--ink);cursor:pointer;text-transform:uppercase;background:0 0;font-size:12px;font-weight:950}.auth-mode-tabs button:last-child{border-right:0}.auth-mode-tabs button.active{background:var(--ink);color:#fff}.auth-form{gap:11px;display:grid}.auth-form label{gap:6px;display:grid}.auth-form label span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.auth-form input{border:1px solid var(--line-strong);width:100%;min-height:44px;color:var(--ink);font:inherit;background:#fff;border-radius:0;padding:0 12px;font-size:14px;font-weight:750}.auth-form input:focus{outline:2px solid var(--accent);outline-offset:-2px}.auth-status{border:1px solid var(--line);background:var(--soft);color:#2f3844;align-items:center;min-height:38px;padding:9px 10px;font-size:12px;font-weight:800;display:flex}.auth-links{flex-wrap:wrap;gap:8px;display:flex}.auth-links button{border:1px solid var(--line-strong);min-height:34px;color:var(--ink);cursor:pointer;background:#fff;padding:0 10px;font-size:12px;font-weight:900}.ui-badge,.status-pill{border:1px solid var(--line);white-space:nowrap;background:#fff;align-items:center;min-height:32px;padding:0 10px;font-size:12px;font-weight:850;display:inline-flex}.ui-badge-success,.status-pill.live{background:var(--accent-soft);color:var(--accent-ink)}.ui-badge-warning,.status-pill.sample{background:#f7f0db}.ui-badge-default,.status-pill.busy{background:var(--ink);color:#fff}.layout{grid-template-columns:236px minmax(0,1fr) 328px;min-height:calc(100vh - 72px);display:grid}.left-rail,.right-rail{background:#fffefac7}.left-rail{border-right:1px solid var(--line);padding:18px}.right-rail{border-left:1px solid var(--line);padding:18px}.rail-section{margin-bottom:24px}.rail-section h2{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:900}.rail-item,.rail-action{border:1px solid var(--line);background:var(--panel);width:100%;min-height:42px;color:var(--ink);text-align:left;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:9px 10px;font-size:13px;font-weight:750;display:flex}.rail-item.active,.rail-action.selected{border-color:var(--line-strong);background:var(--soft)}.rail-action{cursor:pointer}.workspace{align-content:start;gap:16px;min-width:0;padding:22px;display:grid}.hero-panel{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:24px;padding:28px;display:grid}.eyebrow{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:900}.hero-copy h1{letter-spacing:0;max-width:940px;margin:10px 0 16px;font-size:clamp(42px,5.4vw,76px);line-height:.94}.hero-copy p{color:#3f4752;max-width:780px;margin:0;font-size:18px;line-height:1.52}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.signal-panel,.terminal-panel{border:1px solid var(--line);min-height:260px;color:var(--ink);background:#f8faf9;align-content:start;gap:11px;padding:18px;font-size:12px;display:grid;overflow:hidden}.terminal-panel code{white-space:pre-wrap;overflow-wrap:anywhere}.terminal-line{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding-bottom:8px;display:flex}.accent-text{color:var(--accent-ink)}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:12px;display:grid}.metric-card{grid-template-rows:auto auto 1fr auto;gap:7px;min-height:132px;padding:16px;display:grid}.metric-icon{border:1px solid var(--line-strong);background:var(--accent-soft);place-items:center;width:32px;height:32px;display:grid}.metric-card small,.metric-card span{color:var(--muted);font-size:12px;font-weight:750}.metric-card strong{font-size:clamp(25px,2.4vw,35px);line-height:1}.workbench-grid{grid-template-columns:1.12fr .88fr;gap:14px;display:grid}.panel{min-width:0}.panel>header span{color:var(--muted);font-size:12px;font-weight:800}.scenario-list,.bar-list,.artifact-list,.summary-list,.pipeline{gap:9px;display:grid}.scenario-row{border:1px solid var(--line);width:100%;min-height:64px;color:var(--ink);text-align:left;cursor:pointer;background:#fff;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid}.scenario-row.active{border-color:var(--line-strong);background:var(--soft)}.scenario-square{border:1px solid var(--line-strong);background:var(--panel);width:34px;height:34px}.scenario-row.active .scenario-square{background:var(--accent)}.scenario-row strong{overflow-wrap:anywhere;font-size:14px;font-weight:900;display:block}.scenario-row small{color:var(--muted);margin-top:4px;font-size:12px;font-weight:650;line-height:1.35;display:block}.row-chip{border:1px solid var(--line-strong);background:var(--panel);padding:5px 8px;font-size:11px;font-weight:900}.scenario-row.active .row-chip{background:var(--ink);color:#fff}.bar-row{grid-template-columns:142px minmax(0,1fr) 56px;align-items:center;gap:10px;min-height:34px;font-size:12px;font-weight:800;display:grid}.bar-row span,.bar-row strong{overflow-wrap:anywhere;min-width:0}.quality-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.billing-panel{gap:13px;display:grid}.usage-command{gap:14px}.plan-strip{border:1px solid var(--line-strong);background:var(--soft);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.plan-strip span{border-right:1px solid var(--line-strong);gap:5px;min-width:0;padding:11px;display:grid}.plan-strip span:last-child{border-right:0}.plan-strip small,.usage-meter span,.key-row small{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:850}.plan-strip strong,.usage-meter strong{overflow-wrap:anywhere;font-size:16px;font-weight:950}.usage-meter{gap:9px;display:grid}.usage-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.usage-kpi{border:1px solid var(--line-strong);background:#fff;align-content:space-between;gap:9px;min-height:118px;padding:13px;display:grid}.usage-kpi.primary{background:#e6fff0}.usage-kpi small,.usage-trend small,.usage-breakdown small{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.usage-kpi strong{overflow-wrap:anywhere;font-size:clamp(23px,2.4vw,32px);line-height:1}.usage-kpi span{color:var(--muted);font-size:12px;font-weight:750;line-height:1.35}.usage-analytics-grid{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:9px;display:grid}.usage-trend,.usage-breakdown{border:1px solid var(--line-strong);background:#fff;gap:12px;min-width:0;min-height:190px;padding:13px;display:grid}.usage-trend>div:first-child,.usage-breakdown>div:first-child{gap:5px;display:grid}.usage-trend strong,.usage-breakdown strong{overflow-wrap:anywhere;min-width:0;font-size:15px;font-weight:950}.trend-bars{background:linear-gradient(#1318200d 1px, transparent 1px), var(--soft);background-size:100% 28px;border:1px solid #13182024;grid-template-columns:repeat(7,minmax(12px,1fr));align-items:end;gap:7px;min-height:110px;padding:10px;display:grid}.trend-bars span{border:1px solid var(--line-strong);background:var(--ink);min-height:8px}.trend-bars span:last-child{background:var(--accent)}.usage-breakdown-row{grid-template-columns:92px minmax(0,1fr) 58px;align-items:center;gap:9px;display:grid}.usage-breakdown-row span{color:var(--muted);font-size:12px;font-weight:850}.usage-breakdown-row div{border:1px solid var(--line-strong);background:var(--soft);height:11px}.usage-breakdown-row i{background:var(--ink);height:100%;display:block}.usage-breakdown-row strong{justify-self:end;font-size:12px}.credit-console{border:1px solid var(--line-strong);background:#fff;grid-template-columns:minmax(132px,.72fr) minmax(0,1.28fr);align-items:stretch;gap:10px;padding:11px;display:grid}.credit-console>div:first-child{gap:6px;display:grid}.credit-console small,.credit-row small{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:850}.credit-console strong{font-size:24px;line-height:1}.credit-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.mini-action{border:1px solid var(--line-strong);background:var(--soft);min-height:38px;color:var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:900;display:inline-flex}.usage-meter>div:first-child{justify-content:space-between;gap:12px;display:flex}.billing-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.section-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:900}.quality-tile{border:1px solid var(--line);background:#fff;flex-direction:column;justify-content:space-between;min-height:72px;padding:11px;display:flex}.quality-tile span{color:var(--muted);font-size:12px;font-weight:750}.quality-tile strong{overflow-wrap:anywhere;font-size:18px}.summary-row,.artifact-row,.pipeline-step,.key-row{border:1px solid var(--line);color:#27303c;background:#fff;justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding:9px 10px;font-size:12px;font-weight:750;display:flex}.summary-row{overflow-wrap:anywhere;justify-content:flex-start}.artifact-row span,.pipeline-step strong,.key-row span{overflow-wrap:anywhere;flex:1;min-width:0}.retention-note{border:1px solid var(--line);background:var(--soft);color:#27303c;gap:5px;padding:10px;font-size:12px;line-height:1.45;display:grid}.retention-note strong{color:var(--ink);font-size:12px;font-weight:900}.key-list{gap:9px;display:grid}.key-row{justify-content:flex-start}.key-row span{gap:2px;display:grid}.key-row strong{font-size:12px}.credit-ledger{gap:8px;display:grid}.admin-console{gap:13px;display:grid}.admin-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.admin-form{border:1px solid var(--line-strong);background:var(--soft);grid-template-columns:minmax(180px,1fr) auto;align-items:end;gap:9px;padding:11px;display:grid}.coupon-form{grid-template-columns:repeat(3,minmax(120px,1fr)) auto}.admin-form label{gap:6px;min-width:0;display:grid}.admin-form label span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:900}.admin-form input{border:1px solid var(--line-strong);width:100%;min-height:39px;color:var(--ink);font:inherit;background:#fff;border-radius:0;padding:0 10px;font-size:13px;font-weight:750}.admin-form input:focus{outline:2px solid var(--accent);outline-offset:-2px}.admin-list,.coupon-list{gap:8px;display:grid}.admin-row,.coupon-row{border:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:9px 10px;display:flex}.admin-row strong,.coupon-row strong{overflow-wrap:anywhere;font-size:12px}.coupon-row span{gap:2px;min-width:0;display:grid}.coupon-row small{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.credit-row{border:1px solid var(--line);background:#fff;justify-content:space-between;gap:10px;min-height:42px;padding:9px 10px;display:flex}.credit-row span{gap:2px;display:grid}.credit-row.empty{color:var(--muted);font-size:12px;font-weight:800}.wide-action{border:1px solid var(--line-strong);background:var(--ink);color:#fff;cursor:pointer;justify-content:center;align-items:center;gap:8px;width:100%;min-height:40px;margin-top:12px;font-weight:850;display:inline-flex}.code-sample{background:var(--ink);color:#e9fff3;white-space:pre-wrap;margin:0;padding:14px;font-family:SF Mono,Roboto Mono,Cascadia Code,monospace;font-size:11px;line-height:1.55;overflow:auto}@media (width<=1320px){.layout{grid-template-columns:230px minmax(0,1fr)}.right-rail{display:none}.hero-panel{grid-template-columns:1fr}}@media (width<=980px){.app-shell{grid-template-rows:auto 1fr}.topbar{grid-template-columns:1fr;gap:10px;padding-bottom:12px;position:relative}.brand,.top-actions,.top-nav{border-right:0;padding:0 16px}.brand{height:58px}.top-nav,.top-actions{overflow-x:auto}.auth-grid{grid-template-columns:1fr;align-items:start;width:calc(100vw - 28px);padding:18px 0}.auth-copy{padding:22px}.auth-copy h1{font-size:clamp(40px,12vw,66px)}.layout{grid-template-columns:1fr}.left-rail{display:none}.workspace{padding:14px}.metric-grid,.workbench-grid,.usage-kpi-grid,.usage-analytics-grid,.billing-grid{grid-template-columns:1fr}.hero-panel{padding:20px}.hero-copy h1{font-size:clamp(38px,11vw,62px)}.plan-strip,.credit-console,.credit-actions,.admin-strip,.admin-form,.coupon-form,.usage-breakdown-row{grid-template-columns:1fr}.usage-breakdown-row strong{justify-self:start}.plan-strip span{border-right:0;border-bottom:1px solid var(--line-strong)}.plan-strip span:last-child{border-bottom:0}}@media (width<=560px){.metric-grid,.bar-row{grid-template-columns:1fr}.scenario-row{grid-template-columns:28px minmax(0,1fr)}.row-chip{grid-column:2;justify-self:start}}