.usage-section{margin-top:28px}.usage-controls{display:flex;gap:12px;align-items:end}.usage-controls label{display:flex;flex-direction:column;gap:7px;color:#a7b5d2;font-size:10px}.usage-controls select{font:inherit;font-size:12px;color:#e4eaff;background:#10162a;border:1px solid #414865;border-radius:7px;padding:10px 30px 10px 12px;max-width:250px}.usage-controls select:focus-visible{outline:2px solid #91eee1;outline-offset:3px}.chart-shell{padding:0 26px 20px;position:relative}.chart-caption{display:flex;justify-content:space-between;color:#9aa9c7;font-size:10px;margin:6px 0 12px}.daily-chart{display:flex;height:185px;gap:8px;border-top:1px dashed #3d435b;background:repeating-linear-gradient(to top,transparent,transparent 39px,#8298c911 40px);padding-top:10px}.day-column{min-width:0;flex:1;display:flex;flex-direction:column;align-items:center}.day-bar{height:145px;width:100%;max-width:65px;position:relative;background:none;border:0;padding:0;border-bottom:1px solid #52617e;border-radius:5px 5px 0 0;display:flex;align-items:end;justify-content:center}.day-fill{height:var(--bar-height);width:76%;background:linear-gradient(0deg,#7760dc,#80f5e0);border-radius:4px 4px 0 0;box-shadow:0 0 15px #8cdfff19;transition:filter .2s}.day-bar:hover .day-fill,.day-bar:focus-visible .day-fill{filter:brightness(1.3)}.day-label{color:#9cabc8;font-size:9px;margin-top:10px;white-space:nowrap}.chart-tip{display:none;position:absolute;z-index:3;bottom:50%;left:50%;transform:translateX(-50%);width:145px;background:#26243f;border:1px solid #7b70a5;border-radius:7px;color:#e7ebff;font-size:11px;line-height:1.7;padding:9px;pointer-events:none;box-shadow:0 5px 22px #0006}.day-bar:hover .chart-tip,.day-bar:focus-visible .chart-tip{display:block}.day-column:first-child .chart-tip{left:0;transform:none}.day-column:last-child .chart-tip{left:auto;right:0;transform:none}.history-panel{margin-top:22px}.history-panel td{padding-top:16px;padding-bottom:16px}.history-panel td:first-child{min-width:70px}.request-id{color:#94a5c6}.model-tag{padding:5px 8px;background:#9295ff13;border:1px solid #9594ff26;border-radius:5px;font-size:11px;color:#c3c9ff}.history-controls{display:flex;gap:8px}.history-controls button{padding:6px 12px}.usage-empty,.history-empty{color:#a8b6cf;font-size:12px;padding:15px 25px;text-align:center}.usage-error{margin:0 25px 18px;color:#ffc1cf;font-size:12px}.usage-note{font-size:11px;color:#a0adc9;padding:0 25px 20px}.history-panel .table-footer{align-items:center}.usage-section h2{display:flex;align-items:center;gap:8px}.usage-section h2 svg{color:#8ef4dc}@media(max-width:750px){.usage-controls{margin-top:18px;flex-wrap:wrap}.usage-controls label{flex:1}.usage-controls select{width:100%;max-width:100%}.daily-chart{gap:3px}.chart-shell{padding:0 16px 16px}.day-label{font-size:8px}.history-panel .table-footer{flex-wrap:wrap}}