:root{color:#19191d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--border:#ececf1;--border-strong:#dfdfe7;--muted:#8f91a2;--soft:#f7f7f9;--softer:#fbfbfc;--accent:#6847ff;--accent-soft:#f2efff;--green:#55bf6a;--danger:#e2544f;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#fff;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}.appShell{background:#fff;grid-template-columns:276px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:#fff;flex-direction:column;height:100vh;padding:18px 10px 14px;display:flex;position:sticky;top:0}.sidebarTop{justify-content:space-between;align-items:center;height:54px;padding:0 12px 10px;display:flex}.logoMark{width:42px;height:34px;color:var(--accent);place-items:center;display:grid}.collapseButton,.iconButton{border:1px solid var(--border);background:#fff;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.navScroll{flex:1;padding:4px 0;overflow-y:auto}.navGroup{margin:0 0 6px}.navLabel{color:#b7b8c5;letter-spacing:.06em;text-transform:uppercase;padding:7px 16px 5px;font-size:12px;font-weight:760}.navItem,.settingsItem,.sidebarFooter button{color:#34343b;text-align:left;border-radius:7px;align-items:center;gap:15px;width:100%;min-height:34px;padding:0 14px;font-size:14px;font-weight:650;display:flex}.navItem svg,.settingsItem svg,.sidebarFooter svg{color:#3e3e46;flex:none}.navItem:hover,.settingsItem:hover,.sidebarFooter button:hover,.navItem.active,.settingsItem.active{background:var(--soft)}.sidebarFooter{gap:0;padding:8px 2px 0;display:grid}.sidebarFooter svg{color:#5b76ff}.mainShell{flex-direction:column;min-width:0;display:flex}.topbar{z-index:5;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;justify-content:space-between;align-items:center;height:64px;padding:0 22px;display:flex;position:sticky;top:0}.topbarActions{align-items:center;gap:10px;display:flex}.modeSwitch{border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;height:38px;padding:3px;display:flex;box-shadow:0 1px 3px #14141e0a}.modeSwitch button{color:#757787;border-radius:6px;height:30px;padding:0 12px;font-size:13px;font-weight:760}.modeSwitch button.active{color:#151519;background:var(--soft)}.pillMetric,.accountPill{border:1px solid var(--border);color:#818394;background:#fff;border-radius:8px;align-items:center;gap:7px;height:38px;padding:0 14px;display:flex;box-shadow:0 1px 3px #14141e0a}.pillMetric b,.accountPill{color:#151519;font-weight:760}.creditPill b{color:var(--green)}.dot{border:3px solid #dedfec;border-radius:50%;width:18px;height:18px}.rotate{transform:rotate(-90deg)}.avatar{color:#fff;background:var(--accent);border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.content{width:100%;margin:0 auto;padding:54px 38px 80px}.content.wide{max-width:1220px}.content.narrow{max-width:980px}.heroGrid{grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);align-items:stretch;gap:28px;display:grid}.hero{padding:28px 0}.eyebrow,.pageTitle>span,.sectionHeader span,.panelHeader span,.modelName span,.useCase>span,.quickPanel span{color:var(--accent);margin-bottom:8px;font-size:13px;font-weight:760;display:block}h1,h2,h3,p{margin:0}.hero h1{letter-spacing:0;max-width:760px;font-size:48px;line-height:1.04}.hero p,.pageTitle p,.emptyState p{color:#747687;max-width:760px;margin-top:16px;font-size:16px;line-height:1.6}.heroActions,.sectionHeader,.panelHeader{justify-content:space-between;align-items:center;gap:14px;display:flex}.heroActions{flex-wrap:wrap;justify-content:flex-start;margin-top:28px}.primaryButton,.secondaryButton,.flowStep button,.useCase button{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-weight:760;display:inline-flex}.primaryButton{color:#fff;background:#17171c}.secondaryButton{border:1px solid var(--border-strong);background:#fff}.secondaryButton.small{min-height:34px;font-size:13px}.quickPanel,.plainPanel,.tableSurface,.chartSurface,.billingHero,.noticeBar,.accountStats,.detailsList,.keyList,.endpointList,.emptyState{border:1px solid var(--border);background:#fff;border-radius:8px}.quickPanel{padding:20px;box-shadow:0 18px 50px #14141e0f}.quickPanel.full{margin-top:24px}.quickPanel h2,.sectionHeader h2{font-size:20px;line-height:1.2}pre{color:#f5f6ff;background:#111117;border-radius:8px;margin:18px 0 0;padding:18px;font-size:13px;line-height:1.58;overflow-x:auto}.metricStrip{border:1px solid var(--border);background:#fff;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:24px;display:grid}.metric{border-right:1px solid var(--border);gap:14px;min-height:116px;padding:20px;display:flex}.metric:last-child{border-right:0}.metricIcon{width:36px;height:36px;color:var(--accent);background:var(--accent-soft);border-radius:8px;place-items:center;display:grid}.metric span,.infoRow span,.editRow span,.usageRow span,.modelMeta span,.progressRow span{color:#8d8f9f;font-size:14px}.metric strong{margin-top:4px;font-size:25px;line-height:1.1;display:block}.metric small{color:#8d8f9f;margin-top:6px;display:block}.flowBoard,.tableSurface,.analyticsGrid,.splitGrid,.useCaseGrid,.modeCards,.pathGrid,.capacityGrid{margin-top:28px}.modeCards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.modeCards button,.pathCard,.capacityCard,.requestTable{border:1px solid var(--border);background:#fff;border-radius:8px}.modeCards button{text-align:left;min-height:154px;padding:18px}.modeCards button.active{background:#fbf9ff;border-color:#cfc5ff}.modeCards span,.pathCard button{color:var(--accent);font-size:13px;font-weight:800}.modeCards strong{margin-top:8px;font-size:18px;display:block}.modeCards small{color:#747687;margin-top:10px;font-size:14px;line-height:1.45;display:block}.pathGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.pathCard{flex-direction:column;min-height:170px;padding:20px;display:flex}.pathCard h3{font-size:19px}.pathCard p{color:#747687;margin-top:10px;line-height:1.5}.pathCard button{align-self:flex-start;align-items:center;gap:6px;margin-top:auto;display:inline-flex}.flowSteps{border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px;display:grid;overflow:hidden}.flowStep{border-right:1px solid var(--border);flex-direction:column;min-height:210px;padding:20px;display:flex}.flowStep:last-child{border-right:0}.flowStep b{color:#fff;background:var(--accent);border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;display:grid}.flowStep h3{margin-top:18px;font-size:18px}.flowStep p{color:#737585;margin-top:9px;font-size:14px;line-height:1.5}.flowStep button,.useCase button{color:var(--accent);align-self:flex-start;margin-top:auto;padding:0}.tableSurface{padding:20px}.usageRows{border-top:1px solid var(--border);margin-top:14px}.usageRow{border-bottom:1px solid var(--border);grid-template-columns:1.4fr 1fr .7fr .8fr;align-items:center;gap:16px;min-height:72px;display:grid}.usageRow>div:first-child span,.usageRow>div:first-child strong{display:block}.bar{background:#efeff5;border-radius:99px;height:7px;margin-top:8px;display:block;overflow:hidden}.bar i{border-radius:inherit;background:var(--accent);height:100%;display:block}.pageTitle{margin-bottom:24px}.pageTitle h1{font-size:28px;line-height:1.1}.pageTitle.inline{grid-template-columns:auto minmax(320px,1fr);align-items:center;gap:28px;display:grid}.searchBox{color:#a0a2b1;background:#f5f5f7;border-radius:999px;align-items:center;gap:13px;height:54px;padding:0 22px;display:flex}.searchBox input{background:0 0;border:0;outline:0;width:100%;font-size:16px}.modelLayout{grid-template-columns:minmax(0,1fr) 190px;gap:28px;max-width:1480px;display:grid}.modelMeta{justify-content:space-between;align-items:center;min-height:44px;display:flex}.modelMeta button{font-weight:760}.modelList{border:1px solid var(--border);border-radius:8px;overflow:hidden}.modelRow{border-bottom:1px solid var(--border);grid-template-columns:58px minmax(260px,1.5fr) minmax(150px,.7fr) minmax(160px,.7fr) minmax(130px,.5fr);align-items:center;gap:18px;min-height:138px;padding:22px 28px;display:grid}.modelRow:last-child{border-bottom:0}.modelLogo{color:#fff;border-radius:50%;place-items:center;width:48px;height:48px;font-weight:850;display:grid}.modelLogo.purple{background:#6847ff}.modelLogo.black{background:#111117}.modelLogo.blue{background:#3c7cff}.modelLogo.green{background:#34a853}.modelLogo.pink{background:#ee4b75}.modelName h3{color:#4a4b55;font-size:18px}.modelName p{color:#9698a7;margin-top:5px}.modelName i{background:var(--border-strong);width:1px;height:14px;margin:0 9px -2px;display:inline-block}.priceStack,.capStack,.typeStack{color:#4e505b;gap:7px;font-size:14px;display:grid}.capStack span{align-items:center;gap:7px;display:flex}.capStack svg{color:var(--accent)}.typeStack b{color:var(--green);font-size:13px}.filterRail{padding-top:122px}.filterGroup{margin-bottom:28px}.filterGroup h3{color:#aaaaba;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;font-size:13px}.filterGroup label{color:#34343b;align-items:center;gap:10px;min-height:29px;font-size:14px;display:flex}.filterGroup input{width:16px;height:16px;accent-color:var(--accent)}.analyticsGrid,.splitGrid{grid-template-columns:1.25fr .75fr;gap:20px;display:grid}.chartSurface,.plainPanel{padding:20px}.bars{align-items:end;gap:12px;height:250px;padding:30px 10px 0;display:flex}.bars i{background:linear-gradient(#6847ff,#cfc7ff);border-radius:8px 8px 0 0;flex:1;min-width:14px}.progressRow{border-bottom:1px solid var(--border);padding:16px 0}.progressRow:last-child{border-bottom:0}.progressRow>div{justify-content:space-between;align-items:center;display:flex}.requestTable{overflow:hidden}.requestHead,.requestRow{grid-template-columns:.8fr .8fr 1.2fr .45fr .55fr .5fr 1fr;align-items:center;gap:14px;min-height:58px;padding:0 18px;display:grid}.requestHead{color:#9a9cac;text-transform:uppercase;letter-spacing:.06em;background:var(--softer);font-size:12px;font-weight:800}.requestRow{border-top:1px solid var(--border);font-size:14px}.requestRow b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.okText{color:var(--green)}.capacityGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.capacityCard{padding:20px}.capacityCard .sectionHeader{align-items:start;margin-bottom:6px}.capacityCard .sectionHeader b{color:var(--accent);white-space:nowrap;font-size:13px}.inlineList{border:0;margin-top:14px;padding:0}.billingHero{background:#f5f1ff;justify-content:space-between;align-items:center;min-height:132px;padding:22px 26px;display:flex}.billingHero.compact{margin-bottom:24px}.billingHero span,.billingHero small{color:#828496;display:block}.billingHero strong{margin:5px 0;font-size:36px;display:block}.plainPanel h2,.detailsList h2{margin-bottom:16px;font-size:20px}.infoRow{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;min-height:44px;display:flex}.infoRow:last-child{border-bottom:0}.settingsShell{grid-template-columns:260px minmax(0,1fr);min-height:calc(100vh - 64px);display:grid}.settingsNav{border-right:1px solid var(--border);padding:10px}.settingsBack{align-items:center;gap:12px;width:100%;height:48px;margin-bottom:8px;padding:0 4px;font-weight:700;display:flex}.settingsContent{width:100%;max-width:960px;padding:54px 46px 80px}.noticeBar{color:#303038;background:#f7f7f8;align-items:center;gap:8px;min-height:80px;padding:0 26px;display:flex}.noticeBar button{color:var(--accent);margin-left:auto;font-weight:750}.accountStats{background:#f5f1ff;grid-template-columns:1fr 1fr;gap:0 32px;margin-top:24px;padding:18px 26px;display:grid}.detailsList,.keyList,.endpointList{border:0;border-top:1px solid var(--border);border-radius:0;margin-top:28px;padding:20px 0 0}.editRow{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;min-height:92px;display:flex}.editRow span,.editRow b{display:block}.editRow b{margin-top:8px}.editRow button,.dangerButton{border:1px solid var(--border);border-radius:8px;min-width:130px;height:38px;font-weight:750}.dangerText,.dangerButton{color:var(--danger)}.largeTitle{align-items:end;margin-bottom:18px}.largeTitle h1{font-size:28px}.largeTitle p{color:#747687;margin-top:8px}.keyList{padding-top:0}.keyRow{border-bottom:1px solid var(--border);grid-template-columns:minmax(260px,1.25fr) .65fr .7fr .35fr 42px;align-items:center;gap:16px;min-height:74px;display:grid}.keyRow>div:first-child{align-items:center;gap:12px;display:flex}.keyRow strong,.keyRow span{display:block}.keyRow span{color:#848696;font-size:13px}.useCaseGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.useCase{border:1px solid var(--border);border-radius:8px;flex-direction:column;min-height:380px;padding:20px;display:flex}.useCase h2{font-size:21px}.useCase p{color:#747687;margin:12px 0 16px;line-height:1.52}.endpointList{border:1px solid var(--border);border-radius:8px;padding:0 20px}.emptyState{text-align:center;align-content:center;place-items:center;min-height:330px;padding:36px;display:grid}.emptyState svg{color:var(--accent);margin-bottom:14px}.modalBackdrop{z-index:20;background:#14141847;place-items:center;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--border);background:#fff;border-radius:8px;width:min(500px,100vw - 32px);padding:22px;box-shadow:0 24px 80px #14141e2e}.amountGrid{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;display:grid}.amountGrid button{border:1px solid var(--border);border-radius:8px;height:54px;font-weight:800}.amountGrid button.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.fullWidth{width:100%;margin-top:18px}@media (width<=1180px){.appShell{grid-template-columns:236px minmax(0,1fr)}.heroGrid,.analyticsGrid,.splitGrid,.modelLayout,.settingsShell{grid-template-columns:1fr}.filterRail{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding-top:0;display:grid}.flowSteps,.useCaseGrid,.metricStrip,.modeCards,.pathGrid,.capacityGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.flowStep,.metric{border-bottom:1px solid var(--border)}.settingsNav{border-right:0;border-bottom:1px solid var(--border);gap:8px;display:flex;overflow-x:auto}.settingsBack,.settingsItem{flex:none;width:auto}}@media (width<=760px){.appShell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--border);width:100%;height:auto;position:static}.navScroll{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.sidebarFooter,.topbar{display:none}.content,.settingsContent{padding:28px 16px 56px}.hero h1{font-size:34px}.heroGrid,.flowSteps,.useCaseGrid,.metricStrip,.modeCards,.pathGrid,.capacityGrid,.accountStats,.filterRail,.pageTitle.inline{grid-template-columns:1fr}.modelRow,.usageRow,.keyRow,.requestHead,.requestRow{grid-template-columns:1fr;gap:10px;padding:18px}}