.usage-v2{background:var(--color-neutral-secondary-soft);width:100%;font-family:var(--font-family);min-height:100%;padding:24px}.tf-usage-overview{justify-content:space-between;align-items:center;gap:var(--spacing-6);min-height:136px;padding:var(--spacing-6);background:linear-gradient(175deg, var(--color-neutral-primary-soft) 30%, var(--color-brand-softer) 100%);border:1px solid var(--color-border-brand-subtle);box-shadow:var(--shadow-sm);border-radius:14px;flex-wrap:wrap;margin-bottom:20px;display:flex;position:relative}.tf-usage-overview-main{align-items:center;gap:var(--spacing-4);min-width:0;display:flex}.tf-usage-overview-mark{width:44px;height:44px;color:var(--color-fg-brand);background:var(--color-neutral-primary-soft);border:1px solid var(--color-border-brand-subtle);box-shadow:var(--shadow-xs);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tf-usage-overview-text{min-width:0}.tf-usage-overview-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-heading);letter-spacing:-.01em;line-height:var(--line-height-snug);margin:0}.tf-usage-overview-desc{font-size:var(--font-size-sm);color:var(--color-body-subtle);line-height:var(--line-height-normal);margin:4px 0 0}.tf-usage-overview-side{flex-shrink:0;align-items:center;display:flex}.tf-usage-overview-side .ant-select .ant-select-selector{background:var(--color-neutral-primary-soft)!important;border:1px solid var(--color-border-brand-subtle)!important;border-radius:10px!important;height:40px!important;transition:border-color .16s,box-shadow .16s!important}.tf-usage-overview-side .ant-select-selection-item,.tf-usage-overview-side .ant-select-selection-placeholder{line-height:38px!important;font-size:var(--font-size-sm)!important}.tf-usage-overview-side .ant-select-selection-item{color:var(--color-heading)!important}.tf-usage-overview-side .ant-select-selection-placeholder{color:var(--color-body-subtle)!important}.tf-usage-overview-side .ant-select-focused .ant-select-selector,.tf-usage-overview-side .ant-select-open .ant-select-selector{border-color:var(--color-brand)!important;box-shadow:0 0 0 3px var(--color-brand-softer)!important}.tf-usage-overview-side .ant-select-arrow{color:var(--color-body-subtle)!important}.tf-usage-toolbar{align-items:center;gap:var(--spacing-4);flex-wrap:wrap;margin-bottom:20px;display:flex}.tf-usage-toolbar .ant-select .ant-select-selector{background:var(--color-neutral-primary-soft)!important;border:1px solid var(--color-border-default)!important;border-radius:10px!important;height:38px!important;transition:border-color .16s,box-shadow .16s!important}.tf-usage-toolbar .ant-select-selection-item,.tf-usage-toolbar .ant-select-selection-placeholder{line-height:36px!important;font-size:var(--font-size-sm)!important}.tf-usage-toolbar .ant-select-selection-item{color:var(--color-heading)!important}.tf-usage-toolbar .ant-select-selection-placeholder{color:var(--color-body-subtle)!important}.tf-usage-toolbar .ant-select-focused .ant-select-selector,.tf-usage-toolbar .ant-select-open .ant-select-selector{border-color:var(--color-brand)!important;box-shadow:0 0 0 3px var(--color-brand-softer)!important}.tf-usage-toolbar .ant-select-arrow{color:var(--color-body-subtle)!important}.tf-usage-toolbar .w-\[300px\]{border-color:var(--color-border-default)!important;border-radius:10px!important}.tf-usage-toolbar-export.ant-btn{height:38px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-fg-brand);background:var(--color-neutral-primary-soft);border:1px solid var(--color-border-brand-subtle);box-shadow:none;border-radius:10px;align-items:center;gap:6px;margin-left:auto;padding:0 14px;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.tf-usage-toolbar-export.ant-btn:hover{background:var(--color-brand-softer);border-color:var(--color-brand);color:var(--color-fg-brand-strong)}.tf-usage-view-dropdown.ant-select-dropdown{border:1px solid var(--color-border-default);background:var(--color-neutral-primary-soft);box-shadow:var(--shadow-lg);border-radius:12px;padding:6px}.tf-usage-view-dropdown .ant-select-item{border-radius:8px;padding:6px 8px}.tf-usage-view-dropdown .ant-select-item-option-selected,.tf-usage-view-dropdown .ant-select-item-option-active{background:var(--color-brand-softer)!important}@media (max-width:768px){.tf-usage-overview{flex-direction:column;align-items:flex-start}}.usage-v2-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.usage-v2-toolbar-left{flex-direction:column;flex:320px;gap:8px;min-width:0;display:flex}.usage-v2-toolbar-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.usage-kpi-bar{grid-template-columns:1.4fr repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}@media (max-width:900px){.usage-kpi-bar{grid-template-columns:1fr 1fr}}.usage-kpi-hero{background:linear-gradient(135deg, var(--color-brand) 0%, var(--color-brand-strong) 100%);border-radius:var(--radius-base);color:#fff;box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center;min-height:96px;padding:20px 24px;display:flex;position:relative;overflow:hidden}.usage-kpi-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff2e 0%,#0000 70%);width:160px;height:160px;position:absolute;top:-40px;right:-40px}.usage-kpi-hero-label{color:#ffffffd9;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:12px;font-weight:500}.usage-kpi-hero-value{font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;line-height:1.1}.usage-kpi-hero-sub{color:#ffffffb3;margin-top:6px;font-size:11px}.usage-kpi-tile{background:var(--color-neutral-primary-soft);border:1px solid var(--color-border-default);border-radius:var(--radius-base);box-shadow:var(--shadow-xs);flex-direction:column;justify-content:center;min-height:96px;padding:16px 18px;transition:border-color .12s;display:flex}.usage-kpi-tile:hover{border-color:var(--color-border-brand-light)}.usage-kpi-tile-label{color:var(--color-body-subtle);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:11px;font-weight:500}.usage-kpi-tile-value{color:var(--color-heading);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;line-height:1.1}.usage-kpi-tile-value--success{color:var(--color-success)}.usage-kpi-tile-value--danger{color:var(--color-danger)}.usage-kpi-tile-sub{color:var(--color-body-subtle);margin-top:4px;font-size:11px}.usage-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.usage-nav .ant-segmented{background:var(--color-neutral-primary-soft);border:1px solid var(--color-border-default);padding:2px}.usage-nav .ant-segmented-item-selected{font-weight:600;background:var(--color-brand)!important;color:#fff!important}.usage-nav .ant-segmented-item{font-size:13px;transition:color .12s}.usage-section{background:var(--color-neutral-primary-soft);border:1px solid var(--color-border-default);border-radius:var(--radius-base);box-shadow:var(--shadow-xs);margin-bottom:16px;overflow:hidden}.usage-section-head{border-bottom:1px solid var(--color-border-default);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.usage-section-title{color:var(--color-heading);margin:0;font-size:14px;font-weight:600}.usage-section-sub{color:var(--color-body-subtle);margin-top:2px;font-size:11px}.usage-section-body{padding:16px 20px}.usage-section-actions{align-items:center;gap:8px;display:flex}.usage-grid-2{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}@media (max-width:900px){.usage-grid-2{grid-template-columns:1fr}}.usage-filter-row{color:var(--color-body);align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.usage-v2 .tremor-Card-root,.usage-v2 .tremor-card{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.usage-v2 .tremor-Title{color:var(--color-heading)!important;font-size:14px!important;font-weight:600!important}.tf-key-bars{margin-top:8px}.tf-key-bar-row{cursor:pointer;border-radius:4px;align-items:center;gap:12px;padding:4px 0;transition:background .12s;display:flex}.tf-key-bar-row:hover{background:var(--color-neutral-secondary-soft)}.tf-key-bar-name{width:140px;min-width:0;color:var(--color-heading);text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:13px;overflow:hidden}.tf-key-bar-track{background:var(--color-neutral-tertiary);border-radius:6px;flex:1;height:22px;overflow:hidden}.tf-key-bar-fill{background:linear-gradient(90deg, var(--color-brand-medium), var(--color-brand));border-radius:6px;height:100%;transition:width .4s}.tf-key-bar-value{text-align:right;width:110px;color:var(--color-heading);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}