.sales-demo{position:relative;isolation:isolate;z-index:0;--sd-bg:#0d1219;--sd-fg:#eef2f7;--sd-card:#111820;--sd-primary:#1a2d4a;--sd-accent:#3d5a80;--sd-muted:#151c28;--sd-muted-fg:#8b9cb3;--sd-border:#1a2433;--sd-success:#34d399;--sd-destructive:#f87171;--sd-warning:#fbbf24;color:var(--sd-fg);background:var(--sd-bg);font-family:ui-sans-serif,system-ui,sans-serif}.sales-demo h1,.sales-demo h2,.sales-demo h3,.sales-demo h4{letter-spacing:-.02em}.sales-demo .sd-card{border-radius:.75rem;border:1px solid var(--sd-border);background:var(--sd-card);box-shadow:0 1px 3px 0 rgba(0,0,0,.25)}.sales-demo .sd-metric-card{transition:box-shadow .2s,transform .2s}.sales-demo .sd-metric-card:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.35);transform:translateY(-1px)}.sales-demo .text-accent,.sales-demo .text-primary{color:var(--sd-accent)}.sales-demo .text-success{color:var(--sd-success)}.sales-demo .text-destructive{color:var(--sd-destructive)}.sales-demo .text-warning{color:var(--sd-warning)}.sales-demo .text-muted-foreground{color:var(--sd-muted-fg)}.sales-demo .bg-primary{background:var(--sd-primary)}.sales-demo .bg-primary\/10{background:rgba(61,90,128,.15)}.sales-demo .bg-muted{background:var(--sd-muted)}.sales-demo .bg-muted\/30{background:rgba(21,28,40,.3)}.sales-demo .bg-muted\/50{background:rgba(21,28,40,.5)}.sales-demo .bg-success\/10{background:rgba(52,211,153,.12)}.sales-demo .border-border{border-color:var(--sd-border)}.sales-demo .sd-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;border-radius:.5rem;font-size:.875rem;font-weight:500;padding:.375rem .75rem;border:1px solid var(--sd-border);background:var(--sd-card);color:var(--sd-fg);cursor:pointer;transition:background .15s,border-color .15s}.sales-demo .sd-btn:hover{background:var(--sd-muted);border-color:var(--sd-accent)}.sales-demo .sd-btn-primary{background:var(--sd-primary);border-color:var(--sd-primary);color:#eef2f7}.sales-demo .sd-btn-primary:hover{background:var(--sd-accent);border-color:var(--sd-accent)}.sales-demo .sd-btn-sm{font-size:.8125rem;padding:.25rem .625rem}.sales-demo .sd-btn-icon{padding:.375rem;width:2rem;height:2rem}.sales-demo .sd-select{appearance:none;border-radius:.5rem;border:1px solid var(--sd-border);background:var(--sd-card);color:var(--sd-fg);font-size:.875rem;padding:.375rem 2rem .375rem .75rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b9cb3' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;cursor:pointer}.sales-demo .sd-select:disabled{opacity:.6;cursor:not-allowed}.sales-demo .sd-panel-overlay{position:absolute;inset:0;background:rgba(8,11,16,.65);z-index:20}.sales-demo .sd-panel{position:absolute;top:0;right:0;bottom:0;width:min(100%,42rem);background:var(--sd-bg);border-left:1px solid var(--sd-border);z-index:30;overflow-y:auto;box-shadow:-4px 0 24px rgba(0,0,0,.45)}.sales-demo .sd-tutorial-layer{position:absolute;inset:0;z-index:35;pointer-events:none}.sales-demo .sd-tutorial-scrim{position:absolute;inset:0;background:rgba(8,11,16,.55);pointer-events:auto}.sales-demo .sd-tutorial-callout{position:absolute;left:50%;bottom:7rem;z-index:36;width:min(calc(100% - 2rem),22rem);transform:translateX(-50%);border-radius:.75rem;border:1px solid var(--sd-border);background:var(--sd-card);padding:1rem 1.125rem;box-shadow:0 12px 40px rgba(0,0,0,.45);pointer-events:auto}.sales-demo .sd-tutorial-kicker{font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--sd-accent)}.sales-demo .sd-tutorial-title{margin-top:.25rem;font-size:1rem;font-weight:700;line-height:1.3;color:var(--sd-fg)}.sales-demo .sd-tutorial-body{margin-top:.375rem;font-size:.8125rem;line-height:1.45;color:var(--sd-muted-fg)}.sales-demo .sd-tutorial-pointer{position:absolute;left:50%;bottom:-.55rem;width:.875rem;height:.875rem;transform:translateX(-50%) rotate(45deg);background:var(--sd-card);border-right:1px solid var(--sd-border);border-bottom:1px solid var(--sd-border)}.sales-demo .sd-tutorial-highlight{position:relative;z-index:37;background:rgba(61,90,128,.12)!important;box-shadow:inset 0 0 0 2px rgba(61,90,128,.55);animation:sd-tutorial-pulse 1.8s ease-in-out infinite}@keyframes sd-tutorial-pulse{0%,to{box-shadow:inset 0 0 0 2px rgba(61,90,128,.55)}50%{box-shadow:inset 0 0 0 2px rgba(61,90,128,.9),0 0 0 4px rgba(61,90,128,.15)}}.sales-demo .sd-leaderboard-spotlight{position:relative;z-index:37;pointer-events:auto}.sales-demo .sd-tutorial-row-badge{display:inline-block;margin-top:.25rem;border-radius:9999px;background:rgba(61,90,128,.2);padding:.125rem .5rem;font-size:.625rem;font-weight:600;color:var(--sd-accent)}.sales-demo .sd-row-hover:hover{background:var(--sd-muted)}.sales-demo .sd-leaderboard-hint{gap:.25rem;border-radius:9999px;border:1px solid rgba(61,90,128,.45);background:rgba(61,90,128,.15);padding:.3125rem .625rem}.sales-demo .sd-leaderboard-hint,.sales-demo .sd-row-expand{display:inline-flex;align-items:center;font-size:.6875rem;font-weight:600;color:var(--sd-accent)}.sales-demo .sd-row-expand{gap:.125rem;border-radius:9999px;border:1px solid rgba(61,90,128,.35);background:rgba(61,90,128,.1);padding:.25rem .5rem;transition:background .15s,border-color .15s,transform .15s}.sales-demo .sd-row-expand-icon{transition:transform .15s}.sales-demo .sd-row-hover:focus-visible .sd-row-expand,.sales-demo .sd-row-hover:hover .sd-row-expand{background:rgba(61,90,128,.28);border-color:var(--sd-accent)}.sales-demo .sd-row-hover:focus-visible .sd-row-expand-icon,.sales-demo .sd-row-hover:hover .sd-row-expand-icon{transform:translateX(2px)}.sales-demo .sd-row-hover:focus-visible{outline:2px solid var(--sd-accent);outline-offset:-2px}.sales-demo .recharts-cartesian-grid-horizontal line,.sales-demo .recharts-cartesian-grid-vertical line{stroke:var(--sd-border)}.sales-demo .recharts-text{fill:var(--sd-muted-fg)}