.dashboard-date-menu{z-index:80;min-width:225px;padding:8px;box-shadow:0 14px 45px #0002}.dashboard-date-menu.is-custom{grid-template-columns:170px 1fr;width:500px;display:grid}.date-presets{flex-direction:column;display:flex}.date-timezone{color:var(--text-muted);grid-column:1/-1;margin:6px 8px 3px;font-size:11px}.date-custom{border-left:1px solid var(--border);padding:4px 10px 8px}.date-calendar-heading{text-transform:capitalize;justify-content:space-between;align-items:center;font-size:12px;display:flex}.date-calendar-grid{grid-template-columns:repeat(7,1fr);gap:3px;margin:10px 0;display:grid}.date-weekday{color:var(--text-muted);text-align:center;padding:5px;font-size:11px}.date-day{color:var(--text-strong);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 0;font-size:12px}.date-day:hover,.date-day.in-range{background:var(--surface-hover,#8882)}.date-day.endpoint,.app-shell [data-slot=button].date-day.endpoint,.app-shell [data-slot=button].date-day.endpoint:hover:not(:disabled):not(.bg-primary){background:var(--primary);color:var(--primary-foreground)}.date-inputs{gap:8px;display:flex}.date-inputs label{min-width:0;color:var(--text-muted);flex-direction:column;flex:1;gap:5px;font-size:11px;display:flex}.date-inputs input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-strong);font:inherit;border-radius:8px;padding:7px 4px}.date-hint{color:var(--text-muted);margin:9px 0;font-size:11px}.date-custom-actions{justify-content:flex-end;gap:8px;display:flex}.affiliate-table-card{margin:20px 0;overflow:hidden}.affiliate-table-card .card-header{flex-wrap:wrap;gap:12px;padding-bottom:0}.affiliate-table-wrap{box-sizing:border-box;overscroll-behavior:contain;background:var(--surface);flex-shrink:0;height:376px;margin-top:0;padding-top:14px;overflow:auto}.affiliate-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}.affiliate-table th{z-index:1;background:var(--surface-alt);height:42px;color:var(--text-subtle);text-align:right;padding:12px 18px;font-weight:500;position:sticky;top:0}.affiliate-table th:first-child,.affiliate-table td:first-child{text-align:left}.affiliate-table th button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;display:inline-flex}.affiliate-table td{text-align:right;border-top:1px solid var(--border);font-variant-numeric:tabular-nums;height:64px;padding:14px 18px}.affiliate-table-wrap[data-fit] .affiliate-table tbody tr:not(.affiliate-message-row) td{height:var(--affiliate-row,64px)}.affiliate-message-row td{text-align:center;color:var(--text-muted)}.affiliate-table td strong,.affiliate-table td small{display:block}.affiliate-table td small{color:var(--text-muted);margin-top:3px;font-size:10px}.affiliate-pagination{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;padding:12px 18px;font-size:12px;display:flex}.affiliate-pagination div{align-items:center;gap:12px;display:flex}.tracking-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.tracking-heading .eyebrow{color:var(--text-muted);font-size:11px}.tracking-heading h2{color:var(--text-strong);font-size:22px;font-weight:500}.tracking-heading p{color:var(--text-muted);font-size:12px}.tracking-layout-panel{border:1px solid var(--border);background:var(--surface);color:var(--text-strong);border-radius:12px;max-width:100%}.tracking-layout-panel[open]{flex-basis:100%}.tracking-layout-panel .layout-editor{max-height:560px;overflow-y:auto}.tracking-nav a{color:var(--text-muted)}.tracking-nav{overflow-x:auto}.tracking-nav a{white-space:nowrap;flex-shrink:0}.tracking-nav a[aria-current=page]{background:var(--primary-soft);color:var(--primary-ink);box-shadow:inset 0 0 0 1px var(--primary-line)}.tracking-nav a:hover{background:var(--surface-alt);color:var(--text-strong)}.tracking-filters{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px}.tracking-filters input,.tracking-filters select{background:var(--surface);color:var(--text-strong);border-color:var(--border);border-radius:9px}.tracking-filters input::placeholder{color:var(--text-muted)}.tracking-filters select{min-width:0;max-width:100%}.layout-editor{max-width:760px;padding:14px}.layout-editor-list{gap:8px;display:grid}.layout-editor-row{border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px;display:flex}.layout-editor-row label{flex:1;align-items:center;gap:8px;font-size:12px;display:flex}.layout-editor-row select{background:var(--surface);color:var(--text-strong);border:1px solid var(--border);border-radius:8px;max-width:185px;padding:7px;font-size:12px}@media (max-width:600px){.dashboard-date-menu.is-custom{grid-template-columns:1fr;width:min(350px,100vw - 24px);right:0}.date-presets{grid-template-columns:1fr 1fr;display:grid}.date-custom{border-left:0;border-top:1px solid var(--border);margin-top:7px;padding-top:8px}.topbar-period .date-control{max-width:195px;font-size:11px}.affiliate-table td,.affiliate-table th{padding:12px}}.topbar-actions .topbar-period .date-picker{display:block}@media (max-width:600px){.topbar{flex-wrap:wrap;gap:8px}.topbar-actions{justify-content:flex-end;width:100%}.topbar-period{margin-right:auto}.dashboard-date-menu.is-custom{width:auto;max-height:calc(100dvh - 128px);position:fixed;top:112px;left:12px;right:12px;overflow-y:auto}}.app-shell{--background:var(--canvas);--card:var(--surface);--card-foreground:var(--text-strong);--foreground:var(--text);--popover:var(--surface-raised);--popover-foreground:var(--text);--muted:var(--surface-alt);--muted-foreground:var(--text-muted);--secondary:var(--surface-alt);--secondary-foreground:var(--text);--accent:var(--primary-soft);--accent-foreground:var(--primary-ink);--input:var(--border)}.app-shell [data-slot=button]{color:var(--foreground)}.app-shell [data-slot=button].bg-primary{color:var(--primary-foreground)}.app-shell [data-slot=button].icon-button{color:var(--text-muted)}.app-shell [data-slot=button].date-control{color:var(--text)}.app-shell [data-slot=button].bg-destructive{color:var(--surface)}.app-shell [data-slot=button].bg-secondary{color:var(--secondary-foreground)}.app-shell [data-slot=button]:hover:not(:disabled):not(.bg-primary):not(.bg-destructive){color:var(--accent-foreground)}.app-shell thead{background:var(--surface-alt);color:var(--text-muted)}.app-shell th button{color:inherit}.app-shell [data-testid=transaction-drawer]{background:var(--surface-raised);color:var(--text-strong)}.app-shell [data-testid=transaction-drawer] .border-zinc-800{border-color:var(--border)}.app-shell [data-testid=transaction-drawer] :is(.text-zinc-400,.text-zinc-500){color:var(--text-muted)}.app-shell [data-testid=transaction-drawer] .text-zinc-100{color:var(--text-strong)}.affiliate-table th button:focus-visible,.app-shell th button:focus-visible,.tracking-filters :is(input,select):focus-visible{outline:2px solid var(--ring,var(--primary));outline-offset:2px}@media (max-width:600px){.affiliate-pagination{flex-wrap:wrap;gap:12px}.layout-editor-row label{flex-basis:calc(100% - 44px);min-width:0}.layout-editor-row select{flex:150px;min-width:0;max-width:100%}}
:root{--dither-series-filter:brightness(.7) saturate(1.1)}html[data-theme=dark]{--dither-series-filter:none}.dither-dashboard-canvas{image-rendering:pixelated;pointer-events:none;position:absolute}.dither-data-chart{width:100%;min-width:0;position:relative}.dither-data-chart>.dither-cartesian-root{height:auto;position:absolute;inset:0}.dither-chart-controls{flex-wrap:wrap;justify-content:flex-end;gap:12px;padding:4px 2px;display:flex;position:absolute;inset:0 0 auto}.dither-chart-controls button{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:2px;font-size:11px;display:flex}.dither-chart-controls button:focus-visible{outline:2px solid var(--ring,#358ff3);outline-offset:3px}.dither-chart-controls button>span{border-radius:1px;width:8px;height:8px}.dither-dashboard-canvas,.dither-data-chart canvas,.dither-native-chart canvas,.dither-donut canvas,.dither-gauge canvas,.dither-chart-controls button>span,.dither-themed-swatch,.dither-data-legend-row i,.dither-data-chart span.size-2[style],.dither-native-chart span.size-2[style],.dither-native-legend span.size-2[style]{filter:var(--dither-series-filter)}.dither-data-chart,.dither-native-chart{color:var(--text-strong)}.dither-data-chart button:focus-visible,.dither-native-chart button:focus-visible{outline:2px solid var(--ring,var(--primary));outline-offset:3px}.dither-overview-chart{flex-direction:column;flex:1;gap:12px;width:100%;min-height:0;display:flex}.dither-overview-plot{flex:1 1 0;min-height:0}.dither-overview-plot-title{z-index:1;color:var(--text-muted);pointer-events:none;font-size:12px;line-height:16px;position:absolute;top:1px;left:2px}@media (max-width:1020px){html[data-appearance=dither] .overview-primary-column .chart-card{min-height:500px}}.dither-tracking-area{width:100%;min-width:0;min-height:260px;position:relative}.dither-tracking-area>.dither-data-chart{position:absolute;inset:0}.metric-card.dither-metric-card{--dither-card-color:#358ff3;border:1px solid var(--border);background-color:var(--surface);height:136px;min-height:136px;box-shadow:none;background-image:none;border-radius:18px;padding:16px;display:block;position:relative;overflow:hidden}.metric-card.dither-metric-card[data-tone=purple]{--dither-card-color:#966eff}.metric-card.dither-metric-card[data-tone=green]{--dither-card-color:#28d26e}.metric-card.dither-metric-card[data-tone=orange]{--dither-card-color:#ff9632}.metric-card.dither-metric-card[data-tone=red]{--dither-card-color:#f04646}.metric-card.dither-metric-card[data-tone=pink]{--dither-card-color:#f05abe}.metric-card.dither-metric-card[data-tone=grey]{--dither-card-color:#8c8c9a}html[data-theme=dark] .metric-card.dither-metric-card{background-color:var(--surface);background-image:none}html[data-appearance=dither] .app-shell .metric-card.dither-metric-card,.app-shell[data-appearance=dither] .metric-card.dither-metric-card{background:var(--surface)!important}.dither-metric-label{z-index:1;color:var(--text-muted);font-family:var(--font-geist-pixel-square), var(--font-ui), sans-serif;font-size:13px;font-weight:500;line-height:18px;display:block;position:relative}.dither-metric-number{z-index:1;white-space:nowrap;align-items:baseline;gap:8px;margin-top:8px;display:flex;position:relative}.dither-metric-number>strong{color:var(--text-strong);font-family:var(--font-geist-pixel-square), var(--font-ui), sans-serif;letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-size:26px;font-weight:500;line-height:30px}.metric-card-compact .dither-metric-number>strong{font-size:22px}.dither-metric-delta{align-items:center;gap:2px;font-size:11px;font-weight:400;line-height:16px;display:inline-flex}.dither-delta-arrow{font-size:7px}.dither-metric-delta.positive{color:var(--positive-ink)}.dither-metric-delta.negative{color:var(--negative-ink)}.dither-metric-sparkline{pointer-events:none;height:48px;position:absolute;inset:auto 0 0}.dither-metric-sparkline>.dither-kpi-area-chart{width:100%;height:100%;position:relative}.dither-kpi-area-chart canvas{filter:var(--dither-series-filter)}.dither-sparkline-empty{height:100%}.overview-layout{--overview-metrics-height:136px}@media (min-width:1021px){html[data-appearance=dither] .overview-layout{grid-template-columns:minmax(0,2.2fr) minmax(270px,1fr)}}.integration-health-card.dither-integration-card{border:1px solid var(--border);border-radius:18px;flex-direction:row;min-width:0;height:136px;min-height:136px}.integration-health-card.dither-integration-card .integration-health-status{font-size:18px;line-height:1.2}.dither-integration-card .dither-gauge{flex-shrink:0;width:96px;height:96px}.dither-integration-card .dither-donut-center strong{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px;line-height:1}.dither-integration-card .dither-donut-center span{display:none}.dither-integration-card .integration-health-copy{overflow-wrap:anywhere}@container (max-width:230px){.dither-integration-card .dither-gauge{width:70px;height:70px}.dither-integration-card .dither-donut-center strong{font-size:10px}.integration-health-card.dither-integration-card .integration-health-status{font-size:14px}}@media (max-width:1020px){.integration-health-card.dither-integration-card{grid-column:auto}}.dither-donut-layout{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;display:flex}.dither-donut{aspect-ratio:1;flex:0 220px;width:min(220px,100%);min-width:0;max-width:100%;height:auto;position:relative}.dither-donut-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex;position:absolute;inset:0}.dither-donut-center strong{color:var(--text-strong);font-size:21px}.dither-donut-center span{color:var(--text-muted);text-align:center;max-width:110px;font-size:11px}.dither-data-legend{flex-direction:column;flex:170px;gap:14px;min-width:0;display:flex}.dither-data-legend-row,.dither-bar-label{min-width:0;color:var(--text-muted);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.dither-data-legend-row>span{overflow-wrap:anywhere;align-items:center;gap:8px;min-width:0;display:flex}.dither-data-legend-row strong,.dither-bar-label strong{color:var(--text-strong);font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:500}.dither-data-legend-row i{border-radius:2px;flex:0 0 8px;width:8px;height:8px;display:inline-block}.dither-color-blue{background:#358ff3}.dither-color-purple{background:#966eff}.dither-color-green{background:#28d26e}.dither-color-orange{background:#ff9632}.dither-color-red{background:#f04646}.dither-color-pink{background:#f05abe}.dither-color-grey{background:#5c5c64}.dither-horizontal-bars{flex-direction:column;gap:14px;width:100%;display:flex}.dither-bar-row{min-width:0}.dither-bar-label{margin-bottom:6px}.dither-bar-label span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dither-bar-row svg{display:block}.dither-funnel{flex:1;width:100%;min-width:0}.gross-funnel-card .dither-funnel,.gross-funnel-card .dither-funnel>.dither-data-chart{height:100%;min-height:300px}.dither-gauge-wrap{flex-direction:column;justify-content:center;align-items:center;display:flex}.dither-gauge-wrap p{max-width:260px;color:var(--text-muted);text-align:center;font-size:11px}@media (max-width:640px){.metric-card.dither-metric-card{border-radius:14px}.dither-donut-layout{gap:12px}.dither-data-legend{width:100%}}
[data-appearance=dither] .app-shell :is(h1,h2,h3,.card-title,.eyebrow,.company-card-value,.dither-donut-center>strong),.app-shell[data-appearance=dither] :is(h1,h2,h3,.card-title,.eyebrow,.company-card-value,.dither-donut-center>strong),html[data-appearance=dither] .tracking-catalog-dialog :is(h2,h3),html[data-appearance=dither] .app-shell :is(.dither-metric-label,.dither-metric-number>strong),.app-shell[data-appearance=dither] :is(.dither-metric-label,.dither-metric-number>strong){font-weight:500;font-family:var(--font-geist-pixel-square), var(--font-ui), sans-serif!important}html[data-appearance=dither] .app-shell :is(.metric-value,.tracking-interaction-facts strong,[data-testid=tracking-live-activity] .text-2xl,[data-testid=tracking-engagement] .text-lg){font-weight:500;font-family:var(--font-geist-pixel-square), var(--font-ui), monospace!important}[data-appearance=dither] [data-testid=tracking-engagement] .text-lg,[data-appearance=dither] [data-testid=tracking-live-activity] .text-2xl{font-family:var(--font-geist-pixel-square), monospace;font-weight:500}html[data-appearance=business] .overview-layout{--overview-metrics-height:154px}.business-metric-card,html[data-appearance=business] .dither-integration-card{border-radius:24px;height:154px;min-height:154px}.dashboard-table-viewport,.affiliate-table-wrap,.table-wrap{overscroll-behavior:contain;max-height:420px;overflow:auto}.overview-recent-orders .table-wrap{max-height:none;overflow:hidden}.tracking-auto-height{height:auto!important;min-height:0!important}.tracking-grid-content .affiliate-table-card{margin:0}.tracking-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin:20px 0 12px;display:flex}.tracking-grid-widget:not([data-organizing=true]){background:0 0;border:0;overflow:visible}.tracking-grid-widget:not([data-organizing=true]) .tracking-grid-content{overflow:visible}.tracking-grid-content>*{min-height:0}.tracking-grid-content>article,.tracking-grid-content>section,.tracking-grid-content .metric-card.dither-metric-card{border:1px solid var(--border);border-radius:18px}.tracking-model-card{border:1px solid var(--border);background:var(--surface);border-radius:18px;flex-direction:column;gap:12px;height:100%;min-height:0;padding:18px;display:flex}.tracking-model-card h2{margin:0;font-size:14px;line-height:20px}.tracking-model-card p{color:var(--text-muted);font-size:12px}.tracking-model-chart{flex:1;min-height:160px}.tracking-model-empty{text-align:center;color:var(--text-muted);padding:24px 12px;font-size:12px}.tracking-instance-configuration{gap:10px;margin-top:12px;display:grid}.tracking-instance-configuration label{color:var(--text-muted);gap:5px;font-size:12px;display:grid}.tracking-instance-configuration select,.tracking-instance-configuration input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:8px 10px}@media (max-width:699px){.tracking-toolbar{justify-content:flex-start}.tracking-toolbar>*{flex:auto}.business-metric-card{border-radius:16px}}html[data-appearance=dither] .dashboard-dither-button{font-family:var(--font-geist-pixel-square),sans-serif;background:var(--surface);isolation:isolate;overflow:hidden}html[data-appearance=dither] .dashboard-dither-button canvas{opacity:.75}html[data-appearance=dither][data-theme=light] .dashboard-dither-button canvas{filter:brightness(.7)saturate(1.2);opacity:.66}html[data-appearance=dither][data-theme=light] .dashboard-dither-button:hover canvas,html[data-appearance=dither][data-theme=light] .dashboard-dither-button[aria-pressed=true] canvas{opacity:.8}html[data-appearance=dither] .dashboard-dither-button>span{display:contents}html[data-appearance=dither] .dashboard-dither-button:is([aria-pressed=true],[aria-selected=true]){box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--primary)}html[data-appearance=dither] .dashboard-dither-button:is([aria-pressed=true],[aria-selected=true]):focus-visible{outline:2px solid var(--ring);outline-offset:6px}html[data-appearance=dither][data-theme=light] .dashboard-dither-button,html[data-appearance=dither][data-theme=light] .dashboard-dither-button[aria-pressed=true]{color:#0a0a0a!important}html[data-appearance=dither] .dashboard-dither-link{isolation:isolate;position:relative;overflow:hidden}html[data-appearance=dither][data-theme=light] .dashboard-dither-link:not(.bg-primary){color:#0a0a0a!important}html[data-appearance=dither][data-theme=light] .dashboard-dither-link canvas{filter:brightness(.7)saturate(1.2)}html[data-appearance=dither][data-theme=dark] .dashboard-dither-button{color:#f5f5f5!important}html[data-appearance=dither] .dashboard-dither-button,html[data-appearance=dither] .dashboard-dither-link:not(.bg-primary),html[data-appearance=dither] .workspace-popover .workspace-option :is(strong,small){text-shadow:0 0 2px var(--surface),0 0 5px var(--surface),0 0 9px var(--surface)}html[data-appearance=dither] .workspace-popover .workspace-option small{color:var(--text-strong)}html[data-appearance=dither] .workspace-popover .workspace-option{border-bottom:0;margin-top:6px;padding:10px 12px}html[data-appearance=dither] .workspace-popover .workspace-option.active{background:var(--primary-soft);box-shadow:inset 0 0 0 2px var(--primary)}html[data-appearance=dither][data-theme=light] .app-shell .company-profit-card,html[data-appearance=dither][data-theme=light] .app-shell .company-card-identity :is(h2,p),html[data-appearance=dither][data-theme=light] .app-shell :is(.company-card-value,.company-card-caption),html[data-appearance=dither][data-theme=light] .app-shell .company-action:not(.primary){color:var(--text-strong)}.dither-overview-chart>[data-chart-model]{flex:1;min-height:260px;position:relative}[data-chart-engine=dither-native]{position:relative}[data-chart-engine=dither-native]>.dither-cartesian-root{height:auto;position:absolute;inset:0}.dashboard-card-skeleton,.dashboard-loading-card,.dashboard-loading-panel,.dashboard-loading-heading{border:1px solid var(--border);background:linear-gradient(110deg,var(--surface) 8%,var(--surface-alt) 18%,var(--surface) 33%);background-size:220% 100%;animation:1.4s linear infinite dashboard-shell-pulse}.dashboard-card-skeleton{min-height:var(--overview-metrics-height,136px)}.dashboard-route-loading{gap:20px;display:grid}.dashboard-loading-heading{border-radius:14px;width:min(420px,70%);height:58px}.dashboard-loading-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.dashboard-loading-grid.secondary{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-loading-card{border-radius:18px;min-height:136px}.dashboard-loading-panel{border-radius:20px;min-height:360px}@keyframes dashboard-shell-pulse{to{background-position-x:-220%}}@media (max-width:900px){.dashboard-loading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-loading-grid.secondary{grid-template-columns:1fr}}@media (max-width:560px){.dashboard-loading-grid{grid-template-columns:1fr}}.app-shell .metric-card.dither-metric-card{flex-direction:column;gap:16px;display:flex}.dither-metric-heading{flex:none;min-width:0}.app-shell .metric-card.dither-metric-card .dither-metric-sparkline{flex:48px;width:calc(100% + 32px);min-height:0;max-height:48px;margin:auto -16px -16px;position:relative;inset:auto;overflow:hidden}.tracking-business-kpi{flex-direction:column;gap:16px;display:flex}.tracking-business-kpi-heading{flex:none;min-width:0}.tracking-business-kpi-sparkline{flex:56px;width:calc(100% + 32px);min-height:0;max-height:56px;margin:auto -16px -16px;overflow:hidden}.business-metric-card .metric-sparkline{flex:0 16px;min-height:0;max-height:16px;margin-top:12px;overflow:hidden}