:root{color:#e5e7eb;font-synthesis:none;text-rendering:optimizelegibility;background-color:#0b1120;font-family:Inter,system-ui,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}h1,h2,p{margin-top:0}.dashboard{max-width:1200px;margin:0 auto;padding:40px 24px}.dashboard-header{margin-bottom:32px}.dashboard-header h1{margin-bottom:8px;font-size:32px;font-weight:700}.dashboard-subtitle{color:#94a3b8;font-size:15px}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px;display:grid}.metric-card{background-color:#151e2e;border:1px solid #293548;border-radius:12px;min-width:0;padding:24px}.metric-card h2{margin-bottom:20px;font-size:18px;font-weight:600}.metric-lead{color:#94a3b8;overflow-wrap:anywhere;font-size:14px}.metric-primary{margin:12px 0;font-size:36px;font-weight:700}.metric-details{border-top:1px solid #293548;margin-top:24px;padding-top:16px}.detail-row{justify-content:space-between;gap:12px;padding:8px 0;display:flex}.detail-row dt{color:#94a3b8}.detail-row dd{text-align:right;overflow-wrap:anywhere;margin:0}.usage-progress{appearance:none;background-color:#293548;border:none;border-radius:10px;width:100%;height:10px;display:block;overflow:hidden}.usage-progress::-webkit-progress-bar{background-color:#293548}.usage-progress::-webkit-progress-value{background-color:#3b82f6;border-radius:10px}.usage-progress::-moz-progress-bar{background-color:#3b82f6;border-radius:10px}.dashboard-error{color:#fca5a5;margin-bottom:20px}.metric-empty{color:#94a3b8}@media (width<=600px){.dashboard{padding:24px 16px}.dashboard-header h1{font-size:26px}.metric-card{padding:20px}}.card-title{align-items:center;gap:12px;display:flex}.card-title svg{color:#60a5fa;flex-shrink:0}