@layer properties,theme,base,components,utilities,site-patterns,site-components;@layer site-components{.ss-dash{container-type:inline-size;container-name:ssdash}.ss-dash-fit{height:400px}.ss-dash-stage{position:relative;height:500px;width:125%;transform:scale(.8);transform-origin:top left}.ss-dash-crop{display:none}@container ssdash (max-width: 500px){.ss-dash-fit{height:auto}.ss-dash-stage{display:none}.ss-dash-crop{display:block;width:104%;margin-left:-2%;aspect-ratio:832 / 512;background-image:var(--ss-dash-crop);background-size:100% 100%;background-repeat:no-repeat}}.ss-dash .ss-dash-window{position:absolute;inset:0 0 36px;border:1px solid var(--color-border-muted);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);overflow:hidden;display:grid;grid-template-columns:132px 1fr}.ss-dash-side{border-right:1px solid var(--color-border-subtle);padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:2px}.ss-dash-brand{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-2) var(--space-3);font-size:12px;font-weight:500}.ss-dash-brand img{height:16px;width:16px;object-fit:contain}.ss-dash-nav{display:flex;align-items:center;gap:var(--space-2);font-size:11px;color:var(--color-text-tertiary);padding:5px var(--space-2);border-radius:6px}.ss-dash-nav.is-active{font-weight:500;color:var(--color-text-primary);background:var(--color-surface-overlay-muted)}.ss-dash-nav svg{width:10px;height:10px;opacity:.7;flex:none}.ss-dash-main{padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.ss-dash-toolbar{display:flex;align-items:center;gap:var(--space-3)}.ss-dash-search{flex:1;display:flex;align-items:center;gap:var(--space-2);height:26px;padding:0 var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface-overlay-subtle);font-size:11px;color:var(--color-text-tertiary)}.ss-dash-search svg{width:10px;height:10px;flex:none}.ss-dash-market{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--color-text-secondary);padding:4px 10px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm)}.ss-dash-market svg{width:8px;height:8px;opacity:.5}.ss-dash-avatar{width:24px;height:24px;border-radius:50%;background:var(--color-surface-overlay-elevated);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:500;color:var(--color-text-secondary);flex:none}.ss-dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.ss-dash-stat{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface-overlay-subtle);padding:var(--space-3) var(--space-4)}.ss-dash-stat-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:2px}.ss-dash-stat-value{font-size:18px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.2}.ss-dash-stat-delta{font-size:11px;color:var(--color-text-tertiary);margin-top:2px;display:flex;align-items:center;gap:2px}.ss-dash-stat-delta.is-up{color:var(--color-accent-success)}.ss-dash-stat-delta svg{width:10px;height:10px}.ss-dash-chart{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface-overlay-subtle);padding:var(--space-3) var(--space-4);flex:1;min-height:96px;display:flex;flex-direction:column;order:2;overflow:hidden}.ss-dash-chart-legend{display:flex;align-items:center;gap:var(--space-4);font-size:10px;color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.ss-dash-chart-legend>span{display:inline-flex;align-items:center;gap:5px}.ss-dash-spacer{flex:1}.ss-dash-swatch{width:8px;height:2px}.ss-dash-swatch.is-brand{background:var(--color-accent-brand-light)}.ss-dash-swatch.is-success{background:var(--color-accent-success)}.ss-dash-chart svg{display:block;width:100%;flex:1}.ss-dash-chart-scroll{animation:ss-dash-chart-scroll 35s linear infinite}.ss-dash[data-onscreen=false] .ss-dash-chart-scroll{animation-play-state:paused}@keyframes ss-dash-chart-scroll{to{transform:translate(-440px,32px)}}.ss-dash-table{min-width:0;order:1}.ss-dash-row{display:grid;grid-template-columns:1fr 52px 56px 64px;gap:var(--space-2);align-items:center;font-size:11px;color:var(--color-text-secondary);padding:5px 0;border-top:1px solid var(--color-border-subtle);font-variant-numeric:tabular-nums}.ss-dash-row>span:not(:first-child){text-align:right}.ss-dash-row.is-head{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary);padding:0 0 5px;border-top:0}.ss-dash-row.is-muted{color:var(--color-text-tertiary)}.ss-dash-name{color:var(--color-text-primary)}.ss-dash-status{display:flex;justify-content:flex-end}.ss-dash-pill{display:inline-flex;align-items:center;gap:5px;padding:0 8px;border-radius:var(--radius-full);border:1px solid var(--color-border-muted);background:var(--color-surface-overlay-subtle);font-size:10px;color:var(--color-text-tertiary)}.ss-dash-pill:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--color-border-strong)}.ss-dash-pill.is-active{border-color:color-mix(in srgb,var(--color-accent-success) 30%,transparent);background:color-mix(in srgb,var(--color-accent-success) 10%,transparent);color:var(--color-accent-success)}.ss-dash-pill.is-active:before{background:var(--color-accent-success)}.ss-dash .ss-dash-float{position:absolute;background:var(--color-surface-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated);transition:transform .3s var(--ease-spring)}.ss-dash .ss-dash-float:hover{transform:scale(1.045)}.ss-dash .ss-dash-float.is-product{left:-16px;bottom:-4px;width:200px;padding:var(--space-3)}.ss-dash-float-photo{height:96px;margin-bottom:var(--space-3);border-radius:8px;overflow:hidden}.ss-dash-float-photo img{width:100%;height:100%;object-fit:cover;display:block}.ss-dash-float-title{font-size:11px;font-weight:500;margin-bottom:var(--space-2)}.ss-dash-float-title span{color:var(--color-text-tertiary);font-weight:400}.ss-dash-float-metric{display:flex;justify-content:space-between;font-size:11px;margin-bottom:var(--space-1)}.ss-dash-float-metric:last-child{margin-bottom:0}.ss-dash-float-metric>span:first-child{color:var(--color-text-tertiary)}.ss-dash-float-metric .is-up{color:var(--color-accent-success);font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;gap:2px}.ss-dash-float-metric svg{width:10px;height:10px}.ss-dash .ss-dash-float.is-rank{right:-16px;bottom:-12px;width:min(288px,calc(100% - 216px));padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3)}.ss-dash-float.is-rank p{margin:0;font-size:12px;line-height:1.5;color:var(--color-text-secondary);flex:1}.ss-dash-float.is-rank p span{color:var(--color-accent-brand-light)}.ss-dash-float-check{width:22px;height:22px;border-radius:50%;border:1px solid var(--color-border-strong);display:flex;align-items:center;justify-content:center;flex:none;color:var(--color-accent-success)}.ss-dash-float-check svg{width:11px;height:11px}@media(prefers-reduced-motion:reduce){.ss-dash-chart-scroll{animation:none}.ss-dash .ss-dash-float{transition:none}}}