.personal{margin:10px 0 38px}.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}.usage-card{padding:24px;border:1px solid #dfe5db;background:#edf2e7;border-radius:16px}.usage-card h3{font-size:14px;margin:0 0 22px;color:#526b45}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:22px}.metric-label{display:block;font-size:11px;color:#75866b;margin-bottom:6px}.metrics strong{font-size:24px;font-weight:650;letter-spacing:-.7px}progress.track{appearance:none;width:100%;border:0}progress::-webkit-progress-bar{background:#edf0e9;border-radius:10px}progress::-webkit-progress-value{background:#87a867;border-radius:10px}progress::-moz-progress-bar{background:#87a867;border-radius:10px}
.toolbar>.text-button{flex-shrink:0;white-space:nowrap}
.remember{display:flex;align-items:center;gap:8px;margin:18px 0 0;font-weight:400;color:#64785b}.remember input{flex:none;width:16px;height:16px;accent-color:#31533b;padding:0}
main{padding:28px 0 44px}.brand{font-size:22px;letter-spacing:-.6px}.logout-button{background:#c83d3d;color:#fff;white-space:nowrap;flex-shrink:0;padding:10px 18px}.range-tabs{display:flex;gap:4px;padding:4px;border:1px solid #d5dfce;background:#edf2e7;border-radius:10px}.range-tabs button{background:transparent;color:#6b7d60;padding:8px 14px;border-radius:7px}.range-tabs button[aria-selected=true]{background:#31533b;color:white}.personal{margin:0 0 32px}.personal .toolbar{margin-top:0}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}#message:empty{display:none}.login{margin-top:0}@media(max-width:600px){header{gap:12px}.brand{font-size:15px;letter-spacing:-.5px;line-height:1.6}.logout-button{padding:9px 13px}.personal .toolbar{flex-wrap:wrap;gap:16px}.range-tabs{width:100%}.range-tabs button{flex:1}.metrics{grid-template-columns:1fr 1fr;gap:24px}main{padding-top:24px}.usage-card{padding:24px}}

.actions{flex-shrink:0}.secondary{white-space:nowrap}.toolbar>div:first-child{min-width:0}
.usage-sections{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,2fr);gap:18px}.usage-sections .metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 18px}.usage-card h3{font-size:15px}.usage-sections .metrics strong{font-size:clamp(18px,2vw,24px);overflow-wrap:anywhere}.request-card{background:#f3f5ee}.success-value{color:#416a3c}.failure-value{color:#bc4545}.token-note{margin-top:20px;font-size:11px}@media(max-width:900px){.usage-sections{grid-template-columns:1fr}}@media(max-width:600px){.token-card .metrics{grid-template-columns:1fr 1fr}.usage-sections .metrics strong{font-size:23px}}

.usage-controls{display:flex;align-items:center;gap:12px;min-width:0}.usage-controls .range-tabs{width:auto}.usage-controls>button{flex-shrink:0}@media(max-width:600px){.usage-controls{width:100%;gap:8px}.usage-controls .range-tabs{flex:1;min-width:0;gap:2px}.usage-controls .range-tabs button{padding:8px 6px;min-width:0}.usage-controls>button{padding:12px;font-size:13px}}