.usage-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding:10px 0;display:flex}.usage-row:last-child{border-bottom:none}.usage-icon{background:var(--bg);border:1px solid var(--border);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.usage-icon .material-symbols-outlined{color:var(--muted);font-size:16px}.usage-model{color:var(--text);word-break:break-all;font-size:13px;font-weight:600}.usage-meta{color:var(--muted);margin-top:2px;font-size:11px}.usage-cost{text-align:right;flex-shrink:0;font-size:13px;font-weight:600}.usage-cost.free{color:var(--accent)}.summary-grid{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:14px}.summary-val{font-size:20px;font-weight:700}.summary-lbl{color:var(--muted);margin-top:3px;font-size:12px;font-weight:600}.pagination{justify-content:center;align-items:center;gap:8px;margin-top:14px;display:flex}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-bottom:16px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.stat-label{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:600}.stat-value{font-size:26px;font-weight:700;line-height:1}.stat-sub{color:var(--muted);margin-top:4px;font-size:11px}.rpm-chart{align-items:flex-end;gap:6px;height:80px;padding:0 4px;display:flex}.rpm-bar-wrap{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.rpm-bar{background:var(--accent);opacity:.7;border-radius:3px 3px 0 0;width:100%;min-height:2px;transition:height .3s}.rpm-label{color:var(--muted);white-space:nowrap;font-size:10px}.admin-table{border-collapse:collapse;width:100%;font-size:12px}.admin-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);padding:6px 10px;font-size:12px;font-weight:600}.admin-table td{border-bottom:1px solid #222b3480;padding:7px 10px}.admin-table tr:last-child td{border-bottom:none}.usage-icon .usage-ok{color:var(--accent)}.usage-icon .usage-failed{color:#f5a7a7}.usage-list{padding:4px 16px}.usage-main{flex:1;min-width:0}.pagination-label{color:var(--muted);font-size:12px}.usage-hero{margin-bottom:12px;padding:22px 22px 20px}.usage-hero-loading{min-height:132px}.usage-hero-number{letter-spacing:-.02em;flex-wrap:wrap;align-items:baseline;gap:10px;font-size:44px;font-weight:800;line-height:1.05;display:flex}.usage-hero-number span{color:var(--muted);letter-spacing:0;font-size:14px;font-weight:600}.usage-hero-line{color:var(--text);margin-top:10px;font-size:16px}.usage-hero-line em,.usage-milestone em{color:var(--accent);font-style:italic}.usage-milestone{color:var(--muted);gap:6px;margin-top:14px;font-size:12px;display:grid}.usage-milestone-bar{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.usage-milestone-bar span{background:var(--accent);height:100%;display:block}.usage-tiles{grid-template-columns:repeat(4,1fr)}.summary-val small{color:var(--muted);font-size:13px;font-weight:600}.usage-activity,.usage-sources{margin-bottom:14px;padding:16px}.usage-activity-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.usage-activity-head .section-title,.usage-sources .section-title{margin:0}.usage-note{color:var(--muted);font-size:12px}.usage-chart{align-items:flex-end;gap:3px;height:140px;display:flex}.usage-chart-col{min-width:0;height:100%;box-shadow:inset 0 -1px 0 var(--border);border-radius:3px 3px 0 0;flex-direction:column-reverse;flex:1;display:flex;overflow:hidden}.usage-chart-col span{width:100%;min-height:1px;display:block}.usage-legend{flex-wrap:wrap;gap:8px 16px;margin-top:12px;font-size:12px;list-style:none;display:flex}.usage-legend li{align-items:center;gap:6px;display:inline-flex}.usage-legend i{border-radius:50%;width:9px;height:9px}.usage-legend span{color:var(--muted)}.usage-sources ul{gap:8px;margin-top:12px;font-size:13px;list-style:none;display:grid}.usage-sources li{grid-template-columns:130px 1fr auto;align-items:center;gap:10px;display:grid}.usage-source-bar{background:var(--border);border-radius:4px;height:8px;overflow:hidden}.usage-source-bar span{background:var(--accent);height:100%;display:block}@media (width<=639px){.usage-tiles{grid-template-columns:1fr 1fr}.usage-hero-number{font-size:34px}.usage-chart{gap:2px;height:110px}.usage-sources li{grid-template-columns:100px 1fr auto}}
