:root{color-scheme:light;font-family:'DM Sans',sans-serif;--bg:#fafaf8;--surface:#fff;--surface-soft:#f5f3ef;--ink:#1c1917;--muted:#78716c;--line:#e7e5e4;--line-strong:#d6d3d1;--terra:#c2703d;--terra-soft:#f5e7dc;--sage:#7c9070;--sage-soft:#e9efe4;--sky:#86a8c4;--sky-soft:#e5eff6;--sun:#e7c96e;--sun-soft:#faf1ce;--rose-soft:#f8e7e5;--danger:#b5534f;--shadow-sm:0 1px 2px rgba(28,25,23,.06);--shadow:0 1px 2px rgba(28,25,23,.05),0 8px 24px rgba(28,25,23,.07);--radius:14px}
html.dark{color-scheme:dark;--bg:#191613;--surface:#24201d;--surface-soft:#2d2824;--ink:#eae6e1;--muted:#a39d97;--line:#3d3833;--line-strong:#514a44;--terra:#d58b5d;--terra-soft:#3b2a1e;--sage:#9ab08c;--sage-soft:#232b21;--sky:#9abbd4;--sky-soft:#202b35;--sun:#dcc474;--sun-soft:#38311d;--rose-soft:#3b2424;--danger:#e3918d;--shadow-sm:0 1px 2px rgba(0,0,0,.38);--shadow:0 2px 5px rgba(0,0,0,.25),0 12px 30px rgba(0,0,0,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{display:grid;grid-template-columns:220px minmax(0,1fr);margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 12% 8%,rgba(134,168,196,.17) 0 110px,transparent 111px),radial-gradient(circle at 95% 32%,rgba(231,201,110,.18) 0 145px,transparent 146px),linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px),var(--bg);background-size:auto,auto,32px 32px,32px 32px,auto;background-attachment:fixed;font-family:'DM Sans',sans-serif;font-synthesis:none}
.sidebar{position:sticky;top:0;align-self:start;height:100vh;width:220px;display:grid;align-content:start;gap:6px;padding:22px 12px;border-right:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:11px;font:800 16px Manrope,sans-serif;letter-spacing:-.3px}.brand strong,.brand small{display:block}.brand small{margin-top:1px;color:var(--muted);font:400 11px 'DM Sans',sans-serif}.brand-mark{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1px solid var(--line-strong);border-radius:11px;color:var(--ink);background:var(--sun);box-shadow:3px 3px 0 var(--ink);font:800 17px Manrope,sans-serif}.nav-caption{padding:24px 10px 8px;color:var(--muted);font:800 10px Manrope,sans-serif;letter-spacing:1.5px}.sidebar nav{display:grid;gap:6px}.side-link{display:flex;align-items:center;width:100%;margin:0;border:1px solid transparent;border-radius:9px;padding:10px 11px;text-align:left;text-decoration:none;background:transparent;color:var(--muted);cursor:pointer;font-size:12px;font-weight:700;transition:.16s}.side-link span{width:23px;margin:0}.side-link:hover{color:var(--ink);background:var(--surface-soft)}.side-link.active{color:var(--ink);border-color:color-mix(in srgb,var(--terra) 28%,var(--line));background:var(--terra-soft);box-shadow:var(--shadow-sm)}.side-note{position:absolute;bottom:20px;left:12px;right:12px;padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--sky-soft);color:var(--muted);font-size:11px}.content{min-width:0;width:100%;max-width:1600px;margin:0;padding:22px clamp(18px,3vw,42px)}
.topbar{position:sticky;top:10px;z-index:4;display:flex;align-items:center;justify-content:space-between;min-height:64px;margin-bottom:28px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 91%,transparent);box-shadow:var(--shadow-sm);backdrop-filter:blur(14px)}.topbar-actions{display:flex;align-items:center;gap:9px}.icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);box-shadow:var(--shadow-sm);cursor:pointer;font-size:18px;color:var(--ink)}.icon-button:hover{border-color:var(--terra);transform:translateY(-1px)}.status-pill{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:7px 11px;color:var(--muted);background:var(--surface);box-shadow:var(--shadow-sm);font-size:11px;white-space:nowrap}.status-pill i{width:8px;height:8px;margin-right:7px;border-radius:50%;background:var(--sage);box-shadow:0 0 0 3px var(--sage-soft)}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.eyebrow{color:var(--terra);font-size:10px;font-weight:800;letter-spacing:1.5px}.page-title{font-family:Manrope,sans-serif!important;letter-spacing:-.65px!important;font-weight:800!important}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.5px}.text-secondary{color:var(--muted)!important}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.card-body{padding:22px}.form-control,.form-select{border-color:var(--line-strong);border-radius:9px;color:var(--ink);background-color:var(--bg)}.form-control:focus,.form-select:focus{border-color:var(--terra);box-shadow:0 0 0 3px var(--terra-soft)}.btn{border-radius:9px}.btn-dark{background:var(--terra);border-color:#9f582e;box-shadow:0 3px 0 #8f4f2b}.btn-dark:hover{background:#a65f35;border-color:#8f4f2b}.btn-outline-secondary{--bs-btn-color:var(--muted);--bs-btn-border-color:var(--line-strong);--bs-btn-hover-bg:var(--surface-soft);--bs-btn-hover-color:var(--ink)}.btn-outline-danger{--bs-btn-color:var(--danger);--bs-btn-border-color:color-mix(in srgb,var(--danger) 45%,var(--line));--bs-btn-hover-bg:var(--rose-soft);--bs-btn-hover-color:var(--danger)}.pill{border:1px solid color-mix(in srgb,var(--sage) 28%,var(--line));border-radius:999px;background:var(--sage-soft);color:var(--sage);padding:7px 11px;font-size:11px;font-weight:700}.key-row,.account-row{border:1px solid var(--line);border-radius:11px;padding:12px;background:var(--surface)}.key-prefix{font-family:ui-monospace,monospace;background:var(--surface-soft);padding:4px 8px;border-radius:7px;font-size:.8rem}.models-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.model-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.model-card{background:var(--surface-soft);border:1px solid var(--line);border-radius:11px;padding:12px;display:flex;align-items:center;gap:12px;min-height:68px}.model-card:hover{border-color:var(--terra);box-shadow:var(--shadow-sm)}.model-card.off{opacity:.5}.model-name{font-size:.9rem;font-weight:700}.model-slug{font-size:.75rem;color:var(--muted);font-family:monospace}.models-panel .form-select{width:auto;min-width:145px}hr{border-color:var(--line)}summary{cursor:pointer;color:var(--terra);font-weight:700}.alert-success{--bs-alert-color:#416f51;--bs-alert-bg:var(--sage-soft);--bs-alert-border-color:color-mix(in srgb,var(--sage) 30%,var(--line))}.alert-danger{--bs-alert-color:var(--danger);--bs-alert-bg:var(--rose-soft);--bs-alert-border-color:color-mix(in srgb,var(--danger) 30%,var(--line))}
@media(max-width:800px){body{display:block}.sidebar{position:relative;top:auto;height:auto;width:100%;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.sidebar nav,.nav-caption,.side-note{display:none}.content{margin:0;padding:18px 16px 28px}.topbar{position:relative;top:auto;margin-bottom:22px}.intro{align-items:flex-start}.card-body{padding:18px}}@media(max-width:460px){.status-pill{font-size:0}.status-pill i{margin:0}.topbar{padding:8px 10px}.models-panel{padding:16px}.models-toolbar{flex-wrap:wrap}}
.usage-panel{margin-top:24px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.usage-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.usage-stat{padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--surface-soft)}.usage-stat small{display:block;color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}.usage-stat strong{display:block;margin-top:6px;font:800 22px Manrope,sans-serif}.usage-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:11px}.usage-table{width:100%;min-width:650px;margin:0;border-collapse:collapse;font-size:12px}.usage-table th,.usage-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.usage-table th{color:var(--muted);background:var(--surface-soft);font-size:10px;text-transform:uppercase;letter-spacing:.6px}.usage-table tr:last-child td{border-bottom:0}.usage-table code{color:var(--ink);font-size:11px}.usage-quota{display:inline-block;margin-top:3px;color:var(--muted);font-size:10px}.usage-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;color:var(--muted);font-size:12px}.usage-pagination button:disabled{opacity:.5}.usage-empty{padding:20px;color:var(--muted);text-align:center;font-size:12px}