.usage-kpi-bar{--mouse-x:50%;--mouse-y:50%}.usage-kpi-tile,.usage-kpi-hero{position:relative;overflow:hidden}.usage-kpi-tile:before,.usage-kpi-hero .tf-spotlight{content:"";border-radius:inherit;background:radial-gradient(220px circle at var(--mouse-x) var(--mouse-y), color-mix(in srgb, var(--color-brand) 12%, transparent) 0%, transparent 60%);opacity:0;pointer-events:none;transition:opacity .2s ease-out;position:absolute;inset:0}.usage-kpi-tile:hover:before,.usage-kpi-hero:hover .tf-spotlight{opacity:1}.usage-kpi-tile:after{content:"";border-radius:inherit;background:linear-gradient(135deg, color-mix(in srgb, var(--color-brand) 35%, transparent), transparent 60%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1px;transition:opacity .2s ease-out;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.usage-kpi-tile:hover:after{opacity:1}.usage-kpi-hero:before,.usage-kpi-hero:after{content:"";filter:blur(40px);pointer-events:none;opacity:.55;will-change:transform;border-radius:50%;width:60%;height:140%;position:absolute}.usage-kpi-hero:before{background:radial-gradient(circle,#93c5fd8c,#0000 70%);animation:14s ease-in-out infinite alternate tf-aurora-drift-a;top:-30%;left:-10%}.usage-kpi-hero:after{background:radial-gradient(circle,#ffffff59,#0000 70%);width:60%;height:140%;animation:18s ease-in-out infinite alternate tf-aurora-drift-b;top:auto;bottom:-40%;right:-10%}@keyframes tf-aurora-drift-a{0%{transform:translate(0,0)}to{transform:translate(40%,10%)}}@keyframes tf-aurora-drift-b{0%{transform:translate(0,0)}to{transform:translate(-30%,-8%)}}.usage-kpi-hero>*{z-index:1;position:relative}.tf-usage-reveal{animation:.5s ease-out both tf-usage-fade-up}.tf-usage-reveal>:first-child{animation-delay:0s}.tf-usage-reveal>:nth-child(2){animation-delay:60ms}.tf-usage-reveal>:nth-child(3){animation-delay:.12s}.tf-usage-reveal>:nth-child(4){animation-delay:.18s}.tf-usage-reveal>:nth-child(5){animation-delay:.24s}.tf-usage-reveal>*{animation:.55s ease-out both tf-usage-fade-up}@keyframes tf-usage-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.tf-delta-badge{font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;align-items:center;gap:3px;padding:2px 7px;font-size:11px;font-weight:600;line-height:1.4;animation:.24s cubic-bezier(.34,1.56,.64,1) both tf-delta-pop;display:inline-flex}.tf-delta-badge-arrow{font-size:8px;line-height:1}.tf-delta-badge--good{color:var(--color-success);background:var(--color-success-soft)}.tf-delta-badge--bad{color:var(--color-danger);background:var(--color-danger-soft)}.tf-delta-badge--flat{color:var(--color-body-subtle);background:var(--color-neutral-tertiary)}.tf-delta-badge--loading{background:linear-gradient(90deg, var(--color-neutral-tertiary) 25%, var(--color-neutral-quaternary) 50%, var(--color-neutral-tertiary) 75%);background-size:200% 100%;width:52px;height:18px;padding:0;animation:1.4s linear infinite tf-shimmer}@keyframes tf-delta-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes tf-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.usage-kpi-tile-sub{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tf-share-cell{min-width:88px;padding:2px 0;display:inline-block;position:relative}.tf-share-cell-bar{background:linear-gradient(90deg, var(--color-brand-medium), var(--color-brand));border-radius:2px;height:3px;transition:width .4s;position:absolute;bottom:0;left:0}.tf-share-cell-value{color:var(--color-heading);font-variant-numeric:tabular-nums;font-weight:600;position:relative}.tf-success-cell{flex-direction:column;align-items:flex-end;gap:2px;min-width:88px;display:inline-flex}.tf-success-cell-track{background:var(--color-neutral-tertiary);border-radius:2px;width:100%;height:3px;overflow:hidden}.tf-success-cell-bar{border-radius:2px;height:100%;transition:width .4s}.tf-success-cell-bar--success{background:var(--color-success)}.tf-success-cell-bar--warning{background:var(--color-warning)}.tf-success-cell-bar--danger{background:var(--color-danger)}.tf-success-cell-val{font-variant-numeric:tabular-nums;font-weight:600}.tf-success-cell-val--success{color:var(--color-success)}.tf-success-cell-val--warning{color:var(--color-warning)}.tf-success-cell-val--danger{color:var(--color-danger)}.tf-success-cell-detail{color:var(--color-body-subtle);font-variant-numeric:tabular-nums;font-size:11px}.tf-name-cell-team{color:var(--color-fg-brand);background:var(--color-brand-softer);vertical-align:1px;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:12px;display:inline-block}.tf-name-cell-hash{color:var(--color-body-subtle);margin-top:2px;font-family:monospace;font-size:12px}.tf-row-chevron{color:var(--color-body-subtle);font-size:12px;transition:transform .15s,color .15s}.ant-table-row:hover .tf-row-chevron{color:var(--color-fg-brand);transform:translate(2px)}.tf-activity-table .ant-table-row{cursor:pointer}.tf-usage-insights{grid-template-columns:1fr 1fr;align-items:stretch;gap:24px;display:grid}.tf-usage-insights>.tremor-Card-root{flex-direction:column;display:flex}@media (max-width:1100px){.tf-usage-insights{grid-template-columns:1fr}}.tf-model-drawer .ant-drawer-content-wrapper{max-width:100vw}.tf-drawer-header{z-index:10;background:color-mix(in srgb, var(--color-neutral-primary-soft) 82%, transparent);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border-default);align-items:center;gap:10px;padding:16px 24px;display:flex;position:sticky;top:0}.tf-drawer-title{color:var(--color-heading);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;overflow:hidden}.tf-drawer-body{padding:20px 24px}.tf-drawer-summary{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:20px;display:grid}.tf-drawer-stat{background:var(--color-neutral-secondary-soft);border:1px solid var(--color-border-default);border-radius:var(--radius-base);padding:12px 14px}.tf-drawer-stat-label{color:var(--color-body-subtle);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:500}.tf-drawer-stat-value{color:var(--color-heading);font-variant-numeric:tabular-nums;margin-top:4px;font-size:18px;font-weight:700}.tf-drawer-stat-value--hero{color:var(--color-fg-brand)}.tf-sparkline-line--draw{animation:.6s both tf-sparkline-draw}@keyframes tf-sparkline-draw{0%{stroke-dashoffset:1px}}.tf-sparkline-area--in{animation:.4s .2s both tf-sparkline-area-in}@keyframes tf-sparkline-area-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.usage-kpi-hero:before,.usage-kpi-hero:after{animation:none}.usage-kpi-tile:before,.usage-kpi-tile:after{transition:none}.tf-usage-reveal,.tf-usage-reveal>*,.tf-delta-badge,.tf-sparkline-line--draw,.tf-sparkline-area--in{animation:none}}
.tf-overview{background:var(--color-neutral-secondary-soft);min-height:calc(100vh - 56px);font-family:var(--font-family)}.tf-overview-inner{padding:var(--spacing-8) var(--spacing-6);gap:var(--spacing-6);flex-direction:column;max-width:1400px;margin:0 auto;display:flex}.tf-overview-reveal{opacity:0;animation:.6s ease-out forwards tf-overview-fade-up;transform:translateY(16px)}.tf-overview-metrics .tf-overview-metric,.tf-overview-cards .tf-overview-card{opacity:0;animation:.5s ease-out forwards tf-overview-fade-up;transform:translateY(16px)}.tf-overview-metrics .tf-overview-metric:first-child,.tf-overview-cards .tf-overview-card:first-child{animation-delay:60ms}.tf-overview-metrics .tf-overview-metric:nth-child(2),.tf-overview-cards .tf-overview-card:nth-child(2){animation-delay:.12s}.tf-overview-metrics .tf-overview-metric:nth-child(3),.tf-overview-cards .tf-overview-card:nth-child(3){animation-delay:.18s}.tf-overview-metrics .tf-overview-metric:nth-child(4),.tf-overview-cards .tf-overview-card:nth-child(4){animation-delay:.24s}.tf-overview-cards .tf-overview-card:nth-child(5){animation-delay:.3s}@keyframes tf-overview-fade-up{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.tf-overview-reveal,.tf-overview-metrics .tf-overview-metric,.tf-overview-cards .tf-overview-card{opacity:1;animation:none;transform:none}}.tf-overview-hero{border-radius:var(--radius-overlay);background:linear-gradient(135deg, var(--color-brand-softer) 0%, var(--color-neutral-primary-soft) 70%);border:1px solid var(--color-border-brand-subtle);padding:var(--spacing-8) var(--spacing-8);margin-bottom:var(--spacing-1);position:relative;overflow:hidden}.tf-overview-hero:before{content:"";background:radial-gradient(circle, var(--color-brand-medium) 0%, transparent 70%);opacity:.35;pointer-events:none;width:200px;height:200px;position:absolute;top:-40px;right:-40px}.tf-overview-hero-inner{justify-content:space-between;align-items:center;gap:var(--spacing-8);display:flex;position:relative}.tf-overview-hero-text{flex:1;min-width:0;position:relative}.tf-overview-hero{margin-bottom:var(--spacing-1)}.tf-overview-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-semibold);color:var(--color-brand-strong);line-height:var(--line-height-tight);letter-spacing:-.02em;margin:0}.tf-overview-subtitle{font-size:var(--font-size-lg);color:var(--color-heading);margin:var(--spacing-2) 0 0 0;line-height:var(--line-height-normal)}.tf-overview-tagline{font-size:var(--font-size-sm);color:var(--color-body);margin:var(--spacing-3) 0 0 0;max-width:60ch;line-height:var(--line-height-normal)}.tf-overview-period-badge{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs);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);border-radius:var(--radius-full);line-height:var(--line-height-normal);align-items:center;display:inline-flex}.tf-overview-refresh{color:var(--color-fg-brand);align-items:center;display:inline-flex}.tf-overview-refresh .ant-btn{color:inherit}.tf-overview-hero--picker{z-index:20;overflow:visible}.tf-overview-hero--picker:before{border-radius:inherit;background:radial-gradient(circle at top right, var(--color-brand-medium) 0%, transparent 60%);width:auto;height:auto;inset:0}.tf-overview-hero-daterange{z-index:1;align-items:center;gap:var(--spacing-2);flex-shrink:0;display:flex;position:relative}.tf-overview-hero-actions{align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-5);flex-wrap:wrap;display:flex}.tf-overview-keys-btn{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);background:var(--color-brand);color:var(--color-neutral-primary-soft);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);box-shadow:inset 0 1px 0 var(--color-1-400), var(--shadow-md);border:1px solid #0000;font-family:inherit;line-height:1;text-decoration:none;transition:transform .2s ease-out,box-shadow .2s ease-out,background .2s ease-out;display:inline-flex}.tf-overview-keys-btn:hover{background:var(--color-brand-strong);box-shadow:inset 0 1px 0 var(--color-1-400), var(--shadow-lg);transform:translateY(-2px)}.tf-overview-keys-btn:active{transform:translateY(0)}.tf-overview-keys-btn:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}.tf-overview-keys-btn-icon{border-radius:var(--radius-full);background:var(--color-1-400);justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.tf-overview-keys-btn-icon svg{width:13px;height:13px}.tf-overview-keys-btn-label{white-space:nowrap}.tf-overview-keys-btn-arrow{transition:transform .2s ease-out}.tf-overview-keys-btn:hover .tf-overview-keys-btn-arrow{transform:translate(2px)}.tf-overview-metrics{gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.tf-overview-metric{background:var(--color-neutral-primary-soft);border:1px solid var(--color-border-default);border-radius:var(--radius-base);padding:var(--spacing-5);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease-out,border-color .2s ease-out,transform .2s ease-out}.tf-overview-metric:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-brand-light);transform:translateY(-2px)}.tf-overview-metric-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-body-subtle);text-transform:uppercase;letter-spacing:.04em}.tf-overview-metric-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--color-heading);margin-top:var(--spacing-2);line-height:var(--line-height-tight);font-variant-numeric:tabular-nums}.tf-overview-metric-spark{margin-top:var(--spacing-3)}.tf-overview-sparkbar{background:var(--color-neutral-tertiary);border-radius:var(--radius-full);width:100%;height:4px;overflow:hidden}.tf-overview-sparkbar-fill{background:linear-gradient(90deg, var(--color-brand-medium), var(--color-brand));border-radius:var(--radius-full);height:100%;transition:width .4s ease-out}.tf-overview-sparkbar-fill--accent{background:linear-gradient(90deg, var(--color-accent-orange), var(--color-fg-warning-subtle))}.tf-overview-skeleton{color:var(--color-fg-disabled);animation:1.5s ease-in-out infinite tf-overview-pulse}@keyframes tf-overview-pulse{0%,to{opacity:1}50%{opacity:.4}}.tf-overview-panel{background:var(--color-neutral-primary-soft);border:1px solid var(--color-border-default);border-radius:var(--radius-base);padding:var(--spacing-5);box-shadow:var(--shadow-sm)}.tf-overview-panel-head{justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-4);display:flex}.tf-overview-panel-sub{font-size:var(--font-size-xs);color:var(--color-body-subtle);margin-top:var(--spacing-1)}.tf-overview-section-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-heading)}.tf-overview-toggle{background:var(--color-neutral-tertiary);border-radius:var(--radius-base);padding:2px;display:inline-flex}.tf-overview-toggle-btn{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-body);cursor:pointer;background:0 0;border:none;border-radius:6px;font-family:inherit;transition:background .15s ease-out,color .15s ease-out}.tf-overview-toggle-btn:hover{color:var(--color-heading)}.tf-overview-toggle-btn.is-active{background:var(--color-neutral-primary-soft);color:var(--color-fg-brand);box-shadow:var(--shadow-xs)}.tf-overview-chart{min-height:240px}.tf-overview-chart .h-72{height:18rem}.tf-overview-trend-wrap{width:100%;position:relative}.tf-overview-trend{display:block;overflow:visible}.tf-overview-trend-grid{stroke:var(--color-border-default);stroke-width:1px}.tf-overview-trend-axis{fill:var(--color-body-subtle);font-size:11px;font-family:var(--font-family);font-variant-numeric:tabular-nums}.tf-overview-trend-cursor line{stroke:var(--color-brand);stroke-width:1px;stroke-dasharray:3 3;opacity:.55}.tf-overview-trend-cursor circle{fill:var(--color-neutral-primary-soft);stroke:var(--color-brand);stroke-width:2px}.tf-overview-trend-tooltip{pointer-events:none;background:var(--color-heading);color:var(--color-neutral-primary-soft);border-radius:var(--radius-base);white-space:nowrap;box-shadow:var(--shadow-md);z-index:2;flex-direction:column;align-items:flex-start;gap:1px;padding:6px 10px;font-size:12px;line-height:1.3;display:flex;position:absolute;transform:translate(-50%,-100%)}.tf-overview-trend-tooltip-date{opacity:.7;font-size:11px}.tf-overview-trend-tooltip-val{font-variant-numeric:tabular-nums;font-weight:600}.tf-overview-tops{gap:var(--spacing-4);grid-template-columns:1fr;display:grid}.tf-overview-toplist{gap:var(--spacing-3);flex-direction:column;display:flex}.tf-overview-toprow{gap:var(--spacing-1);flex-direction:column;display:flex}.tf-overview-toprow-head{justify-content:space-between;align-items:center;gap:var(--spacing-3);display:flex}.tf-overview-toprow-name{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-heading);font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;max-width:70%;display:inline-flex;overflow:hidden}.tf-overview-provider-logo{-o-object-fit:contain;object-fit:contain;border-radius:3px;flex:0 0 16px;width:16px;height:16px}.tf-overview-provider-logo.tf-vendor-fallback{font-size:11px;font-weight:var(--font-weight-semibold);background:var(--color-surface-elevated);color:var(--color-body);justify-content:center;align-items:center;display:inline-flex}.tf-overview-toprow-val{font-size:var(--font-size-sm);color:var(--color-body);font-variant-numeric:tabular-nums}.tf-overview-toprow-sub{color:var(--color-body-subtle);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:400;overflow:hidden}.tf-overview-toprow-track{background:var(--color-neutral-tertiary);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.tf-overview-toprow-bar{border-radius:var(--radius-full);height:100%;transition:width .5s ease-out,filter .2s ease-out}.tf-overview-bar--brand{background:linear-gradient(90deg, var(--color-brand-medium), var(--color-brand))}.tf-overview-bar--accent{background:linear-gradient(90deg, var(--color-accent-orange), var(--color-fg-warning-subtle))}.tf-overview-toprow:hover .tf-overview-toprow-bar{filter:brightness(1.07)saturate(1.05)}.tf-overview-toplist-empty{font-size:var(--font-size-sm);color:var(--color-body-subtle);padding:var(--spacing-4) 0;text-align:center}.tf-overview-empty{justify-content:center;align-items:center;gap:var(--spacing-1);padding:var(--spacing-12) 0;text-align:center;flex-direction:column;display:flex}.tf-overview-empty-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-heading)}.tf-overview-empty-sub{font-size:var(--font-size-sm);color:var(--color-body-subtle);max-width:40ch}.tf-overview-cards{gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.tf-overview-card{align-items:flex-start;gap:var(--spacing-3);background:var(--color-neutral-primary-soft);border:1px solid var(--color-border-default);border-radius:var(--radius-base);padding:var(--spacing-5);box-shadow:var(--shadow-sm);text-decoration:none;transition:border-color .2s ease-out,box-shadow .2s ease-out,transform .2s ease-out;display:flex;position:relative}.tf-overview-card:hover{border-color:var(--color-brand);box-shadow:var(--shadow-md);transform:translateY(-4px)}.tf-overview-card-badge{border-radius:var(--radius-base);background:var(--color-brand-softer);width:40px;height:40px;color:var(--color-brand);flex-shrink:0;justify-content:center;align-items:center;display:flex}.tf-overview-card-body{flex:1;min-width:0}.tf-overview-card-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-heading)}.tf-overview-card-desc{font-size:var(--font-size-xs);color:var(--color-body-subtle);line-height:var(--line-height-normal);margin-top:2px}.tf-overview-card-sub{font-size:var(--font-size-xs);color:var(--color-fg-brand);margin-top:var(--spacing-2);font-weight:var(--font-weight-medium)}.tf-overview-card-arrow{top:var(--spacing-5);right:var(--spacing-5);color:var(--color-body-subtle);transition:transform .2s ease-out,color .2s ease-out;position:absolute}.tf-overview-card:hover .tf-overview-card-arrow{color:var(--color-brand);transform:translate(2px)}@media (max-width:768px){.tf-overview-inner{padding:var(--spacing-4)}.tf-overview-panel-head{flex-direction:column;align-items:stretch}.tf-overview-hero-inner{align-items:flex-start;gap:var(--spacing-5);flex-direction:column}}.tf-overview-trend-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.tf-overview-model-tiles{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-bottom:14px;display:grid}.tf-overview-model-tile{border:1px solid var(--color-border-default);background:var(--color-neutral-primary-soft);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex}.tf-overview-model-tile-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.tf-overview-model-tile-logo{border-radius:5px;flex-shrink:0;width:18px;height:18px}.tf-overview-model-tile-main{flex:1;min-width:0}.tf-overview-model-tile-name{color:var(--color-heading);text-overflow:ellipsis;white-space:nowrap;align-items:baseline;gap:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:600;display:flex;overflow:hidden}.tf-overview-model-tile-sub{color:var(--color-body-subtle);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:400;overflow:hidden}.tf-overview-model-tile-vendor{color:var(--color-body-subtle);font-family:inherit;font-size:11px;font-weight:400}.tf-overview-model-tile-stats{color:var(--color-body-subtle);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:10px;margin-top:2px;font-size:11px;display:flex}.tf-overview-multiline-tooltip{background:var(--color-neutral-primary-soft);border:1px solid var(--color-border-default);z-index:5;pointer-events:none;border-radius:8px;min-width:160px;padding:8px 10px;position:absolute;top:8px;transform:translate(-50%);box-shadow:0 4px 16px #0000001f}.tf-overview-multiline-tooltip-rows{flex-direction:column;gap:3px;margin-top:4px;display:flex}.tf-overview-model-tile--total{border-color:var(--color-brand);background:color-mix(in srgb, var(--color-brand) 6%, var(--color-neutral-primary-soft))}.tf-overview-model-tile--total .tf-overview-model-tile-name{font-family:inherit}.tf-chart-tooltip-row--total{border-bottom:1px solid var(--color-border-default);margin-bottom:3px;padding-bottom:3px;font-weight:700}.tf-overview-model-tile-statblock{flex-direction:column;margin-top:2px;display:flex}.tf-overview-model-tile-value{color:var(--color-heading);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:20px;font-weight:700;line-height:1.15}.tf-overview-model-tile-metric{color:var(--color-body-subtle);font-size:11px}.tf-overview-model-tile--total .tf-overview-model-tile-value{color:var(--color-brand)}.tf-overview-multiline-tooltip{background:var(--color-neutral-primary-soft);border:1px solid var(--color-border-default);z-index:5;pointer-events:none;border-radius:10px;min-width:168px;max-width:240px;padding:8px 11px 9px;font-size:12px;position:absolute;top:8px;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}.tf-overview-multiline-tooltip .tf-overview-trend-tooltip-date{color:var(--color-heading);margin-bottom:5px;font-size:12px;font-weight:600;display:block}.tf-overview-multiline-tooltip-rows{flex-direction:column;gap:3px;display:flex}.tf-mt-tooltip-row{align-items:center;gap:7px;display:flex}.tf-mt-tooltip-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.tf-mt-tooltip-name{min-width:0;color:var(--color-body);text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;overflow:hidden}.tf-mt-tooltip-value{color:var(--color-heading);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.tf-mt-tooltip-row--total{border-bottom:1px solid var(--color-border-default);margin-bottom:4px;padding-bottom:4px;font-weight:700}.tf-mt-tooltip-row--total .tf-mt-tooltip-name,.tf-mt-tooltip-row--total .tf-mt-tooltip-value{color:var(--color-heading);font-weight:700}.tf-overview-multiline-tooltip-empty{color:var(--color-body-subtle);font-size:11px}.tf-overview-tops--inline{gap:var(--spacing-5);margin-top:var(--spacing-5);grid-template-columns:1fr 1fr}@media (max-width:720px){.tf-overview-tops--inline{grid-template-columns:1fr}}.tf-overview-trace-alert{align-items:flex-start;gap:var(--spacing-3);border-radius:var(--radius-overlay);border:1px solid var(--color-border-danger-subtle,var(--color-danger));background:var(--color-danger-soft);padding:var(--spacing-4) var(--spacing-5);display:flex}.tf-overview-trace-alert-icon{color:var(--color-danger);flex-shrink:0;margin-top:2px}.tf-overview-trace-alert-body{flex:1;min-width:0}.tf-overview-trace-alert-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-fg-danger-strong,var(--color-danger))}.tf-overview-trace-alert-desc{font-size:var(--font-size-xs);color:var(--color-body);word-break:break-all;margin-top:2px;line-height:1.6}.tf-alert-ticker{background:var(--color-surface,#fff);border:1px solid var(--color-border-brand-subtle);border-radius:var(--radius-overlay);max-width:320px;padding:var(--spacing-3) var(--spacing-4);flex:0 0 320px;align-self:center;position:relative}.tf-alert-ticker-head{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);display:flex}.tf-alert-ticker-dot{background:var(--color-danger);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite tf-alert-pulse}@keyframes tf-alert-pulse{0%,to{opacity:1}50%{opacity:.35}}.tf-alert-ticker-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-heading);flex:1}.tf-alert-ticker-count{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-danger-strong);background:var(--color-danger-soft);border-radius:999px;padding:0 8px;line-height:18px}.tf-alert-ticker-viewport{height:96px;overflow:hidden}.tf-alert-ticker-track{margin:0;padding:0;list-style:none;animation:18s linear infinite tf-alert-scroll}.tf-alert-ticker-viewport:hover .tf-alert-ticker-track{animation-play-state:paused}@keyframes tf-alert-scroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.tf-alert-item{align-items:baseline;gap:var(--spacing-2);height:32px;font-size:var(--font-size-xs);white-space:nowrap;line-height:32px;display:flex;overflow:hidden}.tf-alert-item-service{font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);flex:none}.tf-alert-item-text{text-overflow:ellipsis;overflow:hidden}.tf-alert-item.is-error .tf-alert-item-text{color:var(--color-danger-strong)}.tf-alert-item.is-error .tf-alert-item-service{color:var(--color-danger)}.tf-alert-item.is-warning .tf-alert-item-text{color:var(--color-warning-strong)}.tf-alert-item.is-warning .tf-alert-item-service{color:var(--color-warning)}.tf-alert-item.is-info .tf-alert-item-text{color:var(--color-text-secondary)}@media (max-width:900px){.tf-alert-ticker{flex:100%;max-width:none}}