:root{color:#e9f3ff;background:#07101d;font-family:Manrope,system-ui,sans-serif;font-synthesis:none;--cyan: #61ddff;--violet: #9883ff;--muted: #8395aa;--panel: rgba(13, 27, 44, .78);--line: rgba(137, 181, 220, .16);--danger: #ff6f91}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 76% 12%,rgba(92,72,220,.17),transparent 31rem),radial-gradient(circle at 10% 35%,rgba(29,181,224,.09),transparent 28rem),linear-gradient(160deg,#07101d,#091626 54%,#07111d)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 75%);mask-image:linear-gradient(to bottom,black,transparent 75%)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.app-shell{min-height:100vh;position:relative}.topbar{max-width:1240px;margin:0 auto;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{color:#fff;text-decoration:none;display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.02em}.brand-mark{width:34px;height:34px;border:1px solid rgba(97,221,255,.6);border-radius:10px;display:inline-grid;place-items:center;color:var(--cyan);background:linear-gradient(145deg,#61ddff1f,#9883ff1f);box-shadow:0 0 28px #61ddff1f}.pill{font:500 10px DM Mono,monospace;text-transform:uppercase;color:#b8afff;padding:4px 7px;border:1px solid rgba(152,131,255,.32);border-radius:999px}.topbar-status{color:var(--muted);font:500 11px DM Mono,monospace;text-transform:uppercase}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:8px;background:#54e7a0;box-shadow:0 0 12px #54e7a0}main{max-width:1240px;margin:0 auto;padding:0 28px}.hero{min-height:650px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:64px;align-items:center;padding-block:68px}.hero-copy{min-width:0}.eyebrow,.panel-title span,.profile span{color:var(--cyan);font:500 11px DM Mono,monospace;letter-spacing:.13em}.hero h1{margin:20px 0;max-width:100%;font-size:clamp(46px,4.8vw,64px);line-height:1.05;letter-spacing:-.06em}.hero h1 span{color:transparent;background:linear-gradient(90deg,var(--cyan),#95b3ff 50%,var(--violet));-webkit-background-clip:text;background-clip:text}.hero-lede{max-width:660px;color:#9caec0;font-size:17px;line-height:1.8}.feature-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:32px}.feature-row span,.model-tags span{padding:7px 10px;border-radius:7px;border:1px solid var(--line);background:#ffffff06;color:#9bb0c5;font:500 10px DM Mono,monospace}.glass-card,.panel,.stat-card{border:1px solid var(--line);background:var(--panel);box-shadow:0 24px 80px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-card{border-radius:20px;padding:34px;position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;height:2px;top:0;left:14%;right:14%;background:linear-gradient(90deg,transparent,var(--cyan),var(--violet),transparent)}.step-number{color:#61758a;font:500 11px DM Mono,monospace}.auth-card h2{margin:15px 0 8px;font-size:25px}.auth-card p{color:var(--muted);line-height:1.65;font-size:14px}.field-label{display:block;margin:24px 0 8px;color:#b7c6d5;font-size:12px}select,input{width:100%;color:#eaf5ff;background:#091522;border:1px solid var(--line);border-radius:10px;padding:13px 14px;outline:none}select:focus,input:focus{border-color:#61ddffa6;box-shadow:0 0 0 3px #61ddff14}.primary-button{width:100%;margin-top:14px;border:0;border-radius:10px;padding:14px 16px;cursor:pointer;background:linear-gradient(100deg,#4bcfeb,#7f77f2);color:#06111d;font-weight:800;display:flex;align-items:center;justify-content:space-between;text-decoration:none;transition:transform .15s,filter .15s}.primary-button:hover{transform:translateY(-1px);filter:brightness(1.07)}.primary-button:disabled{opacity:.55;cursor:wait}.microcopy{font-size:10px!important;margin-top:18px}.device-code{width:100%;margin:22px 0 3px;padding:18px;border-radius:12px;border:1px dashed rgba(97,221,255,.5);background:#61ddff0f;color:var(--cyan);font:500 25px DM Mono,monospace;letter-spacing:.15em;cursor:pointer}.device-code span{float:right;font-size:10px;letter-spacing:normal;color:#9ab0c4;padding-top:7px}.link-button{box-sizing:border-box}.polling{margin-top:20px;font:500 11px DM Mono,monospace;color:#8ca0b4}.polling i{display:inline-block;width:7px;height:7px;background:var(--cyan);border-radius:50%;margin-right:8px;animation:pulse 1.3s infinite}@keyframes pulse{50%{opacity:.25;transform:scale(.75)}}.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trust-strip div{padding:25px;border-right:1px solid var(--line)}.trust-strip div:last-child{border:0}.trust-strip b,.trust-strip span{display:block}.trust-strip b{font-size:13px;margin-bottom:7px}.trust-strip span{color:var(--muted);line-height:1.55;font-size:11px}.notice{max-width:1184px;margin:20px auto;padding:13px 16px;border:1px solid;border-radius:10px;display:flex;gap:12px;align-items:center;font-size:12px;line-height:1.5}.notice-warning{color:#e7c98f;border-color:#e7c98f3d;background:#d39b3d12}.notice-error{color:#ffafc1;border-color:#ff6f9140;background:#ff6f9112}.notice>span{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;border:1px solid currentColor}.notice button{margin-left:auto;background:none;border:0;cursor:pointer;opacity:.8}.dashboard{padding-top:48px;padding-bottom:50px}.dashboard-tabs{display:flex;gap:5px;margin:26px 0 18px;padding:5px;width:fit-content;border:1px solid var(--line);border-radius:12px;background:#040c1799}.dashboard-tabs button{border:0;border-radius:8px;padding:10px 16px;color:#778ba0;background:transparent;cursor:pointer;font-size:12px;font-weight:700}.dashboard-tabs button span{margin-right:8px;color:#60758b}.dashboard-tabs button.is-active{color:#e9f4ff;background:#61ddff1a;box-shadow:inset 0 0 0 1px #61ddff2b}.dashboard-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.profile{display:flex;align-items:center;gap:18px}.profile img{width:66px;height:66px;border-radius:18px;border:1px solid rgba(97,221,255,.28)}.profile h1{margin:6px 0 2px;font-size:28px}.profile p{margin:0;color:var(--muted);font:500 11px DM Mono,monospace}.ghost-button,.danger-button,.icon-button,.copy-button,.text-button{border:1px solid var(--line);background:#ffffff06;border-radius:8px;padding:9px 12px;cursor:pointer;color:#aebfd0;font-size:11px}.stat-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;margin:28px 0 14px}.stat-card{min-height:125px;border-radius:14px;padding:21px;position:relative}.stat-card>span{display:block;color:#6f8297;font:500 10px DM Mono,monospace}.stat-card strong{display:block;margin-top:20px;max-width:85%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:500 18px DM Mono,monospace}.stat-card small{color:#71859a}.stat-card .copy-button{position:absolute;right:18px;bottom:18px}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.panel{border-radius:14px;padding:22px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-title h2{margin:5px 0 0;font-size:22px}.create-row{display:grid;grid-template-columns:1fr 130px;gap:10px}.primary-button.compact{margin:0;justify-content:center}.one-time-key{padding:16px;margin-top:14px;background:#54e7a012;border:1px solid rgba(84,231,160,.25);border-radius:10px}.one-time-key b{display:block;color:#77eeb2;font-size:12px;margin-bottom:10px}.one-time-key code{display:block;overflow-wrap:anywhere;color:#fff;font:500 12px DM Mono,monospace;margin-bottom:10px}.one-time-key .text-button{margin-left:8px}.key-list,.model-list{margin-top:15px}.key-row,.model-row{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;padding:16px 4px;border-top:1px solid var(--line)}.key-row b,.key-row code,.model-row b,.model-row code{display:block}.key-row b,.model-row b{font-size:13px;margin-bottom:5px}.key-row code,.model-row code{color:#72869a;font:500 10px DM Mono,monospace}.key-meta{display:grid;gap:4px;color:#6e8296;font-size:10px;text-align:right}.danger-button{color:var(--danger);border-color:#ff6f9138}.is-revoked{opacity:.45}.revoked-label{color:#89a;font-size:10px}.model-row{grid-template-columns:1fr auto}button.model-row{width:100%;color:inherit;text-align:left;background:transparent;border-right:0;border-bottom:0;border-left:0;cursor:pointer}button.model-row.selected-row{background:#61ddff0e;box-shadow:inset 2px 0 var(--cyan)}.model-tags{display:flex;gap:5px}.model-tags span{padding:4px 6px;font-size:8px}.empty-state{padding:40px 15px;color:#718498;text-align:center;font-size:12px}.code-panel{margin-top:14px}pre{margin:0;padding:20px;overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:#07111d;color:#b9c9d9;line-height:1.7}pre code{font:500 11px DM Mono,monospace}.loading-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;color:#7e94a9}.loading-screen .brand-mark{width:52px;height:52px;font-size:20px}footer{max-width:1184px;margin:50px auto 0;padding:25px 0;border-top:1px solid var(--line);color:#5e7185;display:flex;justify-content:space-between;font:500 10px DM Mono,monospace}.usage-page{min-width:0}.usage-heading{display:flex;justify-content:space-between;gap:32px;align-items:flex-end;padding:18px 2px 22px}.section-kicker,.usage-filter>span,.usage-kpi>span,.analytics-title span,.recent-title span{color:var(--cyan);font:600 9px DM Mono,monospace;letter-spacing:.13em}.usage-heading h2{margin:6px 0 7px;font-size:30px;letter-spacing:-.03em}.usage-heading p{max-width:680px;margin:0;color:var(--muted);font-size:12px;line-height:1.6}.usage-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}.auto-refresh{display:flex;align-items:center;gap:7px;color:#71869a;font-size:10px}.auto-refresh input{width:13px;height:13px;accent-color:var(--cyan)}.export-button{text-decoration:none;display:inline-block}.usage-filters{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:8px;padding:12px;border:1px solid var(--line);background:#060f1b8c;border-radius:12px}.usage-filter>span{display:block;margin:0 0 7px 4px;color:#65798e;font-size:8px}.usage-filter select{padding:9px 28px 9px 10px;border-radius:7px;font-size:10px;min-width:0}.usage-warning{margin-top:10px;padding:10px 13px;border:1px solid rgba(255,202,92,.25);border-radius:8px;color:#d7b76f;background:#ffca5c0d;font-size:11px}.collection-note{padding:10px 3px 2px;color:#607388;font:500 9px DM Mono,monospace}.usage-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:16px 0 12px}.usage-kpi{position:relative;overflow:hidden;min-height:106px;padding:16px 17px;border:1px solid var(--line);border-radius:11px;background:#0c1929b8}.usage-kpi:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--tone);box-shadow:0 0 14px var(--tone)}.usage-kpi>span{color:#65798e}.usage-kpi strong{display:block;margin:15px 0 5px;color:var(--tone);font:650 23px DM Mono,monospace}.usage-kpi small{color:#65798e;font-size:9px}.tone-cyan{--tone: #61ddff}.tone-green{--tone: #54e7a0}.tone-blue{--tone: #629fff}.tone-amber{--tone: #ffca5c}.tone-rose{--tone: #ff7896}.tone-violet{--tone: #a18cff}.usage-chart-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;margin-bottom:10px}.analytics-panel{min-height:325px;padding:18px}.analytics-title{margin-bottom:18px}.analytics-title span{color:#60758a;font-size:8px}.analytics-title h3,.recent-title h3{margin:5px 0 0;font-size:16px}.trend-chart{height:240px}.trend-chart svg{width:100%;height:195px;overflow:visible}.chart-grid-line{stroke:#82a5c51f;stroke-width:1}.request-line,.token-line{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}.request-line{stroke:#61ddff;filter:drop-shadow(0 0 5px rgba(97,221,255,.4))}.token-line{stroke:#9883ff;stroke-dasharray:4 4;opacity:.8}.request-dot{fill:#06111d;stroke:#61ddff;stroke-width:2;vector-effect:non-scaling-stroke}.chart-legend{display:flex;align-items:center;gap:16px;color:#778ca1;font-size:9px}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:15px;height:2px;display:inline-block}.legend-request{background:#61ddff}.legend-token{background:#9883ff}.chart-legend small{margin-left:auto;color:#53677b}.chart-empty{height:235px;display:grid;place-items:center;color:#5f7387;font-size:11px}.distribution-list{display:grid;gap:12px}.distribution-row>div:first-child{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:7px}.distribution-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 10px DM Mono,monospace}.distribution-row strong{color:#b9c8d8;font:600 10px DM Mono,monospace}.color-dot{width:6px;height:6px;border-radius:50%}.distribution-track{height:3px;margin:7px 0 5px 16px;border-radius:5px;background:#ffffff0d;overflow:hidden}.distribution-track i{display:block;height:100%;border-radius:inherit}.distribution-row small{display:block;margin-left:16px;color:#53677b;font-size:8px}.status-visual{display:grid;gap:18px;justify-items:center}.status-donut{width:138px;height:138px;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 40px #61ddff0d}.status-donut>div{width:94px;height:94px;border-radius:50%;display:grid;place-content:center;justify-items:center;background:#0b1827;box-shadow:inset 0 0 0 1px var(--line)}.status-donut strong{font:650 20px DM Mono,monospace}.status-donut span{color:#64788d;font-size:9px}.status-list{width:100%;display:grid;gap:8px}.status-list>div{display:grid;grid-template-columns:7px 1fr auto;align-items:center;gap:7px;font-size:9px}.status-list i{width:6px;height:6px;border-radius:50%}.status-list b{font-family:DM Mono,monospace}.status-list span{color:#7d91a5}.recent-panel{padding:0;overflow:hidden}.recent-title{padding:17px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.recent-title small{color:#5b6f83;font:500 8px DM Mono,monospace}.usage-table-wrap{overflow-x:auto;position:relative;min-height:150px}.usage-table{width:100%;border-collapse:collapse;min-width:1200px;font:550 9px DM Mono,monospace}.usage-table th{position:sticky;top:0;z-index:1;padding:10px;color:#607286;background:#091522;text-align:left;font-size:8px;letter-spacing:.05em}.usage-table td{height:37px;padding:7px 10px;border-top:1px solid rgba(137,181,220,.09);white-space:nowrap;color:#a7b7c7}.usage-table tbody tr:hover td{background:#61ddff06}.usage-table .number{text-align:right;font-variant-numeric:tabular-nums}.muted-cell{color:#74879b!important}.input-number{color:#64a8ff!important}.cache-number{color:#a58eff!important}.cache-rate{color:#54e7a0!important}.output-number{color:#ffcc5f!important}.tps-number{color:#76e4b0!important}.latency-warn{color:#ffa66b!important}.latency-bad{color:#ff7896!important}.user-chip,.key-chip{display:inline-block;max-width:95px;padding:3px 5px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;border-radius:4px;color:#62dfc7;background:#36d7b914}.key-chip{max-width:80px;color:#efd36c;background:#efd36c14}.usage-table td small{margin-left:4px;color:#596c7f;font-size:7px}.api-cell{color:#7f93a8!important}.model-cell{max-width:190px;overflow:hidden;text-overflow:ellipsis;color:#c1cedb!important}.stream-yes{color:#54e7a0;font-size:13px}.stream-no{color:#4d6175}.status-code{font-weight:750}.status-code.ok{color:#54e7a0}.status-code.bad{color:#ff7896}.table-state{min-height:150px;display:grid;place-content:center;justify-items:center;gap:6px;color:#64788c;font-size:10px}.table-state b{color:#9cafc1}.table-state span{color:#5d7185}@media(max-width:850px){.hero{grid-template-columns:minmax(0,1fr);gap:35px}.trust-strip,.dashboard-grid,.stat-grid{grid-template-columns:1fr}.trust-strip div{border-right:0;border-bottom:1px solid var(--line)}.topbar-status{display:none}.dashboard-head{align-items:flex-start;gap:20px}.dashboard-tabs{max-width:100%;flex-wrap:wrap}.key-row{grid-template-columns:1fr auto}.key-meta{grid-column:1 / -1;text-align:left}footer{margin-inline:28px;gap:18px;flex-direction:column}.usage-heading{align-items:flex-start;flex-direction:column}.usage-filters,.usage-kpis{grid-template-columns:repeat(2,1fr)}.usage-chart-grid{grid-template-columns:1fr}}@media(max-width:520px){main,.topbar{padding-inline:18px}.hero{padding-top:44px}.hero h1{font-size:43px}.auth-card{padding:25px}.create-row{grid-template-columns:1fr}.profile img{width:50px;height:50px}.profile h1{font-size:21px}.ghost-button{padding:7px}.usage-actions{width:100%;flex-wrap:wrap}.auto-refresh{margin-right:auto}.usage-filters{grid-template-columns:1fr}.usage-kpis{grid-template-columns:1fr 1fr}.usage-kpi{min-height:96px;padding:13px}.usage-kpi strong{font-size:19px}}