.usage-page{gap:var(--s-6);flex-direction:column;max-width:1400px;margin:0 auto;padding:28px 32px 80px;display:flex}.filters{gap:var(--s-3);padding:var(--s-4) var(--s-5);background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-lg);flex-wrap:wrap;align-items:end;display:flex}.filter-field{flex-direction:column;gap:4px;min-width:0;display:flex}.filter-field>span{font-size:var(--t-xs);color:var(--fg-3);letter-spacing:var(--tracking-wide);text-transform:uppercase}.filter-field input,.filter-field select{min-width:140px;font-size:var(--t-sm);color:var(--fg);background:var(--surface-3);border:1px solid var(--line);border-radius:var(--r-md);padding:5px 8px}.filter-presets{gap:4px;margin-bottom:1px;display:inline-flex}.chip{font-size:var(--t-xs);color:var(--fg-2);border:1px solid var(--line);border-radius:var(--r-pill);cursor:pointer;transition:background var(--dur-fast), border-color var(--dur-fast), color var(--dur-fast);background:0 0;align-items:center;padding:5px 10px;font-weight:500;display:inline-flex}.chip:hover{background:var(--surface-2);color:var(--fg);border-color:var(--line-strong)}.chip.is-active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-line)}.kpis{gap:var(--s-3);grid-template-columns:repeat(6,1fr);display:grid}@media (width<=1100px){.kpis{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.kpis{grid-template-columns:repeat(2,1fr)}}.kpi{padding:var(--s-4) var(--s-5);background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-lg);flex-direction:column;gap:4px;min-width:0;display:flex}.kpi-label{font-size:var(--t-xs);color:var(--fg-3);letter-spacing:var(--tracking-wide);text-transform:uppercase}.kpi-value{font-size:var(--t-xl);letter-spacing:var(--tracking-tight);color:var(--fg);font-variant-numeric:tabular-nums;font-weight:600;line-height:1.1}.kpi-value[data-trend=up]{color:var(--danger)}.kpi-value[data-trend=down]{color:var(--ok)}.kpi-sub{font-size:var(--t-xs)}.chart-panel .panel-head{gap:var(--s-3)}.chart-toggle{gap:4px;margin-left:auto;display:inline-flex}.chart{width:100%;height:260px;position:relative}.chart svg{width:100%;height:100%;display:block}.chart-tip{font-family:var(--font-mono);font-size:var(--t-xs);white-space:nowrap;color:var(--fg);background:var(--surface-3);border:1px solid var(--line-strong);border-radius:var(--r-md);pointer-events:none;z-index:2;padding:4px 8px;position:absolute;transform:translate(-50%,-130%)}.empty{padding:var(--s-7);text-align:center;font-size:var(--t-sm)}.grid-2{gap:var(--s-4);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=980px){.grid-2{grid-template-columns:1fr}}.dim-table{border-collapse:collapse;width:100%;font-size:var(--t-sm);font-variant-numeric:tabular-nums}.dim-table th,.dim-table td{text-align:right;border-bottom:1px solid var(--line-soft);padding:8px 14px}.dim-table th:first-child,.dim-table td:first-child{text-align:left}.dim-table th{font-weight:500;font-size:var(--t-xs);color:var(--fg-3);letter-spacing:var(--tracking-wide);text-transform:uppercase;background:var(--surface-2)}.dim-table tbody tr:last-child td{border-bottom:0}.dim-table tbody tr:hover{background:var(--surface-2)}.dim-table .key{font-family:var(--font-mono);font-size:var(--t-xs);color:var(--fg)}.dim-table .pct-bar{background:var(--line-strong);vertical-align:middle;border-radius:2px;width:40px;height:4px;margin-left:6px;display:inline-block;overflow:hidden}.dim-table .pct-bar>i{background:var(--accent);height:100%;display:block}.dim-table .badge-kind{letter-spacing:.04em;text-transform:uppercase;border-radius:var(--r-sm);background:var(--surface-3);color:var(--fg-3);padding:1px 6px;font-size:10px;display:inline-block}.dim-table .badge-kind[data-kind=skill]{color:var(--accent)}.dim-table .badge-kind[data-kind=bash]{color:var(--warn)}.dim-table .badge-kind[data-kind=fs]{color:var(--ok)}.dim-table .badge-kind[data-kind=web]{color:var(--info)}.dim-table .badge-kind[data-kind=mcp]{color:#c8b3e8}.t-empty,.hint{font-size:var(--t-xs);margin-left:auto}code{font-family:var(--font-mono);font-size:var(--t-xs)}.stop-bars{gap:var(--s-3);flex-direction:column;display:flex}.stop-row{gap:var(--s-3);font-size:var(--t-sm);grid-template-columns:180px 1fr 80px;align-items:center;display:grid}.stop-row code{color:var(--fg)}.stop-row .track{background:var(--line-strong);border-radius:999px;height:8px;overflow:hidden}.stop-row .track>i{background:var(--accent);height:100%;display:block}.stop-row .track[data-kind=error]>i{background:var(--danger)}.stop-row .track[data-kind=max]>i{background:var(--warn)}.stop-row .track[data-kind=ok]>i{background:var(--ok)}.stop-row .count{text-align:right;font-variant-numeric:tabular-nums;color:var(--fg-2)}