.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:var(--shadow)}.stat-card .label{color:var(--muted);font-size:12px}.stat-card .value{font-size:28px;font-weight:800;margin:8px 0 4px}.stat-card .trend{font-size:12px;color:var(--green)}.split-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:20px}.list-table{width:100%;border-collapse:collapse}.list-table th,.list-table td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:left}.list-table th{font-size:12px;color:var(--muted)}.list-table td:last-child,.list-table th:last-child{text-align:right}.key-mask{font:13px ui-monospace,monospace;background:#f3f5f9;padding:6px 8px;border-radius:6px}.chart{height:210px;display:flex;align-items:end;gap:12px;padding:22px 8px 8px}.chart i{flex:1;background:linear-gradient(180deg,#7182f4,#dfe4ff);border-radius:6px 6px 2px 2px;min-width:15px}.filter-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.search{min-width:240px;flex:1}.payment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.payment-card{border:1px solid var(--line);border-radius:10px;padding:18px;cursor:pointer}.payment-card.selected{border-color:var(--blue);background:var(--soft)}.faq{display:grid;gap:12px}.faq details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 18px}.faq summary{font-weight:700;cursor:pointer}.admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.admin-nav .btn.active{background:var(--blue);color:#fff;border-color:var(--blue)}.health{display:flex;align-items:center;gap:9px}.health i{width:9px;height:9px;border-radius:50%;background:var(--green)}.switch{width:38px;height:22px;border-radius:999px;background:#cfd5e1;position:relative;display:inline-block}.switch.on{background:var(--green)}.switch:after{content:"";position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:3px;left:3px}.switch.on:after{left:19px}.audit{font-size:12px;color:var(--muted);line-height:1.7}.settings-grid{display:grid;grid-template-columns:220px 1fr;gap:22px}.setting-menu{display:grid;gap:5px;align-content:start}.setting-menu button{border:0;background:none;text-align:left;padding:11px;border-radius:8px;color:var(--muted);cursor:pointer}.setting-menu button.active{background:var(--soft);color:var(--blue);font-weight:700}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;color:var(--muted);font-weight:700}.danger{color:#c94a4a}@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(2,1fr)}.split-layout{grid-template-columns:1fr}.payment-grid{grid-template-columns:1fr}}@media(max-width:800px){.stats-grid{grid-template-columns:1fr}.settings-grid,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}

.theme-btn{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;transition:background .2s,color .2s}.theme-btn:hover{background:var(--soft);color:var(--blue)}
.btn:disabled{cursor:not-allowed;opacity:.58;background:#eef1f6;color:#748198;border-color:#dde2eb}.section-title>.actions{align-items:center}
.status-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.status-head h2{margin:0;font-size:32px}.status-head p{margin:7px 0 0;color:var(--muted)}.status-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.period-switch{display:flex;background:#fff;border:1px solid var(--line);border-radius:10px;padding:3px}.period-switch button{border:0;background:transparent;color:var(--muted);padding:7px 13px;border-radius:7px;font:inherit;cursor:pointer}.period-switch button.active{background:var(--soft);color:var(--blue);font-weight:700}.refresh-chip{background:#fff;border:1px solid var(--line);border-radius:9px;padding:8px 12px;color:var(--muted);font-size:12px}.status-legend{display:flex;gap:18px;align-items:center}.status-legend span{color:var(--muted)}.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.status-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px;box-shadow:var(--shadow)}.status-card-top{display:flex;justify-content:space-between;align-items:start;gap:9px}.status-card-top>.badge{flex-shrink:0}.status-bars{margin:16px 0 14px}.status-bars .bars{height:29px;width:100%;gap:2px}.status-bars .bars i{flex:1;width:auto}.status-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;gap:8px}.status-metrics div{display:grid;gap:5px}.status-metrics span{font-size:10px;color:var(--muted)}.status-metrics strong{font-size:13px}.status-card-foot{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px;margin-top:13px}.status-card-foot .health{color:var(--green);flex-shrink:0}[data-theme="dark"] .period-switch,[data-theme="dark"] .refresh-chip{background:var(--card)}@media(max-width:1180px){.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.status-head{display:grid;gap:18px}.status-actions{justify-content:flex-start}.status-grid{grid-template-columns:1fr}.status-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
.channel-heading{display:flex;align-items:center;gap:9px;min-width:0}.channel-icon{width:38px;height:38px;flex:0 0 38px;border-radius:10px;background:#ddfaeb;color:#079761;display:grid;place-items:center;font-weight:900;font-size:11px}.channel-heading>div:last-child{min-width:0}.channel-title{overflow:hidden;margin-bottom:5px;font-size:15px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.channel-meta{display:flex;align-items:center;gap:6px;min-width:0;color:var(--muted)}.channel-meta code{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.provider-chip{flex-shrink:0;background:#dff8ea;color:#07885a;border-radius:5px;padding:2px 5px;font-size:10px}.metric-cards{border:0;padding:0;margin:17px 0 15px;gap:7px}.metric-cards div{background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:10px;min-width:0}.metric-cards span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-cards strong{font-size:14px}.availability-row{display:flex;align-items:end;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;color:var(--muted);font-size:11px}.availability-row strong{color:#1eb527;font-size:23px;line-height:1}[data-theme="dark"] .metric-cards div{background:#151d2b}[data-theme="dark"] .channel-icon{background:#173c31;color:#59dfaa}@media(max-width:1180px){.channel-title{font-size:16px}.metric-cards strong{font-size:15px}}@media(max-width:800px){.channel-title{font-size:16px}.metric-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pricing-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.pricing-head h2{margin:0;font-size:32px}.pricing-head p{margin:7px 0 0;color:var(--muted)}.pricing-updated{color:var(--muted);font-size:13px}.pricing-summary{text-align:center;border:2px solid var(--blue);border-radius:14px;background:#f1f4ff;padding:30px 22px;margin-bottom:22px;display:grid;gap:8px}.pricing-summary strong{color:#3150d7;font-size:30px;line-height:1.2}.pricing-summary span{font-weight:800;color:#394966;font-size:15px}.pricing-summary small{color:var(--muted);font-size:13px}.pricing-table-card{padding:0;overflow:hidden}.pricing-table-card .table-wrap{overflow:auto}.public-price-table{min-width:820px}.public-price-table th,.public-price-table td{padding:16px 18px}.public-price-table th:nth-child(2),.public-price-table td:nth-child(2){text-align:left}.price-model{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:7px;background:#f6f8fc;overflow:hidden}.price-model code{padding:8px 4px 8px 10px;color:var(--ink);font-weight:700}.copy-model{border:0;background:transparent;color:var(--muted);padding:8px 10px 8px 6px;cursor:pointer;font:inherit;font-size:12px}.copy-model:hover{color:var(--blue)}.billing-kind{color:var(--muted);font-family:ui-monospace,monospace}.pricing-footnote{border-top:1px solid var(--line);padding:15px 18px;color:var(--muted);font-size:12px;line-height:1.6}[data-theme="dark"] .pricing-summary{background:#232d49}[data-theme="dark"] .pricing-summary strong{color:#9aa8ff}[data-theme="dark"] .pricing-summary span{color:var(--ink)}[data-theme="dark"] .price-model{background:#111722}@media(max-width:800px){.pricing-head{display:grid;gap:10px;align-items:start}.pricing-head h2{font-size:28px}.pricing-summary{padding:24px 16px}.pricing-summary strong{font-size:24px}.pricing-updated{font-size:12px}}
.usage-title{margin-bottom:22px}.balance-panel{display:grid;grid-template-columns:1fr 1fr;padding:0;margin-bottom:14px}.balance-panel>div{padding:28px 30px;display:grid;align-content:start;justify-items:start;gap:9px}.balance-panel>div+div{border-left:1px solid var(--line)}.balance-panel span,.model-usage-metrics span{color:var(--muted);font-size:12px}.balance-panel strong{font-size:32px;line-height:1.2}.balance-panel small{color:var(--muted)}.usage-note{color:var(--muted);font-size:12px;margin:0 0 22px}.usage-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.usage-summary .stat-card{box-shadow:none}.trend.neutral{color:var(--muted)}.model-usage-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.model-usage-head h3{margin:0;font-size:19px}.model-usage-head p{margin:6px 0 0;color:var(--muted)}.model-usage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.model-usage-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px;box-shadow:var(--shadow)}.model-usage-top{display:flex;align-items:start;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line)}.model-usage-top>div{display:grid;gap:7px;min-width:0}.model-family{font-size:17px;font-weight:800}.model-usage-top code{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.cache-rate{display:grid;gap:5px;text-align:right;flex-shrink:0}.cache-rate small{color:var(--muted);font-size:11px}.cache-rate strong{color:var(--green);font-size:23px}.model-usage-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.model-usage-metrics>div{background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:12px;display:grid;gap:5px;min-width:0}.model-usage-metrics strong{font-size:17px;overflow-wrap:anywhere}.model-usage-metrics small{color:var(--muted);font-size:10px}[data-theme="dark"] .model-usage-metrics>div{background:#151d2b}@media(max-width:900px){.model-usage-grid{grid-template-columns:1fr}}@media(max-width:800px){.balance-panel{grid-template-columns:1fr}.balance-panel>div+div{border-left:0;border-top:1px solid var(--line)}.usage-summary{grid-template-columns:1fr}.model-usage-head{display:grid;gap:12px}.model-usage-metrics{grid-template-columns:repeat(2,1fr)}}
.support-contact{display:flex;align-items:start;justify-content:space-between;gap:18px;background:#eef5ff;border:1px solid #cad9ff;border-radius:10px;padding:18px 20px;margin-bottom:18px}.support-contact strong{font-size:16px}.support-contact p{margin:7px 0 0;color:#50617e;line-height:1.7}.support-contact a{color:var(--blue);font-weight:800;text-decoration:none}.support-contact a:hover{text-decoration:underline}.faq-answer{color:var(--muted);line-height:1.75;padding-top:8px}.faq-answer p{margin:8px 0}.faq-answer ol{margin:8px 0;padding-left:22px}.faq-answer li+li{margin-top:5px}.faq-answer b{color:var(--ink)}[data-theme="dark"] .support-contact{background:#1e2a42;border-color:#40527c}[data-theme="dark"] .support-contact p{color:var(--muted)}@media(max-width:800px){.support-contact{display:grid}.support-contact .badge{justify-self:start}}
.key-notice{display:flex;align-items:center;gap:14px}.key-notice span{color:var(--muted)}.key-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px}.key-toolbar .muted{margin-left:auto;font-size:12px}.key-table-card{padding:0;overflow:hidden}.key-table-card .table-wrap{overflow:auto}.key-table{min-width:1050px}.key-table th,.key-table td{vertical-align:middle}.key-table td>small,.key-table td>strong+small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.key-status{display:inline-flex;align-items:center;gap:7px;font-weight:700;white-space:nowrap}.key-status i{width:7px;height:7px;border-radius:50%}.key-status.green{color:var(--green)}.key-status.green i{background:var(--green)}.key-status.amber{color:#a66b05}.key-status.amber i{background:#e7a72d}.key-value{display:flex;align-items:center;gap:8px}.key-value code{white-space:nowrap;color:var(--muted)}.key-copy{border:1px solid #cbd5ff;background:var(--soft);color:var(--blue);border-radius:7px;padding:6px 9px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.key-group{display:inline-flex;flex-direction:column;gap:3px;border:1px solid #d4dcff;background:#f5f7ff;color:var(--blue);border-radius:8px;padding:7px 10px;min-width:120px}.key-group small{font-size:10px;color:var(--muted)}.key-actions{display:flex;align-items:center;gap:5px}.key-actions button{width:30px;height:30px;border:1px solid transparent;background:transparent;border-radius:7px;font-size:17px;color:#48556d;cursor:pointer}.key-actions button:hover{background:var(--soft);border-color:#d9e0ff;color:var(--blue)}.key-footnote{padding:14px 18px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}[data-theme="dark"] .key-group{background:#202a43;border-color:#40517c}[data-theme="dark"] .key-actions button{color:var(--muted)}@media(max-width:800px){.key-notice{align-items:start}.key-toolbar{flex-wrap:wrap}.key-toolbar .search{width:100%;min-width:0}.key-toolbar .muted{margin-left:0}.key-table-card{margin-left:0;margin-right:0}}
[data-theme="dark"]{--ink:#e8edf8;--muted:#9aa8bf;--line:#2c3547;--bg:#111722;--blue:#8292ff;--soft:#242d45;--green:#35c889;--card:#192130;--shadow:0 18px 50px rgba(0,0,0,.18)}[data-theme="dark"] body{background:var(--bg);color:var(--ink)}[data-theme="dark"] .sidebar,[data-theme="dark"] .topbar,[data-theme="dark"] .card,[data-theme="dark"] .quick-card,[data-theme="dark"] .stat-card,[data-theme="dark"] .faq details,[data-theme="dark"] .endpoint{background:var(--card)}[data-theme="dark"] .topbar{background:rgba(25,33,48,.92)}[data-theme="dark"] .hero{background:radial-gradient(circle at 50% 18%,#293352 0,transparent 50%)}[data-theme="dark"] .eyebrow,[data-theme="dark"] .btn,[data-theme="dark"] .input,[data-theme="dark"] .payment-card{background:#20293a;color:var(--ink);border-color:var(--line)}[data-theme="dark"] .btn.primary,[data-theme="dark"] .admin-nav .btn.active{background:#6174f5;color:#fff;border-color:#6174f5}[data-theme="dark"] .notice,[data-theme="dark"] .preview,[data-theme="dark"] .payment-card.selected{background:#232d49;border-color:#46588f;color:#bdc8ff}[data-theme="dark"] .key-mask{background:#111722}[data-theme="dark"] .code{background:#0c111a}[data-theme="dark"] code{color:#c9d3ff}

.key-group{gap:4px;border:0;background:transparent;color:var(--ink);border-radius:0;padding:0;font-weight:700}.key-group small{font-weight:400}.key-dialog{width:min(520px,calc(100vw - 32px));padding:0;border:0;border-radius:10px;background:transparent;color:var(--ink);box-shadow:0 28px 80px rgba(24,32,58,.25)}.key-dialog::backdrop{background:rgba(23,29,43,.42);backdrop-filter:blur(2px)}.key-dialog-card{padding:0;border:1px solid var(--line);border-radius:10px;background:var(--card);overflow:hidden}.key-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid var(--line)}.key-dialog-head h3{margin:0;font-size:20px}.key-dialog-head p{margin:6px 0 0;color:var(--muted);font-size:12px}.key-dialog-close{width:32px;height:32px;border:0;border-radius:7px;background:transparent;color:var(--muted);font:24px/1 inherit;cursor:pointer}.key-dialog-close:hover{background:var(--soft);color:var(--ink)}#keyCreateForm,.key-created{padding:22px 24px}.key-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.key-create-note{margin-top:16px;padding:12px 14px;border-left:3px solid #9aa7e8;background:#f7f8fc;color:var(--muted);font-size:11px;line-height:1.65}.key-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.key-created>span{color:var(--blue);font-size:11px;font-weight:800}.key-created h4{margin:7px 0 16px;font-size:17px}.key-created>div{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.key-created code{flex:1;overflow-wrap:anywhere;color:var(--ink)}.key-created p{margin:13px 0 18px;color:var(--muted);font-size:11px;line-height:1.6}.key-created>.btn{width:100%}[data-theme="dark"] .key-group{background:transparent;border:0}[data-theme="dark"] .key-create-note{background:#20293a}@media(max-width:800px){.key-form-grid{grid-template-columns:1fr}}
.key-form-sections{margin-top:18px;border-top:1px solid var(--line)}.key-form-section{padding:18px 0;border-bottom:1px solid var(--line)}.key-section-title{display:flex;align-items:center;gap:10px;margin-bottom:16px}.key-section-title strong,.key-advanced summary strong{display:block;font-size:13px}.key-section-title small,.key-advanced summary small,.field-help{display:block;margin-top:3px;color:var(--muted);font-size:10px;font-weight:400}.key-section-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e8f5ff;color:#1686d8;font-size:16px}.key-section-icon.quota{background:#e9f8f1;color:#15936a}.key-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.key-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.key-toggle-row strong,.key-toggle-row small{display:block}.key-toggle-row small{margin-top:3px;color:var(--muted);font-size:10px}.key-toggle-row input{position:absolute;opacity:0}.key-toggle-row i{position:relative;display:block;width:38px;height:22px;border-radius:99px;background:#d7dce8;cursor:pointer}.key-toggle-row i:after{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.18s}.key-toggle-row input:checked+i{background:#46a7e8}.key-toggle-row input:checked+i:after{left:19px}.key-advanced{padding-bottom:0}.key-advanced summary{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer}.key-advanced summary::-webkit-details-marker{display:none}.key-advanced summary>b{margin-left:auto;color:var(--muted);font-size:18px}.key-advanced[open] summary>b{transform:rotate(180deg)}.key-advanced .key-form-row{padding-bottom:4px}