[data-slot~=ai-usage-page]{background:var(--bg-surface-primary);flex-direction:column;width:100%;height:100%;min-height:0;display:flex;overflow:hidden auto;container-type:inline-size}[data-slot~=ai-usage-page__content]{flex-direction:column;flex:1 0 auto;width:100%;margin:0 auto;padding:24px;display:flex}[data-slot~=ai-usage-page__filters]{flex-wrap:wrap;flex:none;align-items:flex-start;gap:16px;min-width:0;padding-bottom:24px;display:flex}[data-slot~=ai-usage-page__filters] label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-slot~=ai-usage-page__date-range],[data-slot~=ai-usage-page__filter-select]{flex:none;width:240px}[data-slot~=ai-usage-page__source-filters]{flex:180px;justify-content:flex-end;align-items:center;gap:12px;min-width:180px;margin-left:auto;display:flex;position:relative}[data-slot~=ai-usage-page__source-measure]{visibility:hidden;pointer-events:none;width:max-content;position:absolute}[data-slot~=ai-usage-page__summary]{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}[data-slot~=ai-usage-page__metric]{min-width:0;display:flex}[data-slot~=ai-usage-page__metric]+[data-slot~=ai-usage-page__metric]{margin-left:-1px}[data-slot~=ai-usage-page__charts]{border:1px solid var(--border-neutral);grid-template-columns:minmax(0,2fr) minmax(0,1fr);margin-top:-1px;display:grid}[data-slot~=ai-usage-page__trend]{flex-direction:column;min-width:0;min-height:440px;padding:20px;display:flex}[data-slot~=ai-usage-page__trend-heading]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;display:flex}[data-slot~=ai-usage-page__chart]{flex:1;min-height:320px}[data-slot~=ai-usage-page__composition]{border-left:1px solid var(--border-neutral);grid-template-rows:repeat(2,minmax(0,1fr));display:grid}[data-slot~=ai-usage-page__composition-panel]{min-width:0;padding:20px}[data-slot~=ai-usage-page__composition-panel]+[data-slot~=ai-usage-page__composition-panel]{border-top:1px solid var(--border-neutral)}[data-slot~=ai-usage-page__dimensions]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:28px;display:flex}[data-slot~=ai-usage-page__table]{flex:none;margin-top:16px}[data-slot~=ai-usage-page__banner]{padding-bottom:16px}@container (width<760px){[data-slot~=ai-usage-page__source-filters]{flex-basis:100%;justify-content:flex-start;width:100%;margin-left:0}[data-slot~=ai-usage-page__content]{padding:16px}[data-slot~=ai-usage-page__date-range],[data-slot~=ai-usage-page__filter-select]{flex:1;width:auto;min-width:200px}[data-slot~=ai-usage-page__charts]{grid-template-columns:minmax(0,1fr)}[data-slot~=ai-usage-page__trend]{min-height:360px;padding:16px}[data-slot~=ai-usage-page__chart]{min-height:280px}[data-slot~=ai-usage-page__composition]{border-top:1px solid var(--border-neutral);border-left:0;grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr))}[data-slot~=ai-usage-page__composition-panel]{padding:16px}[data-slot~=ai-usage-page__composition-panel]+[data-slot~=ai-usage-page__composition-panel]{border-top:0;border-left:1px solid var(--border-neutral)}}@container (width<500px){[data-slot~=ai-usage-page__summary],[data-slot~=ai-usage-page__composition]{grid-template-columns:minmax(0,1fr)}[data-slot~=ai-usage-page__metric]+[data-slot~=ai-usage-page__metric]{margin-top:-1px;margin-left:0}[data-slot~=ai-usage-page__composition-panel]+[data-slot~=ai-usage-page__composition-panel]{border-top:1px solid var(--border-neutral);border-left:0}}