.usage-view{--brand-accent: #C9521D;--brand-accent-dark: #E8774A;--accent-deep: #8B3E13;--surface: #FAF7F3;--surface-window: #FFFFFF;--label: rgba(0, 0, 0, .85);--label-2: rgba(0, 0, 0, .5);--label-3: rgba(0, 0, 0, .28);--separator: rgba(0, 0, 0, .1);--separator-soft: rgba(0, 0, 0, .05);--fill-06: rgba(0, 0, 0, .06);--fill-08: rgba(0, 0, 0, .08);--fill-10: rgba(0, 0, 0, .1);--fill-12: rgba(0, 0, 0, .12);--fill-15: rgba(0, 0, 0, .15);--fill-18: rgba(0, 0, 0, .18);--fill-50: rgba(0, 0, 0, .45);--tooltip-bg: #1C1816;--tooltip-fg: rgba(255, 255, 255, .92);--tooltip-fg-2: rgba(255, 255, 255, .72);--tooltip-fg-3: rgba(255, 255, 255, .52);--tooltip-border: rgba(255, 255, 255, .12);--overlay-material: rgba(250, 247, 243, .55);--control-bg: rgba(255, 255, 255, .85);--control-border: rgba(0, 0, 0, .09);--control-hover: rgba(0, 0, 0, .05);--menu-bg: rgba(252, 250, 247, .98);--menu-shadow: 0 8px 28px rgba(0, 0, 0, .18), 0 1px 3px rgba(0, 0, 0, .1);--icon-contrast: #FFFFFF;--danger: #C83F2C;--routing-ink: #8944AB;--update-ink: #007AFF;--sev-normal: #34C759;--sev-warning: #FFCC00;--sev-critical: #FF9500;--sev-danger: #FF3B30;--sev-normal-ink: #2C9E45;--sev-warning-ink: #A9750B;--sev-critical-ink: #C2610A;--sev-danger-ink: #C83F2C;--sev-critical-tip: #FF9F0A;--sev-danger-tip: #FF453A;--font-sans: "Segoe UI Variable Text", "Segoe UI", -apple-system, system-ui, sans-serif;--font-display: "Segoe UI Variable Display", "Segoe UI", -apple-system, system-ui, sans-serif;--font-mono: "Cascadia Mono", "Cascadia Code", Consolas, "SF Mono", Menlo, monospace;--gutter: 14px;--popover-radius: 12px;--popover-gutter: 12px;--popover-shadow: 0 4px 16px rgba(0, 0, 0, .22), 0 1px 3px rgba(0, 0, 0, .12);--radius-bar: 2px;--radius-util: 3px;--radius-segment: 5px;--radius-pill: 6px;--radius-track: 7px;--radius-card: 8px;--ease-ui: cubic-bezier(.2, .7, .2, 1)}@media(prefers-color-scheme:dark){.usage-view{--surface: #1C1816;--surface-window: #2A2320;--label: rgba(255, 255, 255, .86);--label-2: rgba(255, 255, 255, .55);--label-3: rgba(255, 255, 255, .28);--separator: rgba(255, 255, 255, .1);--separator-soft: rgba(255, 255, 255, .05);--fill-06: rgba(255, 255, 255, .06);--fill-08: rgba(255, 255, 255, .08);--fill-10: rgba(255, 255, 255, .1);--fill-12: rgba(255, 255, 255, .12);--fill-15: rgba(255, 255, 255, .15);--fill-18: rgba(255, 255, 255, .18);--fill-50: rgba(255, 255, 255, .45);--tooltip-bg: #FAF7F3;--tooltip-fg: rgba(0, 0, 0, .9);--tooltip-fg-2: rgba(0, 0, 0, .7);--tooltip-fg-3: rgba(0, 0, 0, .5);--tooltip-border: rgba(0, 0, 0, .12);--overlay-material: rgba(28, 24, 22, .55);--control-bg: rgba(255, 255, 255, .08);--control-border: rgba(255, 255, 255, .1);--control-hover: rgba(255, 255, 255, .1);--menu-bg: rgba(40, 35, 32, .98);--menu-shadow: 0 8px 28px rgba(0, 0, 0, .5), 0 1px 3px rgba(0, 0, 0, .3);--sev-normal: #30D158;--sev-warning: #FFD60A;--sev-critical: #FF9F0A;--sev-danger: #FF453A;--sev-normal-ink: #30D158;--sev-warning-ink: #FFD60A;--sev-critical-ink: #FF9F0A;--sev-danger-ink: #FF453A;--sev-critical-tip: #C2610A;--sev-danger-tip: #C83F2C;--routing-ink: #BF5AF2;--update-ink: #0A84FF;--icon-contrast: #1C1816;color-scheme:dark}}.usage-view[data-theme=dark]{--surface: #1C1816;--surface-window: #2A2320;--label: rgba(255, 255, 255, .86);--label-2: rgba(255, 255, 255, .55);--label-3: rgba(255, 255, 255, .28);--separator: rgba(255, 255, 255, .1);--separator-soft: rgba(255, 255, 255, .05);--fill-06: rgba(255, 255, 255, .06);--fill-08: rgba(255, 255, 255, .08);--fill-10: rgba(255, 255, 255, .1);--fill-12: rgba(255, 255, 255, .12);--fill-15: rgba(255, 255, 255, .15);--fill-18: rgba(255, 255, 255, .18);--fill-50: rgba(255, 255, 255, .45);--tooltip-bg: #FAF7F3;--tooltip-fg: rgba(0, 0, 0, .9);--tooltip-fg-2: rgba(0, 0, 0, .7);--tooltip-fg-3: rgba(0, 0, 0, .5);--tooltip-border: rgba(0, 0, 0, .12);--overlay-material: rgba(28, 24, 22, .55);--control-bg: rgba(255, 255, 255, .08);--control-border: rgba(255, 255, 255, .1);--control-hover: rgba(255, 255, 255, .1);--menu-bg: rgba(40, 35, 32, .98);--menu-shadow: 0 8px 28px rgba(0, 0, 0, .5), 0 1px 3px rgba(0, 0, 0, .3);--sev-normal: #30D158;--sev-warning: #FFD60A;--sev-critical: #FF9F0A;--sev-danger: #FF453A;--sev-normal-ink: #30D158;--sev-warning-ink: #FFD60A;--sev-critical-ink: #FF9F0A;--sev-danger-ink: #FF453A;--sev-critical-tip: #C2610A;--sev-danger-tip: #C83F2C;--routing-ink: #BF5AF2;--update-ink: #0A84FF;--icon-contrast: #1C1816;color-scheme:dark}.usage-view{color:var(--label);background:var(--surface);font-family:var(--font-sans);font-size:11.5px;line-height:1.3;-webkit-font-smoothing:antialiased;border-radius:var(--popover-radius)}.usage-view button{font:inherit;color:inherit}.usage-view button:focus-visible{outline:2px solid var(--brand-accent);outline-offset:1px;border-radius:4px}@media(prefers-reduced-motion:reduce){.usage-view *,.usage-view *:before,.usage-view *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.usage-view .popover{position:relative;display:flex;flex-direction:column;margin:var(--popover-gutter);height:calc(100% - 2 * var(--popover-gutter));overflow:hidden;border-radius:var(--popover-radius);background:var(--surface);box-shadow:var(--popover-shadow),inset 0 0 0 .5px var(--separator)}.usage-view .header{display:flex;flex-direction:column;gap:1px;padding:10px var(--gutter) 8px;border-bottom:1px solid var(--separator)}.usage-view .header-top{display:flex;align-items:flex-start;gap:8px}.usage-view .header-brand{display:flex;flex-direction:column;gap:1px;min-width:0}.usage-view .brand{font-size:13px;font-weight:600;letter-spacing:-.15px;line-height:16px}.usage-view .subhead{font-size:10.5px;color:var(--label-2)}.usage-view .header-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.usage-view .accent-picker{display:flex;align-items:center;margin-left:auto}.usage-view .update-badge{display:inline-flex;align-items:center;gap:4px;height:18px;padding:0 7px;border:0;border-radius:var(--radius-pill);background:var(--brand-accent);color:#fff;font-family:inherit;font-size:10px;font-weight:500;white-space:nowrap}.usage-view .update-badge:hover:not(:disabled){background:#b84a1a}.usage-view .update-badge:active:not(:disabled){background:var(--accent-deep)}.usage-view .update-badge:disabled{opacity:.75}.usage-view .update-badge-spin{display:inline-flex;animation:uv-spin .9s linear infinite}.usage-view .accent-swatches{display:flex;gap:5px;padding:4px 6px;border-radius:var(--radius-card);background:var(--fill-08);animation:uv-accent-swatches-in .2s var(--ease-ui)}@keyframes uv-accent-swatches-in{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}.usage-view .accent-swatch{width:12px;height:12px;padding:0;border:none;border-radius:50%;cursor:pointer}.usage-view .accent-swatch.is-selected{box-shadow:inset 0 0 0 1.5px #ffffffe6}.usage-view .accent-current{width:14px;height:14px;margin-left:4px;padding:0;border:none;border-radius:50%;box-shadow:inset 0 0 0 .5px #ffffff4d;cursor:pointer}.usage-view .quota-warning{display:flex;align-items:center;gap:6px;margin-top:6px;padding:5px 8px;border-radius:5px;font-size:10.5px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--label-2);background:var(--fill-08)}.usage-view .quota-warning.is-warning{color:var(--sev-warning-ink);background:#d98f291f}.usage-view .quota-warning.is-critical{color:var(--sev-critical-ink);background:#ff95001f}.usage-view .quota-warning.is-danger{color:var(--sev-danger-ink);background:#ff3b301f}.usage-view .main-content{position:relative;flex:1;min-height:0;overflow-y:auto;scrollbar-width:none}.usage-view .main-content::-webkit-scrollbar{display:none}.usage-view .agent-tabs-wrap{position:relative;z-index:40;border-bottom:1px solid var(--separator)}.usage-view .agent-tabs-row{display:flex;align-items:center}.usage-view .agent-tabs{flex:1 1 auto;min-width:0;padding:8px 12px;overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(90deg,#000 calc(100% - 18px),transparent);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 18px),transparent)}.usage-view .agent-tabs-content{display:flex;gap:5px;width:max-content}.usage-view .agent-tabs::-webkit-scrollbar{display:none}.usage-view .tab-chevron{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--label)}.usage-view .tab-chevron:hover:not(:disabled){background:var(--fill-08)}.usage-view .tab-chevron:disabled{color:var(--label-3)}.usage-view .agent-tabs-row>.tab-chevron:first-child{margin-left:6px}.usage-view .agent-tabs-row>.tab-chevron:last-child{margin-right:6px}.usage-view .agent-tabs-row>.tab-chevron:first-child+.agent-tabs{padding-left:6px}.usage-view .tab-muted,.usage-view .tab-muted:hover{background:transparent;color:var(--label-3);box-shadow:inset 0 0 0 1px var(--fill-08)}.usage-view .tab-hover{position:absolute;left:12px;right:12px;top:calc(100% + 4px);display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:none}.usage-view .quota-anchor{width:260px}.usage-view .tab-preview{align-self:stretch;padding:8px 10px;border-radius:var(--radius-card);background:var(--tooltip-bg);color:var(--tooltip-fg);box-shadow:0 4px 20px #00000059,inset 0 0 0 .5px var(--tooltip-border);pointer-events:none;animation:uv-fadeIn .12s ease-out}.usage-view .tab-preview-title{font-size:11px;font-weight:600}.usage-view .tab-preview-body{margin-top:2px;font-size:10px;color:var(--tooltip-fg-2);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.usage-view .tab{display:inline-flex;flex-direction:column;gap:3px;flex:0 0 auto;border:0;padding:4px 10px;border-radius:var(--radius-pill);background:var(--fill-08);color:var(--label-2);font-size:11.5px;font-weight:500;letter-spacing:-.05px;line-height:14px;transition:background .12s var(--ease-ui),color .12s var(--ease-ui)}.usage-view .tab:hover{background:var(--fill-12)}.usage-view .tab-active,.usage-view .tab-active:hover{background:var(--brand-accent);color:#fff}.usage-view .tab-chip{display:inline-flex;align-items:baseline;gap:5px}.usage-view .tab-quota{display:block;height:3px;border-radius:1.5px;background:var(--fill-18);overflow:hidden}.usage-view .tab-quota-active{background:#fff3}.usage-view .tab-quota-fill{display:block;height:100%;border-radius:1.5px;background:var(--sev-normal);transition:width .25s var(--ease-ui)}.usage-view .tab-quota-fill-active{background:#fff}.usage-view .tab-quota-fill.is-warning{background:var(--sev-warning)}.usage-view .tab-quota-fill.is-critical{background:var(--sev-critical)}.usage-view .tab-quota-fill.is-danger{background:var(--sev-danger)}.usage-view .quota-card{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:var(--radius-card);background:var(--tooltip-bg);color:var(--tooltip-fg);box-shadow:0 4px 20px #00000059,inset 0 0 0 .5px var(--tooltip-border);animation:uv-fadeIn .12s ease-out}.usage-view .quota-head{display:flex;align-items:center;gap:6px}.usage-view .quota-head-title{font-size:11px;font-weight:600}.usage-view .quota-head-spacer{flex:1 1 auto}.usage-view .quota-flag{font-size:9.5px;color:var(--tooltip-fg-2)}.usage-view .quota-flag-warn{color:var(--sev-critical-tip)}.usage-view .quota-plan-pill{padding:2px 6px;border-radius:4px;background:#80808038;color:var(--tooltip-fg-2);font-size:9.5px;font-weight:500;white-space:nowrap}.usage-view .quota-note{font-size:11px;color:var(--tooltip-fg-2)}.usage-view .quota-row{display:flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums}.usage-view .quota-row-label{width:92px;flex:0 0 auto;font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usage-view .quota-row-track{flex:1 1 auto;height:4px;border-radius:2px;background:#8080804d;overflow:hidden}.usage-view .quota-row-fill{display:block;height:100%;border-radius:2px;background:var(--sev-normal)}.usage-view .quota-row-fill.is-warning{background:var(--sev-warning)}.usage-view .quota-row-fill.is-critical{background:var(--sev-critical)}.usage-view .quota-row-fill.is-danger{background:var(--sev-danger)}.usage-view .quota-row-pct{width:36px;flex:0 0 auto;text-align:right;font-family:var(--font-mono);font-size:10.5px;font-weight:500}.usage-view .quota-row-resets{width:50px;flex:0 0 auto;text-align:right;font-family:var(--font-mono);font-size:10px;color:var(--tooltip-fg-2)}.usage-view .quota-footer{margin-top:2px;padding-top:6px;border-top:1px solid var(--tooltip-border)}.usage-view .quota-footer-line{font-size:10.5px;color:var(--tooltip-fg-2)}.usage-view .quota-reconnect-title{font-size:11.5px;font-weight:600;color:var(--sev-danger-tip)}.usage-view .quota-reconnect-reason{font-size:11px;color:var(--tooltip-fg-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.usage-view .quota-reconnect-note{font-size:10.5px;color:var(--tooltip-fg-2)}.usage-view .tab-cost{font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:-.2px;color:var(--label-2)}.usage-view .tab-active .tab-cost{color:#fffc}.usage-view .hero{display:flex;flex-direction:column;gap:8px;padding:10px var(--gutter) 12px;border-bottom:1px solid var(--separator-soft)}.usage-view .hero-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.usage-view .hero-amount{font-family:var(--font-display);font-size:32px;font-weight:600;line-height:36px;letter-spacing:-1px;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,var(--brand-accent),var(--accent-deep));-webkit-background-clip:text;background-clip:text;color:transparent}.usage-view .hero-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-variant-numeric:tabular-nums}.usage-view .hero-note{display:flex;align-items:center;gap:4px;margin-top:6px;font-size:11px;font-weight:500}.usage-view .hero-note-warn{color:var(--sev-critical-ink)}.usage-view .hero-note-saved{color:var(--sev-normal-ink)}.usage-view .hero-note-muted{color:var(--label-2)}.usage-view .hero-calls{font-size:11px;color:var(--label-2)}.usage-view .hero-sessions{font-size:10.5px;color:var(--label-3)}.usage-view .hero-skeleton,.usage-view .hero-skeleton-line{display:block;border-radius:4px;background:linear-gradient(90deg,var(--fill-06) 25%,var(--fill-12) 50%,var(--fill-06) 75%);background-size:200% 100%;animation:uv-shimmer 1.4s linear infinite}.usage-view .hero-skeleton{width:128px;height:30px;margin:3px 0;-webkit-background-clip:border-box;background-clip:border-box;color:transparent}.usage-view .hero-skeleton-line{width:54px;height:10px}.usage-view .hero-skeleton-line.short{width:64px}@keyframes uv-shimmer{to{background-position:-200% 0}}.usage-view .section-caption{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:500;letter-spacing:-.1px;color:var(--label-2)}.usage-view .section-caption-strong{color:var(--label)}.usage-view .section-dot{width:3px;height:3px;border-radius:50%;background:var(--brand-accent);opacity:.7;flex-shrink:0}.usage-view .period-wrap{padding:6px 12px 10px;border-bottom:1px solid var(--separator-soft)}.usage-view .period-tabs{display:flex;gap:1px;padding:2px;border-radius:var(--radius-track);background:var(--fill-08)}.usage-view .period{flex:1;border:0;background:transparent;padding:4px 0;border-radius:var(--radius-segment);font-size:11px;font-weight:500;line-height:14px;color:var(--label-2);transition:background .12s var(--ease-ui),color .12s var(--ease-ui),box-shadow .12s var(--ease-ui)}.usage-view .period:hover{color:var(--label)}.usage-view .period-active,.usage-view .period-active:hover{background:var(--surface-window);color:var(--label);box-shadow:0 .5px 2px #0000001a}.usage-view .period-radios{display:flex;gap:1px;flex:1;min-width:0}.usage-view .period-calendar-anchor{position:relative;flex:0 0 28px;display:flex}.usage-view .period-calendar{display:flex;align-items:center;justify-content:center;width:28px;flex:0 0 28px;cursor:pointer}.usage-view .period-calendar.is-day-mode{color:var(--brand-accent)}.usage-view .calendar-popover{position:absolute;top:calc(100% + 6px);right:0;z-index:40;width:234px;padding:10px 6px;border-radius:var(--radius-card);border:1px solid var(--control-border);background:var(--menu-bg);box-shadow:var(--menu-shadow)}.usage-view .calendar-head{display:flex;align-items:center;padding:0 4px 6px}.usage-view .calendar-title{flex:1;text-align:center;font-size:12px;font-weight:600;color:var(--label)}.usage-view .calendar-nav{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:var(--radius-util);background:transparent;color:var(--label-2);cursor:pointer}.usage-view .calendar-nav:hover:not(:disabled){background:var(--control-hover);color:var(--label)}.usage-view .calendar-nav:disabled{color:var(--label-3);cursor:default}.usage-view .calendar-weekdays,.usage-view .calendar-grid{display:grid;grid-template-columns:repeat(7,30px);justify-content:center}.usage-view .calendar-weekdays span{height:16px;text-align:center;font-size:9px;font-weight:500;color:var(--label-3)}.usage-view .calendar-grid{gap:2px 0}.usage-view .calendar-day{justify-self:center;width:28px;height:28px;padding:0;border:1px solid transparent;border-radius:var(--radius-pill);background:transparent;font-size:11px;font-variant-numeric:tabular-nums;color:var(--label);cursor:pointer}.usage-view .calendar-day:hover:not(:disabled):not(.is-selected){background:var(--control-hover)}.usage-view .calendar-day.is-outside{color:var(--label-3)}.usage-view .calendar-day.is-today{font-weight:700;color:var(--brand-accent);border-color:var(--brand-accent)}.usage-view .calendar-day.is-selected,.usage-view .calendar-day.is-selected.is-today{background:var(--brand-accent);border-color:transparent;color:#fff}.usage-view .calendar-day:disabled{color:var(--label-3);opacity:.5;cursor:default}.usage-view .calendar-foot{display:flex;align-items:center;gap:8px;padding:8px 4px 0}.usage-view .calendar-clear{border:0;padding:0;background:transparent;font-size:11px;font-weight:500;color:var(--label-2);cursor:pointer}.usage-view .calendar-clear:hover{color:var(--label)}.usage-view .calendar-summary{flex:1;text-align:center;font-size:10px;color:var(--label-3)}.usage-view .calendar-done{border:0;padding:5px 14px;border-radius:var(--radius-segment);background:var(--brand-accent);font-size:11px;font-weight:600;color:#fff;cursor:pointer}.usage-view .calendar-done.is-idle{background:var(--fill-18);color:var(--label-2)}.usage-view .scope-wrap{display:flex;align-items:center;gap:8px;padding:0 12px 10px}.usage-view .scope-tabs{display:flex;flex:1;gap:1px;padding:2px;border-radius:var(--radius-track);background:var(--fill-08)}.usage-view .config-picker{position:relative;flex:0 0 auto}.usage-view .config-button{display:flex;align-items:center;gap:5px;width:118px;height:26px;padding:0 6px;border:0;border-radius:var(--radius-track);background:var(--fill-08);color:var(--label);font-size:11px;font-weight:500;cursor:pointer}.usage-view .config-label{flex:1;min-width:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usage-view .config-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:40;min-width:160px;padding:4px;border-radius:var(--radius-pill);border:1px solid var(--control-border);background:var(--menu-bg);box-shadow:var(--menu-shadow)}.usage-view .config-item{display:flex;align-items:center;gap:6px;width:100%;padding:5px 8px;border:0;border-radius:var(--radius-util);background:transparent;color:var(--label);font-size:11px;text-align:left;cursor:pointer}.usage-view .config-item:hover{background:var(--brand-accent);color:#fff}.usage-view .config-check{display:inline-flex;width:10px;flex:0 0 10px}.usage-view .config-sep{height:1px;margin:4px 0;background:var(--separator)}.usage-view .device-breakdown{display:flex;flex-direction:column;gap:3px;margin-top:6px}.usage-view .device-row{display:flex;align-items:center;gap:6px}.usage-view .device-dot{flex:0 0 5px;width:5px;height:5px;border-radius:50%;background:var(--label-2)}.usage-view .device-dot.is-error{background:var(--sev-critical-ink)}.usage-view .device-name{flex:1;min-width:0;font-size:10.5px;font-weight:500;color:var(--label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usage-view .device-cost{font-size:10.5px;color:var(--label-2);font-variant-numeric:tabular-nums}.usage-view .device-tokens{font-size:10px;color:var(--label-3);font-variant-numeric:tabular-nums}.usage-view .insight-area{display:flex;flex-direction:column;gap:10px;padding:10px var(--gutter);border-bottom:1px solid var(--separator-soft);position:relative;z-index:10}.usage-view .insight-pills{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:2px;margin:-2px}.usage-view .insight-pills::-webkit-scrollbar{display:none}.usage-view .insight-pill{border:0;flex:0 0 auto;padding:4px 9px;border-radius:var(--radius-pill);background:var(--fill-10);color:var(--label-2);font-size:11px;font-weight:500;line-height:14px;transition:background .12s var(--ease-ui),color .12s var(--ease-ui)}.usage-view .insight-pill:hover{background:var(--fill-15)}.usage-view .insight-pill-active,.usage-view .insight-pill-active:hover{background:var(--brand-accent);color:#fff}.usage-view .insight-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.usage-view .insight-sublabel{font-size:10px;font-weight:500;color:var(--label-3)}.usage-view .insight-hero{margin-top:1px;font-family:var(--font-display);font-size:18px;font-weight:600;line-height:22px;font-variant-numeric:tabular-nums;color:var(--label)}.usage-view .delta-badge{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-variant-numeric:tabular-nums;color:var(--brand-accent);white-space:nowrap}.usage-view .delta-badge-block{margin-top:0}.usage-view .trend-insight,.usage-view .forecast-insight,.usage-view .stats-insight,.usage-view .plan-insight{display:flex;flex-direction:column;gap:10px}.usage-view .trend-chart{position:relative;height:90px}.usage-view .trend-bars{display:flex;align-items:flex-end;gap:4px;height:100%}.usage-view .trend-bar-col{display:flex;flex-direction:column;justify-content:flex-end;flex:1 1 0;min-width:0;max-width:13px;height:100%}.usage-view .trend-bar{width:100%;min-height:2px;border-radius:var(--radius-bar);background:var(--brand-accent);opacity:.55;transform-origin:bottom center;transition:transform .12s ease-out,opacity .12s ease-out,box-shadow .12s ease-out}.usage-view .trend-bar-today{opacity:1}.usage-view .trend-bar-empty{background:var(--label);opacity:.15}.usage-view .trend-bar-hovered{opacity:.85;transform:scaleX(1.08);box-shadow:inset 0 0 0 1px #c9521de6}.usage-view .trend-bar-today.trend-bar-hovered{opacity:1}.usage-view .trend-avg-line{position:absolute;left:0;right:0;border-top:1px dashed var(--fill-50);pointer-events:none}.usage-view .bar-tooltip{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;padding:11px;border-radius:var(--radius-card);background:var(--tooltip-bg);color:var(--tooltip-fg);box-shadow:0 4px 20px #00000059,inset 0 0 0 .5px var(--tooltip-border);pointer-events:none;animation:uv-fadeIn .12s ease-out}.usage-view .bar-tooltip-header{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;font-weight:600;margin-bottom:5px}.usage-view .bar-tooltip-value{color:var(--brand-accent-dark);font-family:var(--font-mono);font-size:10.5px;font-weight:600}.usage-view .bar-tooltip-model{display:flex;align-items:center;gap:6px;padding:1.5px 0;font-size:10px;font-weight:500}.usage-view .bar-tooltip-dot{width:4px;height:4px;border-radius:50%;background:var(--brand-accent);opacity:.7;flex-shrink:0}.usage-view .bar-tooltip-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usage-view .bar-tooltip-tokens{font-family:var(--font-mono);font-size:9.5px;color:var(--tooltip-fg-2)}.usage-view .bar-tooltip-split{font-family:var(--font-mono);font-size:9px;color:var(--tooltip-fg-3)}.usage-view .calendar-insight{display:flex;flex-direction:column;gap:10px}.usage-view .heat-active{font-size:10.5px;font-weight:500;color:var(--brand-accent);font-variant-numeric:tabular-nums}.usage-view .heat-body{display:flex;align-items:flex-start;gap:6px}.usage-view .heat-weekdays{display:flex;flex-direction:column;gap:3px;width:26px;flex:0 0 26px}.usage-view .heat-weekdays span{height:8px;line-height:8px;text-align:right;font-size:8.5px;font-weight:500;color:var(--label-3)}.usage-view .heat-weeks{display:flex;gap:3px;flex:1;justify-content:flex-end}.usage-view .heat-week{display:flex;flex-direction:column;gap:3px}.usage-view .heat-cell{width:8px;height:8px;border-radius:2px;background:var(--fill-15);box-shadow:inset 0 0 0 0 transparent;transition:transform .1s ease-out}.usage-view .heat-l1{background:color-mix(in srgb,var(--brand-accent) 30%,transparent)}.usage-view .heat-l2{background:color-mix(in srgb,var(--brand-accent) 48%,transparent)}.usage-view .heat-l3{background:color-mix(in srgb,var(--brand-accent) 66%,transparent)}.usage-view .heat-l4{background:color-mix(in srgb,var(--brand-accent) 88%,transparent)}.usage-view .heat-cell.is-future{background:var(--fill-06)}.usage-view .heat-cell.is-today{box-shadow:inset 0 0 0 1px var(--brand-accent)}.usage-view .heat-cell.is-hovered{background:var(--brand-accent);box-shadow:inset 0 0 0 1px var(--brand-accent);transform:scale(1.35)}.usage-view .heat-detail{display:flex;align-items:center;gap:12px;min-height:42px;padding:7px 9px;border-radius:var(--radius-pill);background:var(--fill-06)}.usage-view .heat-detail-main{flex:1;min-width:0}.usage-view .heat-detail-metric{min-width:42px;text-align:right}.usage-view .heat-detail-label{font-size:9px;font-weight:500;color:var(--label-3)}.usage-view .heat-detail-main .heat-detail-label{font-size:10px}.usage-view .heat-detail-value{font-size:13px;font-weight:600;color:var(--label);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usage-view .heat-detail-num{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--label)}.usage-view .optimize-insight{display:flex;flex-direction:column;gap:12px}.usage-view .optimize-empty{font-size:11px;line-height:1.45;color:var(--label-2)}.usage-view .optimize-headline{padding-bottom:2px}.usage-view .optimize-total{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.5px;font-variant-numeric:tabular-nums;color:var(--sev-critical-ink)}.usage-view .optimize-share{text-align:right}.usage-view .optimize-share-pct{font-size:11px;font-weight:600;color:var(--sev-critical-ink)}.usage-view .optimize-share-note{font-size:9.5px;color:var(--label-3)}.usage-view .waste-block{display:flex;flex-direction:column;gap:4px;padding-top:10px;border-top:1px solid var(--separator-soft)}.usage-view .waste-head{display:flex;align-items:center;gap:4px;width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.usage-view .waste-spacer{flex:1}.usage-view .waste-title{font-size:10px;font-weight:500;color:var(--label-3)}.usage-view .waste-total{font-family:var(--font-mono);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.usage-view .waste-share,.usage-view .waste-note{font-size:9.5px;color:var(--label-3)}.usage-view .is-retry .waste-icon,.usage-view .is-retry .waste-total{color:var(--sev-critical-ink)}.usage-view .is-routing .waste-icon,.usage-view .is-routing .waste-total{color:var(--routing-ink)}.usage-view .waste-rows{display:flex;flex-direction:column;gap:3px}.usage-view .waste-row{display:flex;align-items:center;gap:8px;padding:2px 6px;border-radius:var(--radius-util)}.usage-view .is-retry .waste-row{background:#ff950012}.usage-view .is-routing .waste-row{background:#af52de12}.usage-view .waste-row-name{font-size:9.5px;font-weight:500;color:var(--label-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usage-view .waste-row-note{font-size:9px;color:var(--label-3)}.usage-view .waste-row-value{font-family:var(--font-mono);font-size:10px;font-weight:600;font-variant-numeric:tabular-nums}.usage-view .is-retry .waste-row-value{color:var(--sev-critical-ink)}.usage-view .is-routing .waste-row-value{color:var(--routing-ink)}.usage-view .mini-stats{display:flex;gap:14px}.usage-view .mini-stat{flex:1;min-width:0}.usage-view .mini-stat-label{font-size:9.5px;font-weight:500;color:var(--label-3)}.usage-view .mini-stat-value{margin-top:1px;font-size:11.5px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usage-view .forecast-mtd{margin-top:2px;font-family:var(--font-display);font-size:22px;font-weight:600;line-height:26px;font-variant-numeric:tabular-nums;color:var(--brand-accent)}.usage-view .forecast-right{text-align:right}.usage-view .forecast-projection{margin-top:2px;font-size:16px;font-weight:600;line-height:20px;font-variant-numeric:tabular-nums;color:var(--label)}.usage-view .pulse-tiles{display:flex;gap:10px}.usage-view .pulse-tile{flex:1;min-width:0;padding:8px 10px;border-radius:var(--radius-pill);background:var(--fill-06)}.usage-view .pulse-label{font-size:10px;font-weight:500;color:var(--label-3)}.usage-view .pulse-value{margin-top:3px;font-family:var(--font-display);font-size:18px;font-weight:600;line-height:22px;font-variant-numeric:tabular-nums;color:var(--label-2)}.usage-view .pulse-value-accent{color:var(--brand-accent)}.usage-view .pulse{display:flex;flex-direction:column;gap:8px}.usage-view .pulse-cpe{display:flex;align-items:center;gap:4px;min-width:0;color:var(--label-3)}.usage-view .pulse-cpe-label{font-size:10px;font-weight:500}.usage-view .pulse-cpe-figure{font-family:var(--font-mono);font-size:10.5px;font-weight:600;color:var(--label)}.usage-view .pulse-cpe-best{color:var(--brand-accent)}.usage-view .pulse-cpe-model{font-size:10px;color:var(--label-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usage-view .pulse-cpe-dash{font-size:9px;color:var(--label-3)}.usage-view .stats-grid{display:flex;gap:14px}.usage-view .stats-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.usage-view .stat-row-label{font-size:9.5px;font-weight:500;color:var(--label-3)}.usage-view .stat-row-value{margin-top:1px;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--label);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usage-view .stats-lifetime{display:flex;justify-content:space-between;align-items:baseline;padding-top:10px;border-top:1px solid var(--separator-soft)}.usage-view .stats-lifetime-label{font-size:10.5px;font-weight:500;color:var(--label-3)}.usage-view .stats-lifetime-value{font-family:var(--font-display);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--brand-accent)}.usage-view .stats-spacer{flex:1}.usage-view .stats-projects{display:flex;flex-direction:column;gap:5px;padding-top:10px;border-top:1px solid var(--separator-soft)}.usage-view .project-row{display:flex;align-items:center;gap:6px;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.usage-view .project-name{font-size:10.5px;font-weight:500;color:var(--label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usage-view .project-sessions{font-size:9.5px;color:var(--label-3)}.usage-view .project-cost{font-family:var(--font-mono);font-size:10.5px;font-weight:600;color:var(--label-2);font-variant-numeric:tabular-nums}.usage-view .project-bar{flex:0 0 auto;height:6px;border-radius:var(--radius-bar);background:var(--brand-accent);opacity:.5}.usage-view .session-list{display:flex;flex-direction:column;gap:4px;margin:6px 0 0 14px}.usage-view .session-row{display:flex;flex-direction:column;gap:3px;padding:3px 6px;border-radius:var(--radius-segment);background:var(--fill-06)}.usage-view .session-line{display:flex;align-items:center;gap:6px}.usage-view .session-cost{min-width:52px;text-align:right;font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--label);font-variant-numeric:tabular-nums}.usage-view .session-calls{font-size:9px;color:var(--label-3)}.usage-view .session-tokens{display:inline-flex;align-items:center;gap:2px;font-size:9px;color:var(--label-3);font-variant-numeric:tabular-nums}.usage-view .session-models{display:flex;gap:4px;margin-left:52px}.usage-view .session-model{padding:1.5px 5px;border-radius:999px;background:color-mix(in srgb,var(--brand-accent) 10%,transparent);font-size:8.5px;font-weight:500;color:var(--label-2)}.usage-view .stats-costliest{display:flex;align-items:center;gap:4px}.usage-view .stats-costliest-icon{color:var(--brand-accent);flex-shrink:0}.usage-view .stats-costliest-label{font-size:10px;font-weight:500;color:var(--label-3)}.usage-view .stats-costliest-value{font-family:var(--font-mono);font-size:10.5px;font-weight:600;color:var(--label-2);font-variant-numeric:tabular-nums}.usage-view .stats-costliest-project{font-size:10px;color:var(--label-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usage-view .plan-header{display:flex;align-items:baseline;gap:6px}.usage-view .plan-tier{font-size:13px;font-weight:600;color:var(--brand-accent)}.usage-view .plan-reset{margin-left:auto;font-size:10.5px;color:var(--label-2)}.usage-view .plan-note{font-size:10px;color:var(--label-3)}.usage-view .plan-rows{display:flex;flex-direction:column;gap:8px}.usage-view .util-row{display:flex;flex-direction:column;gap:3px}.usage-view .util-row-head{display:flex;align-items:baseline;justify-content:space-between}.usage-view .util-label{font-size:11px;font-weight:500;color:var(--label-2)}.usage-view .util-percent{font-family:var(--font-mono);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--brand-accent)}.usage-view .util-bar{position:relative;height:6px;border-radius:var(--radius-util);background:var(--fill-12);overflow:hidden}.usage-view .util-bar-fill{height:100%;border-radius:var(--radius-util);background:var(--brand-accent);transition:width .4s var(--ease-ui)}.usage-view .util-bar-marker{position:absolute;top:0;bottom:0;width:1.5px;background:var(--label);opacity:.55}.usage-view .util-caption{display:flex;align-items:center;gap:3px;font-size:9.5px;font-weight:500;color:var(--label-3)}.usage-view .util-caption-warn{color:var(--brand-accent)}.usage-view .savings-badge{display:flex;align-items:center;gap:6px;width:100%;margin-top:2px;padding:7px 10px;border:0;border-radius:var(--radius-pill);background:#c9521d1a;color:var(--label);font-size:11px;font-weight:500;text-align:left;transition:background .12s var(--ease-ui)}.usage-view .savings-badge:hover{background:#c9521d29}.usage-view .savings-badge-icon{color:var(--brand-accent);flex-shrink:0}.usage-view .savings-badge span{flex:1}.usage-view .savings-badge-chevron{color:var(--label-3)}.usage-view .plan-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;text-align:center}.usage-view .plan-state-icon{color:var(--label-3)}.usage-view .plan-state-icon-accent{color:var(--brand-accent)}.usage-view .plan-state-title{font-size:12px;font-weight:600;color:var(--label)}.usage-view .plan-state-title-muted{font-size:11.5px;font-weight:500;color:var(--label-2)}.usage-view .plan-state-note{max-width:260px;font-size:10.5px;color:var(--label-2)}.usage-view .plan-state-error{max-width:280px;font-size:10px;color:var(--label-3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.usage-view .plan-actions{display:flex;gap:8px;margin-top:2px}.usage-view .pr-section{display:flex;flex-direction:column;gap:6px;padding:11px var(--gutter);border-bottom:1px solid var(--separator-soft)}.usage-view .pr-row{display:flex;align-items:baseline;gap:8px}.usage-view .pr-label{flex:1;min-width:0;font-family:var(--font-mono);font-size:11.5px;color:var(--label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usage-view .pr-cost{font-size:11.5px;font-weight:500;color:var(--label);font-variant-numeric:tabular-nums}.usage-view .tooling-groups{display:flex;flex-direction:column;gap:12px}.usage-view .tooling-group{display:flex;flex-direction:column;gap:3px}.usage-view .tooling-title{font-size:10.5px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--label-3);margin-bottom:2px}.usage-view .collapsible{display:flex;flex-direction:column;gap:7px;padding:11px var(--gutter);border-bottom:1px solid var(--separator-soft)}.usage-view .collapsible-header{display:flex;align-items:center;gap:8px;width:100%;border:0;padding:0;background:transparent;color:var(--label-2);text-align:left}.usage-view .collapsible-spacer{flex:1}.usage-view .col-header{font-size:10px;font-weight:500;letter-spacing:-.05px;color:var(--label-3);text-align:right}.usage-view .chevron{color:var(--label-2);opacity:.55;transition:transform .18s ease-in-out;flex-shrink:0;margin-left:2px}.usage-view .chevron-open{transform:rotate(90deg)}.usage-view .collapsible-body{display:flex;flex-direction:column;gap:7px;animation:uv-fadeIn .18s ease-in-out}.usage-view .data-row{display:flex;align-items:center;gap:8px;padding:1px 2px;font-variant-numeric:tabular-nums}.usage-view .fixed-bar{position:relative;display:block;width:56px;height:6px;flex-shrink:0;border-radius:var(--radius-bar);background:var(--fill-15);overflow:hidden}.usage-view .fixed-bar-fill{display:block;height:100%;border-radius:var(--radius-bar);background:var(--brand-accent)}.usage-view .row-name{flex:1;min-width:0;font-size:12.5px;font-weight:500;color:var(--label);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usage-view .row-cost{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:-.2px;text-align:right;color:var(--label)}.usage-view .row-count{font-size:11px;text-align:right;color:var(--label-2)}.usage-view .row-saved{font-family:var(--font-mono);font-size:12px;letter-spacing:-.2px;text-align:right;color:var(--label-2)}.usage-view .row-saved-on{color:var(--sev-normal-ink)}.usage-view .row-oneshot{font-size:10.5px;text-align:right;color:var(--label-2)}.usage-view .tokens-line{display:flex;align-items:baseline;gap:4px;padding-top:5px;font-size:10.5px;font-variant-numeric:tabular-nums}.usage-view .tokens-label{color:var(--label-3)}.usage-view .tokens-value{color:var(--label-2)}.usage-view .tokens-sep{color:var(--label-3)}.usage-view .model-tokens{padding:0 0 3px;font-size:10px}.usage-view .findings-wrap{padding:8px var(--gutter)}.usage-view .findings-card{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:var(--radius-card);background:var(--fill-06)}.usage-view .findings-header{display:flex;align-items:baseline;justify-content:space-between;width:100%;border:0;padding:0;background:transparent;color:var(--label);text-align:left}.usage-view .findings-header-left{display:inline-flex;align-items:center;gap:6px}.usage-view .findings-icon{color:var(--brand-accent)}.usage-view .findings-title{font-size:12.5px;font-weight:600}.usage-view .findings-header-right{display:inline-flex;align-items:center;gap:6px;color:var(--label-2)}.usage-view .findings-count{font-size:10.5px}.usage-view .findings-body{display:flex;flex-direction:column;gap:10px;animation:uv-fadeIn .18s ease-in-out}.usage-view .tips-group{display:flex;flex-direction:column;gap:5px}.usage-view .tips-group-header{display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--brand-accent)}.usage-view .tips-item{display:flex;align-items:baseline;gap:6px;padding:0;font-size:11.5px;color:var(--label)}.usage-view .tips-bullet{width:3px;height:3px;border-radius:50%;background:var(--brand-accent);flex-shrink:0;transform:translateY(-2px)}.usage-view .tips-text{flex:1;min-width:0}.usage-view .tips-trailing{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:-.2px;color:var(--label-2)}.usage-view .findings-open-optimize{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;border:0;padding:0;background:transparent;color:var(--brand-accent);font-size:11.5px;font-weight:600}.usage-view .findings-open-optimize:hover{text-decoration:underline}.usage-view .empty-provider{display:flex;flex-direction:column;align-items:center;gap:10px;padding:60px 0}.usage-view .empty-provider-icon{color:var(--label-3)}.usage-view .empty-provider-text{font-size:12px;font-weight:500;color:var(--label-2);text-align:center}.usage-view .no-data{padding:10px var(--gutter) 14px;color:var(--label-2);font-size:11.5px;line-height:1.5}.usage-view .no-data-title{margin:0 0 6px;font-size:12.5px;font-weight:600;color:var(--label)}.usage-view .no-data p{margin:0 0 8px}.usage-view .no-data-sub{font-weight:600;color:var(--label);margin-bottom:4px}.usage-view .no-data ul{margin:0 0 10px;padding-left:16px}.usage-view .no-data li{margin-bottom:3px}.usage-view .no-data code{font-size:10.5px;padding:1px 4px;border-radius:3px;background:var(--fill-06);color:var(--label);-webkit-user-select:text;user-select:text;overflow-wrap:anywhere}.usage-view .no-data-tool{color:var(--label-3)}.usage-view .setup{display:flex;flex-direction:column;align-items:center;gap:10px;padding:36px 24px;text-align:center}.usage-view .setup-title{margin:4px 0 0;font-size:14px;font-weight:600;color:var(--label)}.usage-view .setup-copy{margin:0;max-width:280px;font-size:11.5px;line-height:1.5;color:var(--label-2)}.usage-view .setup-copy-muted{color:var(--label-3);font-size:10.5px}.usage-view .setup-command{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 12px;border-radius:var(--radius-card);background:var(--fill-06)}.usage-view .setup-command code{font-size:12px;color:var(--label);-webkit-user-select:text;user-select:text}.usage-view .setup-actions{display:flex;gap:8px;margin-top:4px}.usage-view .setup-details{font-size:10.5px;color:var(--label-2);max-width:300px}.usage-view .setup-details summary{display:inline-flex;align-items:center;gap:4px;list-style:none;color:var(--label-3)}.usage-view .setup-details summary::-webkit-details-marker{display:none}.usage-view .setup-error{margin-top:6px;text-align:left;font-family:var(--font-mono);font-size:10px;word-break:break-word;-webkit-user-select:text;user-select:text}.usage-view .setup-error-muted{margin-top:4px;text-align:left;font-size:10px;color:var(--label-3);word-break:break-all}.usage-view .toggle{position:relative;width:34px;height:20px;padding:0;border:0;border-radius:10px;background:var(--fill-18);transition:background .16s var(--ease-ui)}.usage-view .toggle:disabled{opacity:.5}.usage-view .toggle-on{background:var(--brand-accent)}.usage-view .toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform .16s var(--ease-ui)}.usage-view .toggle-on .toggle-knob{transform:translate(14px)}.usage-view .loading-overlay{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:var(--overlay-material);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);animation:uv-fadeIn .2s ease-in-out}.usage-view .loading-content{display:flex;flex-direction:column;align-items:center;gap:14px}.usage-view .loading-text{font-size:11.5px;font-weight:500;color:var(--label-2)}.usage-view .fetch-error-overlay{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:0 20px;background:var(--overlay-material);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);animation:uv-fadeIn .2s ease-in-out}.usage-view .fetch-error-content{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:280px;text-align:center}.usage-view .fetch-error-icon{color:var(--brand-accent)}.usage-view .fetch-error-title{font-size:12.5px;font-weight:600;color:var(--label)}.usage-view .fetch-error-message{font-size:10.5px;line-height:1.4;color:var(--label-2);-webkit-user-select:text;user-select:text;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@keyframes uv-fadeIn{0%{opacity:0}to{opacity:1}}.usage-view .footer{display:flex;align-items:center;gap:6px;padding:8px 12px;border-top:1px solid var(--separator)}.usage-view .footer-spacer{flex:1}.usage-view .btn{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border:1px solid var(--control-border);border-radius:6px;background:var(--control-bg);color:var(--label);font-size:11px;font-weight:500;line-height:1;white-space:nowrap;box-shadow:0 .5px 1px #0000000f;transition:background .12s var(--ease-ui),border-color .12s var(--ease-ui)}.usage-view .btn:hover:not(:disabled){background:var(--control-hover)}.usage-view .btn:disabled{opacity:.55}.usage-view .btn-pressed{background:var(--control-hover)}.usage-view .btn-icon{padding:0 6px}.usage-view .btn-spinning svg{animation:uv-spin .9s linear infinite}@keyframes uv-spin{to{transform:rotate(360deg)}}.usage-view .btn-prominent,.usage-view .btn-prominent:hover:not(:disabled){background:var(--brand-accent);border-color:transparent;color:#fff;font-weight:600}.usage-view .btn-prominent:hover:not(:disabled){background:#b84a1a}.usage-view .btn-prominent:active{background:var(--accent-deep)}.usage-view .dropmenu{position:relative}.usage-view .dropmenu-panel{position:absolute;bottom:calc(100% + 6px);min-width:132px;max-height:300px;overflow-y:auto;scrollbar-width:none;padding:4px;border-radius:8px;background:var(--menu-bg);box-shadow:var(--menu-shadow),inset 0 0 0 .5px var(--separator);z-index:100;animation:uv-menuIn .12s var(--ease-ui)}.usage-view .dropmenu-panel::-webkit-scrollbar{display:none}.usage-view .dropmenu-grid{display:grid;gap:1px 2px;min-width:204px}.usage-view .dropmenu-grid .dropmenu-item{padding-right:6px}.usage-view .dropmenu-item-wrap{min-width:0}.usage-view .dropmenu-left{left:0}.usage-view .dropmenu-right{right:0}@keyframes uv-menuIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.usage-view .dropmenu-item{display:flex;align-items:center;gap:4px;width:100%;height:24px;padding:0 8px 0 4px;border:0;border-radius:5px;background:transparent;color:var(--label);font-size:11.5px;text-align:left}.usage-view .dropmenu-item:hover:not(:disabled){background:var(--brand-accent);color:#fff}.usage-view .dropmenu-item:disabled{color:var(--label-3)}.usage-view .dropmenu-check{display:inline-flex;width:14px;justify-content:center;flex-shrink:0}.usage-view .dropmenu-label{flex:1;white-space:nowrap}.usage-view .dropmenu-sep{height:1px;margin:4px 6px;background:var(--separator)}.usage-view .dropmenu-footnote{padding:6px 8px 3px;font-size:10px;color:var(--label-3);white-space:nowrap;border-top:1px solid var(--separator-soft);margin-top:4px}.usage-view .dropmenu-more .btn{padding:0 6px}.usage-view .star-banner{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#c9521d14;box-shadow:inset 0 .5px 0 var(--fill-18)}.usage-view .star-banner-icon{color:var(--brand-accent);flex-shrink:0}.usage-view .star-banner-link{font-size:10.5px;font-weight:500;color:var(--label);text-decoration:none;padding:0;border:0;background:transparent;text-align:left}.usage-view .star-banner-cta{color:var(--brand-accent);text-decoration:underline}.usage-view .star-banner-spacer{flex:1}.usage-view .star-banner-close{display:inline-flex;padding:4px;border:0;border-radius:4px;background:transparent;color:var(--label-2)}.usage-view .star-banner-close:hover{background:var(--fill-08)}.usage-view .cli-banner{display:flex;align-items:center;gap:6px;padding:6px 12px;background:color-mix(in srgb,var(--update-ink) 8%,transparent);box-shadow:inset 0 .5px 0 var(--fill-18)}.usage-view .cli-banner-icon{color:var(--update-ink);display:inline-flex;flex-shrink:0}.usage-view .cli-banner-text{font-size:10.5px;font-weight:500;color:var(--label);white-space:nowrap}.usage-view .cli-banner-action,.usage-view .cli-banner-copy{display:inline-flex;align-items:center;gap:3px;padding:0;border:0;background:transparent;color:var(--update-ink);font-family:inherit;font-size:10px;font-weight:600;white-space:nowrap}.usage-view .cli-banner-action:disabled{opacity:.6}.usage-view .cli-banner-copy code{font-family:var(--font-mono);font-size:10px;font-weight:500}.usage-view .cli-banner-copy:hover code{text-decoration:underline}.usage-view .cli-banner-spacer{flex:1}.usage-view .error-toast{position:absolute;left:12px;right:12px;bottom:74px;z-index:200;display:flex;align-items:flex-start;gap:8px;padding:8px 8px 8px 10px;border-radius:8px;background:var(--tooltip-bg);color:var(--tooltip-fg);font-size:11px;line-height:1.4;box-shadow:0 4px 20px #00000059,inset 0 0 0 .5px var(--tooltip-border);animation:uv-menuIn .16s var(--ease-ui)}.usage-view .error-toast-text{flex:1;word-break:break-word;-webkit-user-select:text;user-select:text}.usage-view .error-toast-close{display:inline-flex;padding:3px;border:0;border-radius:4px;background:transparent;color:var(--tooltip-fg-2)}.usage-view .error-toast-close:hover{background:#7f7f7f33}.usage-view .stg{display:flex;height:100%;background:var(--surface-window);color:var(--label);font-size:12px}.usage-view .stg-sidebar{flex:0 0 240px;display:flex;flex-direction:column;min-height:0;overflow-y:auto;padding-bottom:10px;background:var(--surface);border-right:1px solid var(--separator)}.usage-view .stg-search{padding:12px 12px 8px}.usage-view .stg-search-field,.usage-view .stg-field,.usage-view .stg-select{font:inherit;color:var(--label);background:var(--control-bg);border:1px solid var(--control-border);border-radius:var(--radius-pill);padding:4px 7px}.usage-view .stg-search-field{width:100%}.usage-view .stg-search-field::-webkit-search-cancel-button{cursor:default}.usage-view .stg-select{min-width:132px}.usage-view .stg-field{min-width:120px}.usage-view .stg-select:focus-visible,.usage-view .stg-field:focus-visible,.usage-view .stg-search-field:focus-visible{outline:2px solid var(--brand-accent);outline-offset:1px}.usage-view .stg-list{list-style:none;margin:0;padding:0 8px}.usage-view .stg-list-header{display:flex;align-items:baseline;justify-content:space-between;padding:14px 14px 5px;font-size:10px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--label-3)}.usage-view .stg-list-count{font-family:var(--font-mono);letter-spacing:0;text-transform:none}.usage-view .stg-list-empty{padding:4px 14px;font-size:11px;color:var(--label-3)}.usage-view .stg-row-btn{display:flex;align-items:center;gap:8px;width:100%;height:30px;padding:0 8px;border:0;border-radius:var(--radius-pill);background:transparent;text-align:left}.usage-view .stg-row-btn:hover{background:var(--control-hover)}.usage-view .stg-row-btn-active,.usage-view .stg-row-btn-active:hover{background:var(--brand-accent);color:#fff}.usage-view .stg-row-btn-dim{color:var(--label-2)}.usage-view .stg-row-btn-active.stg-row-btn-dim{color:#ffffffdb}.usage-view .stg-row-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usage-view .stg-chip{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;border-radius:5px;font-size:9px;font-weight:700;color:#fff}.usage-view .stg-chip-general{background:linear-gradient(var(--brand-accent-dark),var(--brand-accent))}.usage-view .stg-chip-about{background:linear-gradient(#9a9aa0,#75757a)}.usage-view .stg-glyph{display:inline-flex;align-items:center;justify-content:center;width:20px;flex-shrink:0}.usage-view .stg-dot{width:6px;height:6px;border-radius:3px;background:var(--sev-normal);flex-shrink:0}.usage-view .stg-detail{flex:1;min-width:0;overflow-y:auto}.usage-view .stg-pane{padding:20px 24px 32px;max-width:640px}.usage-view .stg-group{margin-bottom:22px}.usage-view .stg-group-title{margin:0 0 7px 2px;font-size:12px;font-weight:600;color:var(--label)}.usage-view .stg-card{background:var(--surface);border:1px solid var(--separator);border-radius:var(--radius-card);overflow:hidden}.usage-view .stg-footer{margin:7px 2px 0;font-size:10.5px;line-height:1.4;color:var(--label-2)}.usage-view .stg-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 12px;border-bottom:1px solid var(--separator-soft)}.usage-view .stg-row:last-child,.usage-view .stg-card>:last-child{border-bottom:0}.usage-view .stg-row-stacked{flex-direction:column;align-items:stretch;gap:8px}.usage-view .stg-row-text{min-width:0}.usage-view .stg-row-label{font-size:12px;font-weight:500;color:var(--label)}.usage-view .stg-row-hint{margin-top:1px;font-size:10.5px;line-height:1.35;color:var(--label-2)}.usage-view .stg-row-control{flex-shrink:0;display:flex;align-items:center;gap:8px}.usage-view .stg-row-stacked .stg-row-control{justify-content:flex-start}.usage-view .stg-note{padding:8px 12px;font-size:10.5px;line-height:1.4;color:var(--label-2);border-bottom:1px solid var(--separator-soft)}.usage-view .stg-error{color:var(--danger)}.usage-view .stg-swatches{display:flex;gap:8px}.usage-view .stg-swatch{width:18px;height:18px;padding:0;border:1px solid var(--separator);border-radius:9px}.usage-view .stg-swatch-on{outline:2px solid var(--label);outline-offset:1px}.usage-view .stg-slider{width:168px;height:16px;appearance:none;background:transparent}.usage-view .stg-slider::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--brand-accent) 0 var(--slider-filled),var(--fill-15) var(--slider-filled) 100%)}.usage-view .stg-slider::-webkit-slider-thumb{appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:var(--brand-accent);box-shadow:0 1px 2px #0000004d}.usage-view .stg-link-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 12px;border:0;border-bottom:1px solid var(--separator-soft);background:transparent;text-align:left}.usage-view .stg-link-row:hover{background:var(--control-hover)}.usage-view .stg-link-arrow{color:var(--label-3);display:inline-flex}.usage-view .stg-link-row:hover .stg-link-arrow{color:var(--brand-accent)}.usage-view .stg-hero{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0 22px}.usage-view .stg-hero-mark{line-height:0;margin-bottom:8px}.usage-view .stg-hero-name{font-family:var(--font-display);font-size:17px;font-weight:600}.usage-view .stg-hero-version{font-size:11.5px;color:var(--label-2)}.usage-view .stg-hero-tagline{font-size:11px;color:var(--label-3)}.usage-view .stg-conn{display:flex;align-items:flex-start;gap:10px;min-width:0}.usage-view .stg-conn-icon{display:inline-flex;flex-shrink:0;padding-top:1px;color:var(--label-3)}.usage-view .stg-conn-connected,.usage-view .stg-conn-stale{color:var(--sev-normal-ink)}.usage-view .stg-conn-terminalFailure{color:var(--danger)}.usage-view .stg-conn-transientFailure{color:var(--sev-critical-ink)}.usage-view .stg-row-btn-active .stg-dot{background:#fff}.usage-view .stg-path{font-family:var(--font-mono);font-size:11px;word-break:break-all;-webkit-user-select:text;user-select:text}.usage-view .stg-readout{font-family:var(--font-mono);font-size:11px;color:var(--label-2);min-width:38px;text-align:right}.usage-view .stg-provider{display:inline-flex;align-items:center;gap:7px}.usage-view .stg-attention{font-size:10px;color:var(--danger)}.usage-view .hero-calls,.usage-view .hero-sessions{display:inline-flex;align-items:center;gap:2px}.usage-view .stg-select option{background:var(--surface-window);color:var(--label)}.usage-view .consent{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:10px 12px;background:var(--fill-06);box-shadow:inset 0 .5px 0 var(--fill-18)}.usage-view .consent-title{margin:0;font-size:11.5px;font-weight:600;color:var(--label)}.usage-view .consent-body{margin:0;font-size:10.5px;line-height:1.45;color:var(--label-2)}.usage-view .consent-link{padding:0;border:0;background:transparent;color:var(--brand-accent);font-family:inherit;font-size:10.5px;font-weight:500;text-decoration:underline}.usage-view .consent-actions{display:flex;gap:8px;align-self:flex-end}.usage-view .usage-providers{display:flex;flex-wrap:wrap;gap:6px;padding:8px var(--gutter);border-bottom:1px solid var(--separator-soft)}.usage-view .usage-provider{padding:3px 8px;border-radius:var(--radius-pill);background:var(--fill-06);font-size:11px;font-variant-numeric:tabular-nums}.usage-view .usage-provider b{font-weight:600;margin-left:4px}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-divide-x-reverse:0}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--color-red-600:oklch(57.7% .245 27.325);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-700:oklch(55.5% .163 48.998);--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-7xl:80rem;--text-xs--line-height:calc(1 / .75);--text-sm--line-height:calc(1.25 / .875);--text-lg--line-height:calc(1.75 / 1.125);--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--radius-xl:.75rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--color-chart-1:var(--chart-1);--color-chart-4:var(--chart-4);--font-display:"Alga", Georgia, "Times New Roman", serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border)}body{background-color:var(--outer-background);color:var(--foreground);letter-spacing:-.006em;margin:0;font-weight:400}::selection{background:var(--primary);color:var(--primary-foreground)}*{scrollbar-width:thin;scrollbar-color:var(--foreground) transparent}@supports (color:color-mix(in lab,red,red)){*{scrollbar-color:color-mix(in oklch,var(--foreground) 16%,transparent) transparent}}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.inset-0{inset:0}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-auto{margin-top:auto}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-24{width:calc(var(--spacing) * 24);height:calc(var(--spacing) * 24)}.size-full{width:100%;height:100%}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-8{height:calc(var(--spacing) * 8)}.h-\[3px\]{height:3px}.h-full{height:100%}.max-h-\[32rem\]{max-height:32rem}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing) * 4)}.w-14{width:calc(var(--spacing) * 14)}.w-full{width:100%}.max-w-7xl{max-width:var(--container-7xl)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:0}.min-w-10{min-width:calc(var(--spacing) * 10)}.min-w-16{min-width:calc(var(--spacing) * 16)}.min-w-\[88px\]{min-width:88px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-rotate-90{rotate:-90deg}.rotate-180{rotate:180deg}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[1fr_1fr_120px\]{grid-template-columns:1fr 1fr 120px}.grid-cols-\[72px_1fr_auto\]{grid-template-columns:72px 1fr auto}.grid-cols-\[minmax\(80px\,130px\)_1fr_auto\]{grid-template-columns:minmax(80px,130px) 1fr auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-px{gap:1px}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-1{row-gap:var(--spacing)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-\[14px\]{border-radius:14px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:calc(var(--radius) + 2px)}.rounded-md{border-radius:var(--radius)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-border{border-color:var(--border)}.border-input{border-color:var(--input)}.bg-amber-500\/15{background-color:#f99c0026}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/15{background-color:color-mix(in oklab,var(--color-amber-500) 15%,transparent)}}.bg-background{background-color:var(--background)}.bg-bad{background-color:var(--bad)}.bg-card{background-color:var(--card)}.bg-interactive-secondary{background-color:var(--interactive-secondary)}.bg-muted{background-color:var(--muted)}.bg-outer-background{background-color:var(--outer-background)}.bg-panel{background-color:var(--panel)}.bg-primary{background-color:var(--primary)}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-top{vertical-align:top}.font-mono{font-family:Geist Mono,ui-monospace,SF Mono,Menlo,monospace}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-lg{font-size:17px;line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:13px;line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:20px;line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:12px;line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-700{color:var(--color-amber-700)}.text-bad{color:var(--bad)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-ok{color:var(--ok)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-red-600{color:var(--color-red-600)}.text-tertiary-foreground{color:var(--tertiary-foreground)}.text-warn{color:var(--warn)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.first\:rounded-b-\[1px\]:first-child{border-bottom-right-radius:1px;border-bottom-left-radius:1px}.last\:rounded-t-\[2px\]:last-child{border-top-left-radius:2px;border-top-right-radius:2px}@media(hover:hover){.hover\:bg-interactive-secondary:hover{background-color:var(--interactive-secondary)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}}.focus\:border-ring:focus{border-color:var(--ring)}.disabled\:opacity-60:disabled{opacity:.6}@media(min-width:40rem){.sm\:inline{display:inline}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}:where(.sm\:divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.sm\:divide-border>:not(:last-child)){border-color:var(--border)}.sm\:px-3{padding-inline:calc(var(--spacing) * 3)}.sm\:first\:pl-0:first-child{padding-left:0}}@media(min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[minmax\(0\,1\.4fr\)_minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto}.md\:justify-end{justify-content:flex-end}.md\:text-right{text-align:right}}@media(min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-\[1\.2fr_1fr\]{grid-template-columns:1.2fr 1fr}.lg\:grid-cols-\[380px_minmax\(0\,1fr\)\]{grid-template-columns:380px minmax(0,1fr)}.lg\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.lg\:border-border{border-color:var(--border)}.lg\:pl-6{padding-left:calc(var(--spacing) * 6)}}@media(min-width:80rem){.xl\:col-span-1{grid-column:span 1/span 1}.xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:grid-cols-\[minmax\(0\,1\.2fr\)_minmax\(0\,1fr\)_minmax\(0\,0\.8fr\)\]{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,.8fr)}}@media(prefers-color-scheme:dark){.dark\:text-amber-300{color:var(--color-amber-300)}}}:root{--radius:.375rem;--background:#f6f4ef;--outer-background:#e9e6de;--foreground:#16181d;--card:#fff;--card-foreground:#16181d;--popover:#fff;--popover-foreground:#16181d;--muted:#efece4;--muted-foreground:#5d626b;--tertiary-foreground:#8a857c;--heading:#2c5242;--border:#171b2014;--input:#171b2024;--interactive-secondary:#171b200a;--interactive-secondary-hover:#171b2014;--active-primary:#fff;--accent:#efece4;--accent-foreground:#16181d;--subtle:#8a857c;--primary:#c9521d;--primary-foreground:#fff;--ring:#c9521d;--positive:#1f8a5b;--brand:#e8553a;--panel:#efece4;--ok:var(--positive);--warn:#925b00;--bad:#c2382f;--tier-flagship:#2a78d6;--tier-premium:#1baf7a;--tier-balanced:#e87ba4;--tier-fast:#eda100;--tier-other:#8a8a8f;--chart-1:#1f8a5b;--chart-2:#4fd394;--chart-3:#2c5242;--chart-4:#d99a3c;--chart-5:#c8541f;--chart-6:#2f5fd0;--chart-7:#7aa86f;--chart-8:#b5403a;--chart-9:#3f8f6b;--chart-10:#a98b4f;--chart-grid-stroke:#171b2012;--chart-hover-cursor:#0000000a;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--background:#0e1013;--outer-background:#0e1013;--foreground:#e8eaee;--card:#16181d;--card-foreground:#e8eaee;--popover:#16181d;--popover-foreground:#e8eaee;--muted:#1a1d22;--muted-foreground:#959ca8;--tertiary-foreground:#8b93a1;--heading:#7aa86f;--border:#282c33;--input:#282c33;--interactive-secondary:#ffffff0f;--interactive-secondary-hover:#ffffff1a;--active-primary:#2a2f38;--accent:#1a1d22;--accent-foreground:#e8eaee;--subtle:#8b93a1;--primary:#e8774a;--primary-foreground:#0e1013;--ring:#e8774a;--positive:#3ecf8e;--brand:#f2701c;--panel:#111317;--warn:#e8b93e;--bad:#f26d6d;--tier-flagship:#3987e5;--tier-premium:#199e70;--tier-balanced:#d55181;--tier-fast:#c98500;--tier-other:#6e6e73;--chart-1:#3ecf8e;--chart-2:#7ce0b0;--chart-3:#2f9e6e;--chart-4:#e8b93e;--chart-5:#f2701c;--chart-6:#5b9bef;--chart-7:#8bb6a0;--chart-8:#f26d6d;--chart-9:#4fbf93;--chart-10:#d5b26a;--chart-grid-stroke:#ffffff14;--chart-hover-cursor:#ffffff0f}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-shimmer{background-color:var(--muted);background-image:linear-gradient(90deg,transparent 0%,var(--foreground) 50%,transparent 100%)}@supports (color:color-mix(in lab,red,red)){.skeleton-shimmer{background-image:linear-gradient(90deg,transparent 0%,color-mix(in oklch,var(--foreground) 7%,transparent) 50%,transparent 100%)}}.skeleton-shimmer{background-repeat:no-repeat;background-size:200% 100%;animation:1.6s ease-in-out infinite shimmer}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}
