.usage-panel{position:fixed;inset:0 0 0 auto;margin:0;width:min(520px,100vw);max-width:100vw;height:var(--shell-height,100dvh);max-height:var(--shell-height,100dvh);box-sizing:border-box;border:0;border-left:1px solid var(--border);border-radius:0;padding:23px;background:var(--surface);color:var(--text);overflow:auto;font:14px/1.6 Inter,Manrope,ui-sans-serif,system-ui,sans-serif;box-shadow:-15px 0 60px var(--shadow)}
.usage-panel::backdrop{background:rgb(0 0 0 / 55%)}
.usage-panel header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.usage-panel h2{margin:0;font:500 22px/1.4 Inter,Manrope,ui-sans-serif,system-ui,sans-serif}
.usage-panel h3{margin:25px 0 12px;font-size:16px;font-weight:500}
.usage-controls{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}
.usage-panel select,.usage-panel button{min-height:42px;border:1px solid var(--border-strong);border-radius:10px;padding:8px 12px;background:var(--surface-raised);color:var(--text);cursor:pointer;font:inherit;max-width:100%}
.usage-panel button:disabled{opacity:.6;cursor:wait}
.usage-panel :focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.usage-muted{color:var(--text-muted);font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.usage-warning{color:var(--danger)}
.usage-warning:empty{display:none}
.usage-report-text{display:block;box-sizing:border-box;width:100%;min-height:180px;max-height:320px;margin:8px 0 18px;padding:12px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface-raised);color:var(--text);font:13px/1.5 ui-monospace,monospace;resize:vertical}
.usage-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.usage-summary>div{border:1px solid var(--border);border-radius:13px;padding:13px 15px;background:var(--surface-raised);min-width:0}
.usage-summary>div:first-child{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px}
.usage-summary span{display:block;color:var(--text-muted);font-size:12px}
.usage-summary strong{display:block;font-size:21px;margin-top:5px;font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.usage-summary>div:first-child strong{font-size:27px;margin:0}
.usage-chart{max-height:220px;overflow:auto}
.usage-chart-row{display:grid;grid-template-columns:85px minmax(35px,1fr) 155px;gap:10px;align-items:center;margin:11px 0;font-size:12px}
.usage-track{height:10px;background:var(--bg-soft);border-radius:5px;overflow:hidden}
.usage-bar{display:block;height:100%;background:var(--gold);border-radius:5px}
.usage-operation{border:1px solid var(--border);border-radius:12px;margin:10px 0;padding:13px;background:var(--surface-raised)}
.usage-operation summary{cursor:pointer;font-weight:400;overflow-wrap:anywhere}
.usage-table-scroll{overflow:auto;max-width:100%;scrollbar-width:thin}
.usage-panel table{border-collapse:collapse;width:100%;font-size:12px}
.usage-panel th,.usage-panel td{padding:11px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border);min-width:75px}
.usage-panel th{background:var(--bg-soft);white-space:nowrap;font-weight:400}
.usage-panel td:last-child{min-width:250px}
.usage-panel td:nth-child(2){overflow-wrap:anywhere;min-width:140px}
@media(max-width:650px){.usage-panel{padding:18px 16px}.usage-chart-row{grid-template-columns:78px 1fr 112px;gap:7px;font-size:11px}.usage-controls>*{flex:1 1 45%;min-width:0}.usage-controls>select:first-child{flex-basis:100%}.usage-panel header h2{font-size:21px}.usage-summary strong{font-size:19px}}