.apl-usageMainLayoutGrid{grid-template-columns:1fr 340px;align-items:start;gap:20px;display:grid}@media (max-width:1120px){.apl-usageMainLayoutGrid{grid-template-columns:1fr}}.apl-usageLeftStack{flex-direction:column;gap:20px;display:flex}.apl-cardlessHeroStage{flex-direction:column;justify-content:space-between;padding:4px 4px 0;display:flex}.apl-cardlessHeroHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.apl-cardlessHeroNumberWrap{flex-direction:column;gap:4px;display:flex}.apl-cardlessHeroLabel{color:var(--rv-neutral-100);font-size:13px;font-weight:500}.apl-cardlessHeroValueRow{align-items:baseline;gap:12px;display:flex}.apl-cardlessHeroNumber{color:var(--rv-white);letter-spacing:-.03em;font-size:38px;font-weight:800;line-height:1.1}.apl-cardlessHeroCapWrap{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.apl-cardlessHeroCapTop{align-items:center;gap:8px;font-size:12px;display:flex}.apl-cardlessHeroCapTitle{color:var(--rv-neutral-100)}.apl-cardlessHeroCapPct{color:var(--rv-white);font-weight:700}.apl-cardlessHeroCapPct.rv-isWarning{color:var(--rv-warning)}.apl-unitEconomicsStrip{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.apl-unitPill{-webkit-backdrop-filter:blur(12px);border-radius:var(--rv-radius-round);background:#ffffff08;border:1px solid #ffffff14;align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:inline-flex}.apl-unitPillDot{background-color:var(--rv-white);border-radius:50%;width:6px;height:6px}.apl-unitPillDot--secondary{background-color:var(--rv-neutral-75)}.apl-unitPillDot--tertiary{background-color:var(--rv-neutral-100)}.apl-unitPillLabel{color:var(--rv-neutral-100);font-weight:500}.apl-unitPillValue{color:var(--rv-white);font-weight:700}.apl-unitPillSavings{background:#22c55e14;border-color:#22c55e40}.apl-unitPillSavings .apl-unitPillValue{color:var(--rv-success)}.apl-unitPillModerate{background:#ffffff08;border-color:#ffffff14}.apl-unitPillModerate .apl-unitPillValue{color:var(--rv-white)}.apl-unitPillModerate .apl-unitPillBadge{color:var(--rv-neutral-100);background:#ffffff0f}.apl-unitPillBadge{color:var(--rv-success);border-radius:var(--rv-radius-round);background:#22c55e29;padding:1px 6px;font-size:10px;font-weight:600}.apl-cardlessChartArea{flex-direction:column;gap:6px;margin-top:18px;display:flex}.apl-cardlessChartHeader{justify-content:flex-end;align-items:center;display:flex}.apl-usageDualSubgrid{grid-template-columns:1fr 1fr 2fr;align-items:stretch;gap:20px;display:grid}@media (max-width:1360px){.apl-usageDualSubgrid{grid-template-columns:1fr 1fr}.apl-usageDualSubgrid .apl-latencyWideCard{grid-column:1/-1}}@media (max-width:768px){.apl-usageDualSubgrid{grid-template-columns:1fr}.apl-usageDualSubgrid .apl-latencyWideCard{grid-column:auto}}.apl-latencyWideCard{-webkit-backdrop-filter:blur(16px)saturate(180%);border-radius:var(--rv-radius-lg,12px);background:#ffffff06;border:1px solid #ffffff12;flex-direction:column;justify-content:space-between;gap:14px;padding:18px;display:flex;box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff1a}.apl-cardHeaderWithIcon{align-items:center;gap:6px;display:flex}.apl-cardHeaderIcon{color:var(--rv-neutral-100)}.apl-latencyHealthBadge{color:var(--rv-success);border-radius:var(--rv-radius-round);background:#22c55e1f;border:1px solid #22c55e40;align-items:center;gap:6px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.apl-pulseDot{background:var(--rv-success);width:6px;height:6px;box-shadow:0 0 6px var(--rv-success);border-radius:50%}.apl-latencyWideMetricsRow{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.apl-latencyBigWrap{flex-direction:column;display:flex}.apl-latencyBigNumber{color:var(--rv-white);letter-spacing:-.02em;font-size:32px;font-weight:800;line-height:1}.apl-latencySub{color:var(--rv-neutral-100);margin-top:2px;font-size:11px}.apl-latencyDetailCol{align-items:center;gap:14px;display:flex}.apl-latencyDetailItem{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.apl-latencyDetailLabel{color:var(--rv-neutral-100);text-transform:uppercase;font-size:10px}.apl-latencyDetailVal{color:var(--rv-white);font-size:12px;font-weight:700}.apl-latencyWideWaveform{border-radius:var(--rv-radius-md,8px);background:#ffffff08;border:1px solid #ffffff0f;align-items:flex-end;gap:3px;height:76px;padding:10px 12px;display:flex;position:relative}.apl-latencyWaveformBar{background:var(--rv-neutral-100);cursor:pointer;border-radius:3px;flex:1;min-height:4px;transition:height .2s,background-color .2s,opacity .2s,transform .2s;position:relative}.apl-latencyWaveformContainer .apl-latencyWaveformBar:hover,.apl-latencyWaveformContainer .apl-latencyWaveformBar.apl-isWaveformHovered{background:var(--rv-white);z-index:10;transform:scaleY(1.08);box-shadow:0 0 8px #fff6}.apl-latencyWaveformBar.apl-isWaveformDimmed{opacity:.35}.apl-waveformTooltip{background:var(--rv-neutral-500);border:1px solid var(--rv-neutral-300);border-radius:var(--rv-radius-md,8px);white-space:nowrap;pointer-events:none;z-index:50;flex-direction:column;gap:2px;padding:6px 10px;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 16px #00000080}.apl-waveformTooltip:after{content:"";border-style:solid;border-width:4px;border-color:var(--rv-neutral-300) transparent transparent transparent;position:absolute;top:100%;left:50%;transform:translate(-50%)}.apl-waveformTooltipTime{color:var(--rv-neutral-100);letter-spacing:.04em;font-size:9px;font-weight:600}.apl-waveformTooltipRow{align-items:center;gap:8px;display:flex}.apl-waveformTooltipModel{color:var(--rv-white);font-size:11px;font-weight:700}.apl-waveformTooltipVal{color:var(--rv-success);font-size:11px;font-weight:700}.apl-waveformTooltipSub{color:var(--rv-neutral-100);font-size:9px}.apl-generationOutputCard{-webkit-backdrop-filter:blur(16px)saturate(180%);border-radius:var(--rv-radius-lg,12px);background:#ffffff06;border:1px solid #ffffff12;flex-direction:column;justify-content:space-between;gap:14px;padding:18px;display:flex;box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff1a}.apl-generationDonutBody{flex:1;align-items:center;gap:20px;width:100%;display:flex}.apl-generationDonutWrap{aspect-ratio:1;flex-shrink:0;justify-content:center;align-items:center;width:44%;min-width:115px;max-width:170px;display:flex;position:relative}.apl-donutCenterLabel{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.apl-donutCenterVal{color:var(--rv-white);letter-spacing:-.03em;font-size:clamp(14px,1.4vw,20px);font-weight:800;line-height:1}.apl-donutCenterSub{color:var(--rv-neutral-100);text-transform:uppercase;letter-spacing:.04em;margin-top:3px;font-size:clamp(9px,.8vw,11px)}.apl-generationDonutLegend{flex-direction:column;flex:1;justify-content:space-around;gap:10px;min-width:0;height:100%;display:flex}.apl-donutLegendRow{border-radius:var(--rv-radius-md,8px);cursor:pointer;align-items:center;padding:5px 8px;transition:background-color .2s,opacity .2s,transform .2s;display:flex}.apl-donutLegendRow.apl-isLegendSelected .apl-donutLegendTitle{color:var(--rv-white);font-weight:700}.apl-donutLegendRow.apl-isLegendDimmed{opacity:.35}.apl-donutLegendText{flex-direction:column;gap:2px;min-width:0;display:flex}.apl-donutLegendTitle{color:var(--rv-white);font-size:13px;font-weight:600;line-height:1.1;transition:color .2s}.apl-donutLegendVal{color:var(--rv-neutral-100);font-size:11px;line-height:1.2}.apl-modelQualityCard{-webkit-backdrop-filter:blur(16px)saturate(180%);border-radius:var(--rv-radius-lg,12px);background:#ffffff06;border:1px solid #ffffff12;flex-direction:column;justify-content:space-between;gap:14px;padding:18px;display:flex;box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff1a}.apl-qualityBadge{color:var(--rv-white);background:var(--rv-neutral-500);border-radius:var(--rv-radius-round);border:1px solid var(--rv-neutral-300);align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.apl-qualityBadge.apl-isSuccess{color:var(--rv-success);background:#22c55e1f;border-color:#22c55e4d}.apl-qualityBadge.apl-isWarning{color:var(--rv-warning);background:#f59e0b1f;border-color:#f59e0b4d}.apl-qualityBadge.apl-isCritical{color:var(--rv-danger);background:#ef44441f;border-color:#ef44444d}.apl-qualityMetricsList{flex-direction:column;gap:8px;display:flex}.apl-qualityRow{border-radius:var(--rv-radius-md,8px);background:#ffffff08;border:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.apl-qualityRowLeft{flex-direction:column;gap:2px;display:flex}.apl-qualityRowTitle{color:var(--rv-white);font-size:12px;font-weight:600}.apl-qualityRowSub{color:var(--rv-neutral-100);font-size:11px}.apl-qualityRowRight{align-items:center;display:flex}.apl-qualityRowVal{color:var(--rv-white);letter-spacing:-.01em;font-size:14px;font-weight:700}.apl-modelUsageFullHeightCard{flex-direction:column;align-self:start;gap:16px;height:fit-content;display:flex}.apl-modelCountBadge{color:var(--rv-neutral-75);border-radius:var(--rv-radius-round);background:#ffffff0a;border:1px solid #ffffff14;padding:2px 8px;font-size:11px;font-weight:600}.apl-modelUsageVerticalList{-webkit-backdrop-filter:blur(16px)saturate(180%);border-radius:var(--rv-radius-lg,12px);background-color:#ffffff06;border:1px solid #ffffff12;flex-direction:column;padding:16px 0 0;display:flex;box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff1a}.apl-modelRow{border:none;border-bottom:1px solid var(--rv-neutral-300);background:0 0;flex-direction:column;padding:16px;transition:background-color .2s;display:flex}.apl-modelRow:last-child{border-bottom:none}.apl-modelRow:first-child{padding-top:0}.apl-modelRowHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.apl-modelRowNameCol{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.apl-modelRowName{color:var(--rv-white);font-size:13px;font-weight:600;line-height:1.2}.apl-modelRowDesc{color:var(--rv-neutral-100);font-size:11px;line-height:1.3}.apl-modelRowUnderlineWrap{width:100%;height:2px;margin-top:4px}.apl-modelRowUnderline{background-color:var(--rv-white);border-radius:var(--rv-radius-round);height:2px}.apl-modelRowSpendCol{text-align:right;flex-shrink:0;align-items:baseline;gap:6px;display:flex}.apl-modelRowSpend{color:var(--rv-white);font-size:13px;font-weight:700}.apl-modelRowPct{color:var(--rv-neutral-100);font-size:11px;font-weight:500}.apl-modelUsageFooter{border-bottom-left-radius:var(--rv-radius-lg,12px);border-bottom-right-radius:var(--rv-radius-lg,12px);justify-content:center;align-items:center;padding:12px 16px;display:flex}.apl-viewAllModelsBtn{justify-content:center;width:100%;font-size:12px}.apl-modelsModalSearchWrap{margin-bottom:16px}.apl-modelsModalSearchInput{border:1px solid var(--rv-neutral-300);border-radius:var(--rv-radius-md,8px);width:100%;color:var(--rv-white);background:#ffffff0a;outline:none;padding:8px 12px;font-size:13px;transition:border-color .2s}.apl-modelsModalSearchInput:focus{border-color:#ffffff4d}.apl-modelsModalList{flex-direction:column;gap:8px;max-height:440px;padding-right:4px;display:flex;overflow-y:auto}.apl-modalModelRow{border-radius:var(--rv-radius-md,8px);background:#ffffff06;border:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;transition:background-color .15s;display:flex}.apl-modalModelRow:hover{background:#ffffff0d}.apl-modalModelInfo{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.apl-modalModelName{color:var(--rv-white);font-size:13px;font-weight:600}.apl-modalModelDesc{color:var(--rv-neutral-100);font-size:11px}.apl-modalModelBarWrap{flex-direction:column;gap:4px;width:120px;display:flex}.apl-modalModelBarBg{border-radius:var(--rv-radius-round);background:#ffffff14;width:100%;height:4px;overflow:hidden}.apl-modalModelBarFill{background:var(--rv-white);border-radius:var(--rv-radius-round);height:100%}.apl-modalModelMetrics{flex-direction:column;align-items:flex-end;gap:2px;min-width:70px;display:flex}.apl-modalModelSpend{color:var(--rv-white);font-size:13px;font-weight:700}.apl-modalModelPct{color:var(--rv-neutral-100);font-size:11px}.apl-analyticsTooltipStackedWrap{pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex}.apl-analyticsTooltip{-webkit-backdrop-filter:blur(16px)saturate(180%);border-radius:var(--rv-radius-md,8px);background:#18181beb;border:1px solid #ffffff1f;min-width:170px;padding:10px 12px;font-size:11px;box-shadow:0 8px 32px #00000073,inset 0 1px #ffffff1a}.apl-analyticsTooltipHeader{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;padding-bottom:4px;display:flex}.apl-analyticsTooltipTitle{color:var(--rv-white);font-size:12px;font-weight:700}.apl-analyticsTooltipActionChip{color:var(--rv-white);-webkit-backdrop-filter:blur(12px);border-radius:var(--rv-radius-round);letter-spacing:.02em;background:#18181be6;border:1px solid #ffffff2e;justify-content:center;align-items:center;padding:3px 10px;font-size:10px;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #00000059}.apl-analyticsTooltipActionChip.apl-isChipActive{color:var(--rv-success);background:#22c55e2e;border-color:#22c55e66}.apl-analyticsTooltipList{flex-direction:column;gap:5px;display:flex}.apl-analyticsTooltipRow{align-items:center;gap:6px;display:flex}.apl-analyticsTooltipDot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.apl-analyticsTooltipLabel{color:var(--rv-neutral-75);font-size:11px}.apl-analyticsTooltipValue{color:var(--rv-white);margin-left:auto;font-size:12px;font-weight:700}.apl-analyticsTooltipDeltaRow{border-top:1px dashed #ffffff14;justify-content:space-between;align-items:center;gap:6px;margin-top:4px;padding-top:4px;font-size:10px;display:flex}.apl-analyticsTooltipDelta{font-weight:600}.apl-analyticsTooltipDelta.apl-isDeltaPos{color:var(--rv-success)}.apl-analyticsTooltipDelta.apl-isDeltaNeg{color:var(--rv-danger)}.apl-analyticsTooltipDeltaAmt{color:var(--rv-neutral-100)}.apl-modelActiveFilterPill{color:var(--rv-white);border-radius:var(--rv-radius-round);cursor:pointer;background:#ffffff1f;border:1px solid #ffffff38;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.apl-modelActiveFilterPill:hover{background:#fff3;border-color:#ffffff59;transform:translateY(-1px)}.apl-modelFilterCloseIcon{color:var(--rv-neutral-100)}.apl-modelActiveFilterPill:hover .apl-modelFilterCloseIcon{color:var(--rv-white)}

