:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;--ink:#172033;--muted:#687386;--line:#e4e7ec;--panel:#fff;--accent:#305bd8;--accent-dark:#2447ac;--danger:#b42318;background:#f6f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#f6f7f9;min-width:320px}button,input,select{font:inherit}button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;padding:10px 14px;font-weight:650}button:hover{background:#fafafa;border-color:#c8ced8}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #adc2ff}button:disabled{opacity:.55;cursor:not-allowed}button.primary,.primary{color:#fff;border-color:var(--accent);background:var(--accent)}button.primary:hover{background:var(--accent-dark)}button.danger{color:var(--danger);background:#fff7f6;border-color:#f4c7c3}a{color:var(--accent);text-decoration:none}h1,h2,p{margin-top:0}h1{letter-spacing:-.035em;margin-bottom:10px;font-size:clamp(28px,4vw,40px)}h2{font-size:18px}code{font-family:SFMono-Regular,Consolas,monospace;font-size:.85em}.muted{color:var(--muted)}.eyebrow{color:#778198;letter-spacing:.11em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:750}.auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--line);background:#fff;border-radius:16px;width:min(100%,440px);padding:36px;box-shadow:0 8px 30px #141f370f}.brand-mark{letter-spacing:-.04em;margin-bottom:34px;font-size:18px;font-weight:900}.form-stack{gap:16px;margin-top:28px;display:grid}label{color:#3d4657;gap:8px;font-size:14px;font-weight:650;display:grid}input,select{width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid #d3d8e0;border-radius:8px;padding:11px 12px}.field-help{color:var(--muted);margin:-8px 0 0;font-size:12px}.auth-note{color:var(--muted);text-align:center;margin:24px 0 0;font-size:14px}.turnstile{min-height:65px;overflow:hidden}.alert{color:#8f1d14;background:#fff7f6;border:1px solid #f0c8c4;border-radius:8px;margin:14px 0;padding:12px 14px;font-size:14px}.alert.success{color:#166534;background:#f2fbf4;border-color:#bbdfc5}.alert.info{color:#2447ac;background:#f5f7ff;border-color:#c9d5f6}.loading{color:var(--muted);text-align:center;padding:32px}.boot{max-width:520px;margin:20vh auto}.app-shell{min-height:100vh}.sidebar{z-index:20;border-right:1px solid var(--line);background:#fff;flex-direction:column;width:238px;padding:26px 18px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{letter-spacing:-.04em;padding:0 12px 28px;font-size:20px;font-weight:900}.sidebar nav{gap:4px;display:grid}.sidebar nav a{color:#4b5565;border-radius:7px;padding:10px 12px;font-size:14px;font-weight:650}.sidebar nav a:hover{background:#f5f6f8}.sidebar nav a.active{color:#2447ac;background:#eef2ff}.sidebar-user{border-top:1px solid var(--line);gap:4px;margin-top:auto;padding:16px 12px 0;display:grid;overflow:hidden}.sidebar-user span{text-overflow:ellipsis;font-size:13px;font-weight:650;overflow:hidden}.sidebar-user small{color:var(--muted)}.main-shell{min-width:0;margin-left:238px}.topbar{z-index:10;border-bottom:1px solid var(--line);background:#fffffff0;justify-content:space-between;align-items:center;height:64px;padding:0 34px;font-size:14px;font-weight:700;display:flex;position:sticky;top:0}.status-dot{color:#287a45;font-size:12px}.menu-button{display:none}.content{width:min(1180px,100%);margin:0 auto;padding:48px 36px 80px}.page-title{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.page-title p:last-child{margin-bottom:0}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.metric-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric,.panel,.model-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;min-width:0}.metric{align-content:space-between;min-height:132px;padding:22px;display:grid}.metric span{color:var(--muted);font-size:13px;font-weight:650}.metric strong{letter-spacing:-.04em;font-size:27px}.panel{margin-bottom:20px;padding:22px}.panel-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.panel-heading h2{margin:0}.empty{color:var(--muted);text-align:center;padding:42px 16px}.empty strong{color:var(--ink)}.empty p{margin:8px 0 0}.inline-form{grid-template-columns:minmax(0,1fr) 170px auto;align-items:end;gap:14px;display:grid}.actions{flex-wrap:wrap;gap:9px;display:flex}.key-list,.request-list,.pricing-list{display:grid}.key-row,.request-row,.price-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-width:0;padding:18px 0;display:flex}.key-row:first-child,.request-row:first-child,.price-row:first-child{padding-top:2px}.key-row:last-child,.request-row:last-child,.price-row:last-child{border-bottom:0;padding-bottom:2px}.key-row>div:first-child{gap:5px;min-width:0;display:grid}.key-row code{color:#4a5568}.key-row span{color:var(--muted);font-size:12px}.request-row>div{align-items:center;gap:14px;min-width:0;display:flex}.request-row>div:first-child{gap:4px;display:grid}.request-row>div:first-child span,.request-row>div:last-child span{color:var(--muted);font-size:12px}.badge{color:#535f71;background:#f0f2f5;border-radius:99px;flex:none;padding:3px 8px;font-size:11px;font-weight:750}.badge.success{color:#19713a;background:#edf8f0}.badge.failure{color:#a0241a;background:#fff0ef}.model-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.model-card{padding:20px;overflow:hidden}.model-card h2{margin:18px 0 7px}.model-card>code{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.model-card p{min-height:42px;color:var(--muted);margin:18px 0;font-size:13px;line-height:1.6}.model-heading{justify-content:space-between;align-items:center;display:flex}.model-icon{border:1px solid #d8deea;border-radius:9px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:850;display:grid}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.tag-list span{color:#536074;text-overflow:ellipsis;white-space:nowrap;background:#f3f5f8;border-radius:5px;max-width:100%;padding:4px 7px;font-family:monospace;font-size:11px;overflow:hidden}.price-row>div{gap:5px;display:grid}.price-row>div:last-child{text-align:right;grid-template-columns:repeat(3,auto);gap:16px}.price-row>div:last-child span{gap:3px;display:grid}.price-row small,.price-row code{color:var(--muted)}.account-panel>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:14px 0;display:flex}.account-panel>div:last-child{border:0}.account-panel span{color:var(--muted)}.danger-zone{justify-content:space-between;align-items:center;gap:20px;display:flex}.danger-zone h2{margin-bottom:6px}.danger-zone p{color:var(--muted);margin:0}.modal-backdrop{z-index:100;background:#0d142280;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:min(620px,100%);padding:28px;box-shadow:0 24px 80px #0a101e38}.secret-box{background:#f8f9fb;border:1px solid #d8deea;border-radius:8px;margin:20px 0;padding:15px;overflow:auto}.secret-box code{white-space:nowrap}.scrim{display:none}@media (max-width:900px){.metric-grid,.model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.sidebar{transition:transform .18s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.scrim{z-index:15;background:#11182747;border:0;border-radius:0;width:100%;height:100%;padding:0;display:block;position:fixed;inset:0}.main-shell{margin-left:0}.topbar{padding:0 18px}.menu-button{place-items:center;width:38px;height:38px;padding:0;display:inline-grid}.content{padding:30px 18px 60px}.page-title{align-items:flex-start}.metric-grid,.metric-grid.three,.model-grid{grid-template-columns:1fr}.metric{min-height:112px}.inline-form{grid-template-columns:1fr}.key-row,.request-row,.price-row,.danger-zone{flex-direction:column;align-items:flex-start}.request-row>div:last-child{flex-wrap:wrap;justify-content:space-between;width:100%}.price-row>div:last-child{text-align:left;grid-template-columns:1fr;width:100%}.auth-card{padding:28px 22px}}@media (max-width:420px){.page-title{flex-direction:column}.page-title>button{width:100%}.panel{padding:18px}.key-row .actions{width:100%}.key-row .actions button{flex:1}}