.quota-copy{min-width:0;flex:1}.key-chip span{min-width:0;white-space:nowrap}
:root{--bg:#080a0f;--panel:rgba(16,19,27,.84);--panel-solid:#10131b;--line:rgba(255,255,255,.085);--line2:rgba(255,255,255,.14);--text:#f4f6fa;--muted:#929aaa;--muted2:#687183;--accent:#8b6cff;--accent2:#58dbc0;--danger:#ff6b7c;--warn:#f2b75c;--shadow:0 25px 80px rgba(0,0,0,.36)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 52% -25%,#1c203a 0,transparent 43%),var(--bg);font-size:14px}.aurora{position:fixed;border-radius:50%;filter:blur(115px);opacity:.13;pointer-events:none}.aurora-a{width:480px;height:480px;background:#7452ff;right:-190px;top:120px}.aurora-b{width:400px;height:400px;background:#22c7aa;left:-230px;top:680px}.topbar{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1240px)/2));position:sticky;top:0;z-index:10;background:rgba(8,10,15,.78);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-size:17px;font-weight:750;letter-spacing:-.025em}.brand em{font-style:normal;font-size:9px;letter-spacing:.14em;color:#b9abf7;background:rgba(139,108,255,.13);border:1px solid rgba(139,108,255,.24);padding:4px 6px;border-radius:6px}.logo{width:46px;height:46px;padding:1px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#b29cff,#6f4cf4 52%,#42d2b8);box-shadow:0 12px 35px rgba(111,76,244,.23)}.logo b{width:100%;height:100%;display:grid;place-items:center;background:#0d1017;border-radius:14px;font-size:19px}.logo.small{width:32px;height:32px;border-radius:10px}.logo.small b{font-size:14px;border-radius:9px}.topbar nav{display:flex;align-items:center;gap:24px}.topbar nav a,.nav-button{font:inherit;color:var(--muted);text-decoration:none;border:0;background:none;padding:0;cursor:pointer}.topbar nav a:hover,.nav-button:hover{color:var(--text)}.topbar nav form{margin:0}.layout{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:52px 0 78px;position:relative}.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:.19em;color:#9f8cf3;font-weight:800;margin-bottom:9px}.hero h1{font-size:38px;letter-spacing:-.045em;margin:0 0 9px}.hero h1 span{color:#c8bcff}.hero p,.panel-head p{color:var(--muted);line-height:1.6;margin:0}.access-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border-radius:10px;font-size:12px;font-weight:700;border:1px solid var(--line);background:rgba(255,255,255,.035);white-space:nowrap}.access-badge span,.gateway-line>span{width:7px;height:7px;border-radius:50%;background:var(--muted)}.access-badge.active{color:#77e4cc;border-color:rgba(88,219,192,.26);background:rgba(88,219,192,.08)}.access-badge.active span,.gateway-line.online>span{background:var(--accent2);box-shadow:0 0 0 5px rgba(88,219,192,.1)}.access-badge.paused,.access-badge.expired,.access-badge.exhausted{color:#f3c36f;border-color:rgba(242,183,92,.3);background:rgba(242,183,92,.08)}.access-badge.paused span,.access-badge.expired span,.access-badge.exhausted span{background:var(--warn)}.access-badge.revoked{color:#ff8e9b;border-color:rgba(255,107,124,.3);background:rgba(255,107,124,.08)}.access-badge.revoked span,.gateway-line.offline>span{background:var(--danger)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.quota-panel{padding:28px 30px;display:grid;grid-template-columns:1.04fr 1.3fr;gap:30px;margin-bottom:20px;overflow:hidden;position:relative}.quota-panel:after{content:"";width:280px;height:280px;position:absolute;right:-160px;top:-150px;border-radius:50%;background:#6e4ef4;filter:blur(75px);opacity:.12}.quota-main{display:flex;align-items:center;gap:25px;border-right:1px solid var(--line);position:relative;z-index:1}.quota-ring{--p:0;width:142px;height:142px;flex:0 0 142px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent2) calc(var(--p)*1%),rgba(255,255,255,.07) 0);position:relative}.quota-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--panel-solid);border:1px solid rgba(255,255,255,.05)}.quota-ring>div{position:relative;text-align:center}.quota-ring strong{font-size:27px;letter-spacing:-.045em;display:block}.quota-ring small{font-size:9px;text-transform:uppercase;letter-spacing:.11em;color:var(--muted)}.quota-copy h2{font-size:31px;margin:0 0 5px;letter-spacing:-.045em}.quota-copy>p{margin:0;color:var(--muted)}.key-chip{margin-top:18px;border:1px solid var(--line);background:rgba(0,0,0,.17);border-radius:9px;padding:8px 10px;display:flex;gap:10px;align-items:center;width:max-content;max-width:100%;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;color:#b9c0cd}.key-chip span{overflow:hidden;text-overflow:ellipsis}.key-chip b{font:8px Inter,sans-serif;letter-spacing:.12em;color:#9d89f2;border-left:1px solid var(--line);padding-left:9px;white-space:nowrap}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:11px;position:relative;z-index:1}.mini-stats article{padding:15px 17px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:12px;display:flex;flex-direction:column}.mini-stats span{font-size:11px;color:var(--muted)}.mini-stats strong{font-size:22px;letter-spacing:-.035em;margin:5px 0 1px}.mini-stats small{font-size:10px;color:var(--muted2)}.grid-main{display:grid;grid-template-columns:1.65fr .8fr;gap:20px;margin-bottom:20px}.chart-panel,.limits-panel{padding:25px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.panel-head h2{font-size:19px;letter-spacing:-.025em;margin:0}.chart-total{text-align:right}.chart-total span{font-size:10px;color:var(--muted);display:block}.chart-total b{font-size:16px}.chart{height:195px;display:flex;align-items:flex-end;gap:8px;padding-top:30px}.bar-column{height:100%;flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:8px;position:relative}.bar{width:min(24px,75%);min-height:3px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#9b82ff,#6748d9);transition:.2s ease;position:relative}.bar:hover{filter:brightness(1.18)}.bar-column label{color:var(--muted2);font-size:9px}.bar-tip{display:none;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);background:#242937;border:1px solid var(--line2);padding:5px 7px;border-radius:6px;font-size:9px;white-space:nowrap;z-index:2}.bar:hover .bar-tip{display:block}.empty-state{color:var(--muted2);margin:auto}.limits-list{margin:18px 0 16px}.limits-list>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:11px 0}.limits-list dt{color:var(--muted);font-size:12px}.limits-list dd{margin:0;font-weight:700;font-size:12px}.models-box>span{display:block;color:var(--muted);font-size:11px;margin-bottom:8px}.model-list{display:flex;gap:6px;flex-wrap:wrap}.model-list b,.model-list i{font-style:normal;font-size:9px;font-weight:650;padding:5px 7px;border-radius:6px;background:rgba(139,108,255,.09);border:1px solid rgba(139,108,255,.18);color:#b9abf7}.gateway-line{margin-top:17px;padding-top:15px;border-top:1px solid var(--line);display:flex;align-items:center;gap:9px}.gateway-line b{font-size:11px;color:var(--muted);font-weight:600}.gateway-line.online b{color:#75d9c2}.gateway-line.offline b{color:#ff8996}.quickstart{padding:28px 30px;margin-bottom:20px;scroll-margin-top:90px}.start-head{align-items:center}.text-link{color:#bcaeff;text-decoration:none;font-size:12px}.tabs{display:flex;gap:6px;margin:24px 0 20px;border-bottom:1px solid var(--line);overflow-x:auto}.tab{border:0;background:none;color:var(--muted);font:inherit;font-size:12px;font-weight:650;padding:10px 13px 12px;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}.tab.active{color:var(--text);border-color:var(--accent)}.tab-page{display:none}.tab-page.active{display:block}.instruction-copy{display:flex;gap:14px;align-items:flex-start;margin-bottom:15px}.instruction-copy .step{width:30px;height:30px;border-radius:9px;background:rgba(139,108,255,.1);border:1px solid rgba(139,108,255,.22);display:grid;place-items:center;color:#af9bf9;font:9px ui-monospace,monospace;flex:none}.instruction-copy h3{margin:1px 0 4px;font-size:14px}.instruction-copy p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.instruction-copy code,.tips-row code{color:#c3b7f8}.code-shell{background:#090b10;border:1px solid var(--line);border-radius:12px;overflow:hidden}.code-top{height:38px;background:#0e1118;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 13px}.code-top span{font:10px ui-monospace,monospace;color:var(--muted)}.copy-button{border:1px solid var(--line);background:#171b25;color:#aeb5c2;font:10px Inter,sans-serif;border-radius:6px;padding:5px 8px;cursor:pointer}.copy-button:hover{color:#fff;border-color:var(--line2)}pre{margin:0;padding:18px 20px;overflow:auto;color:#cbd2de;font:11px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;max-height:390px}pre code{font:inherit}.tips-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:13px}.tips-row article{padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.018)}.tips-row b{font-size:10px;display:block;margin-bottom:3px}.tips-row span{font-size:9px;color:var(--muted);line-height:1.4}.requests-panel{padding:27px 0 6px}.requests-head{padding:0 29px 19px}.button{border:1px solid var(--line);background:#171b25;color:var(--text);font:inherit;font-size:12px;font-weight:650;border-radius:9px;padding:10px 14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.18s ease}.button:hover{transform:translateY(-1px);border-color:var(--line2)}.button.primary{border-color:transparent;background:linear-gradient(135deg,#9275ff,#6e4df3);box-shadow:0 10px 30px rgba(110,77,243,.27)}.button.ghost{background:transparent}.button.compact{padding:7px 10px}.button.wide{width:100%}.table-wrap{overflow-x:auto;border-top:1px solid var(--line)}table{border-collapse:collapse;width:100%;min-width:860px}th{text-align:left;color:var(--muted2);font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;padding:12px 16px}th:first-child,td:first-child{padding-left:29px}th:last-child,td:last-child{padding-right:29px}td{padding:13px 16px;border-top:1px solid var(--line);font-size:11px;color:#c0c6d1}tbody tr:hover{background:rgba(255,255,255,.018)}.endpoint{font:10px ui-monospace,monospace;color:#b9abf7}.token-main{font-weight:750;color:#edf0f5}.token-split{font-size:9px;color:var(--muted)}.status-pill{font-size:9px;font-weight:750;padding:4px 7px;border-radius:6px;display:inline-flex}.status-pill.complete{color:#68d7bf;background:rgba(88,219,192,.09)}.status-pill.running{color:#f0c16c;background:rgba(242,183,92,.09)}.status-pill.failed{color:#ff8492;background:rgba(255,107,124,.09)}.empty-cell{text-align:center!important;color:var(--muted2);padding:32px!important}footer{width:min(1240px,calc(100% - 40px));margin:0 auto;border-top:1px solid var(--line);height:80px;display:flex;align-items:center;justify-content:space-between;color:var(--muted2);font-size:11px}footer div{display:flex;gap:18px}footer a{color:var(--muted2);text-decoration:none}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#202532;border:1px solid var(--line2);color:#fff;padding:10px 14px;border-radius:9px;font-size:11px;opacity:0;pointer-events:none;transition:.2s ease;z-index:30}.toast.visible{opacity:1;transform:translate(-50%,0)}
.login-body{overflow-x:hidden;background:radial-gradient(circle at 50% 0,#1a1e38 0,transparent 50%),var(--bg)}.login-shell{min-height:100vh;width:min(1050px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:80px}.login-card{max-width:440px}.login-brand{width:max-content;margin-bottom:70px}.login-card h1{font-size:47px;line-height:1.02;letter-spacing:-.055em;margin:0 0 18px}.login-lead{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 25px}.login-form>label{font-size:10px;color:var(--muted);font-weight:700;letter-spacing:.08em;text-transform:uppercase;display:block;margin:0 0 7px}.key-input-wrap{height:50px;border:1px solid var(--line2);background:rgba(8,10,15,.7);border-radius:11px;display:flex;align-items:center;padding:0 7px 0 14px;transition:.18s}.key-input-wrap:focus-within{border-color:rgba(139,108,255,.7);box-shadow:0 0 0 3px rgba(139,108,255,.09)}.key-input-wrap input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#e9ecf2;font:12px ui-monospace,monospace}.key-input-wrap input::placeholder{color:#515968}.reveal{border:0;background:transparent;color:#8f97a6;font:10px Inter,sans-serif;cursor:pointer;padding:8px}.login-submit{height:48px;margin-top:12px}.login-submit span{font-size:17px}.login-error{margin-bottom:14px;padding:10px 12px;border-radius:9px;border:1px solid rgba(255,107,124,.28);background:rgba(255,107,124,.08);color:#ff95a1;font-size:11px}.security-note{display:flex;align-items:flex-start;gap:9px;color:var(--muted2);font-size:9px;line-height:1.5;margin:15px 2px}.shield{width:17px;height:17px;flex:none;display:grid;place-items:center;border-radius:50%;background:rgba(88,219,192,.1);color:#61d7bd;font-size:9px}.login-links{display:flex;align-items:center;gap:11px;margin-top:40px}.login-links a{font-size:10px;color:var(--muted);text-decoration:none}.login-links i{width:3px;height:3px;background:#49505e;border-radius:50%}.login-side{height:570px;position:relative;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(24,28,43,.75),rgba(10,12,18,.8));display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;box-shadow:var(--shadow)}.login-side:before{content:"";width:370px;height:370px;position:absolute;border-radius:50%;border:1px solid rgba(139,108,255,.12);box-shadow:0 0 90px rgba(123,87,255,.1),inset 0 0 90px rgba(123,87,255,.05)}.orb{width:190px;height:190px;border-radius:50%;padding:1px;background:linear-gradient(145deg,rgba(178,156,255,.7),rgba(66,210,184,.35),rgba(255,255,255,.03));display:grid;place-items:center;box-shadow:0 0 80px rgba(111,76,244,.25);position:relative}.orb:after{content:"";position:absolute;inset:-34px;border:1px dashed rgba(255,255,255,.08);border-radius:50%}.orb-core{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#242a3e,#0b0e15 70%);display:grid;place-items:center}.orb-core span{font-size:60px;font-weight:800;background:linear-gradient(135deg,#c9bfff,#8062f5,#55dcc1);-webkit-background-clip:text;background-clip:text;color:transparent}.side-copy{position:absolute;bottom:76px;color:#7c8595;font-size:8px;font-weight:750;letter-spacing:.16em;display:flex;align-items:center;gap:8px}.live-pip{width:6px;height:6px;border-radius:50%;background:var(--accent2);box-shadow:0 0 12px var(--accent2)}.login-side blockquote{position:absolute;bottom:26px;margin:0;width:70%;text-align:center;color:#9da5b3;font-size:10px;line-height:1.5}
@media(max-width:960px){.quota-panel{grid-template-columns:1fr}.quota-main{border-right:0;border-bottom:1px solid var(--line);padding-bottom:25px}.grid-main{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.login-card{margin:auto}.login-side{display:none}.tips-row{grid-template-columns:1fr}.topbar nav a:first-child{display:none}}
@media(max-width:650px){.topbar{height:62px;padding:0 16px}.topbar nav{gap:14px}.topbar nav a{display:none}.brand em{display:none}.layout{width:calc(100% - 24px);padding-top:32px}.hero{align-items:flex-start;flex-direction:column;gap:16px}.hero h1{font-size:31px}.quota-panel,.quickstart{padding:21px 18px}.quota-main{align-items:flex-start;gap:16px}.quota-ring{width:104px;height:104px;flex-basis:104px}.quota-ring strong{font-size:21px}.quota-copy h2{font-size:24px}.key-chip{font-size:9px}.mini-stats{grid-template-columns:1fr 1fr}.grid-main{gap:12px}.chart-panel,.limits-panel{padding:21px 18px}.chart{gap:3px}.bar-column label{font-size:7px}.tabs{margin-left:-18px;margin-right:-18px;padding:0 13px}.start-head{align-items:flex-start}.text-link{display:none}.requests-head{padding:0 18px 18px}.login-shell{width:calc(100% - 32px)}.login-brand{margin-bottom:55px}.login-card h1{font-size:41px}footer{width:calc(100% - 28px)}footer div{gap:10px}}