:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page:#f9f9f7;--surface:#fcfcfb;--ink:#0b0b0b;--ink-2:#52514e;--ink-muted:#898781;--grid:#e1e0d9;--baseline:#c3c2b7;--border:#0b0b0b1a;--good-text:#006300;--bad-text:#b32424;--wash:#0b0b0b0b;--series-1:#2a78d6;--series-2:#1baf7a;--series-3:#eda100;--series-4:#008300;--series-5:#4a3aa7;--status-good-bg:#e7f4e7;--status-good-ink:#006300;--status-bad-bg:#fbeaea;--status-bad-ink:#a72f2f;--decline:#d03b3b;--meter-track:#f0efec;--tint-1:#2a78d61a;--tint-2:#4a3aa712;--accent-grad:linear-gradient(120deg, #2a78d6, #4a3aa7);--spot:#2a78d612;--glass:#fcfcfbc7;--shadow-rest:0 1px 2px #0b0b0b0a;--shadow-lift:0 12px 32px #183c7624, 0 2px 6px #0b0b0b0f;--glow-1:drop-shadow(0 2px 6px #2a78d659);--glow-2:drop-shadow(0 2px 6px #1baf7a59);color:var(--ink);background:var(--page);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--page:#0d0d0d;--surface:#1a1a19;--ink:#fff;--ink-2:#c3c2b7;--ink-muted:#898781;--grid:#2c2c2a;--baseline:#383835;--border:#ffffff1a;--good-text:#0ca30c;--bad-text:#e66767;--wash:#ffffff0f;--series-1:#3987e5;--series-2:#199e70;--series-3:#c98500;--series-4:#008300;--series-5:#9085e9;--status-good-bg:#0ca30c29;--status-good-ink:#4ec04e;--status-bad-bg:#e6676729;--status-bad-ink:#e66767;--decline:#d03b3b;--meter-track:#2c2c2a;--tint-1:#3987e524;--tint-2:#9085e917;--accent-grad:linear-gradient(120deg, #3987e5, #9085e9);--spot:#3987e51f;--glass:#1a1a19c7;--shadow-rest:0 1px 2px #0000004d;--shadow-lift:0 12px 32px #0000008c, 0 2px 6px #00000059;--glow-1:drop-shadow(0 2px 8px #3987e573);--glow-2:drop-shadow(0 2px 8px #199e7073)}}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}.dashboard-shell{background:var(--page);min-height:100vh;color:var(--ink);padding:28px;position:relative}.dashboard-shell>:not(.parallax-bg){z-index:1;position:relative}.parallax-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.blob{will-change:transform;border-radius:50%;position:absolute}.blob-1{background:radial-gradient(circle, var(--tint-1), transparent 62%);width:940px;height:940px;transform:translate3d(0, calc(var(--scrolly,0) * .08px), 0);top:-320px;left:-180px}.blob-2{background:radial-gradient(circle, var(--tint-2), transparent 62%);width:820px;height:820px;transform:translate3d(0, calc(var(--scrolly,0) * -.12px), 0);top:60px;right:-260px}.blob-3{background:radial-gradient(circle, var(--tint-1), transparent 65%);width:700px;height:700px;transform:translate3d(0, calc(var(--scrolly,0) * -.05px), 0);top:900px;left:30%}.dashboard-header,.filter-bar,.metric-grid,.analytics-grid,.dashboard-panel{max-width:1280px;margin-left:auto;margin-right:auto}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;display:flex}.header-main{align-items:flex-start;gap:16px;display:flex}.brand-mark{background:var(--accent-grad);border-radius:4px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;margin-top:4px;display:inline-flex;box-shadow:0 6px 18px #2a78d659}.eyebrow,.panel-label{color:var(--ink-muted);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:7px;margin:0 0 6px;font-size:.72rem;font-weight:700;display:flex}.panel-label:before{content:"";background:var(--accent-grad);width:7px;height:7px}.dashboard-header h1{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:2.15rem;font-weight:750;line-height:1.1}.dashboard-intro{max-width:640px;color:var(--ink-2);margin:10px 0 0}.data-badge{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-rest);color:var(--ink-2);border-radius:3px;flex:none;align-items:center;gap:8px;padding:8px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.data-badge:before{content:"";background:var(--series-2);width:8px;height:8px;animation:2.4s ease-in-out infinite pulse-dot}.import-panel{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px;display:flex}.import-panel h2{color:var(--ink);margin:0 0 6px;font-size:1.05rem}.import-panel p{max-width:620px;color:var(--ink-2);margin:0;font-size:.9rem}.import-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;display:flex}.import-actions button,.file-button{border:1px solid var(--border);background:var(--surface);min-height:38px;color:var(--ink);cursor:pointer;border-radius:3px;align-items:center;padding:0 14px;font-weight:600;display:inline-flex}.import-actions button:hover{background:var(--wash)}.file-button{background:var(--accent-grad);color:#fff;border:none;position:relative;box-shadow:0 4px 14px #2a78d659}.file-button:hover{filter:brightness(1.08)}.file-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.import-message{border-radius:3px;flex-basis:100%;padding:12px;font-size:.88rem}.import-message.error{border:1px solid var(--status-bad-ink);background:var(--status-bad-bg);color:var(--status-bad-ink)}.import-message.warning{border:1px solid var(--border);background:var(--wash);color:var(--ink-2)}.import-message ul{margin:8px 0 0;padding-left:18px}.filter-bar{z-index:20;border:1px solid var(--border);background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(1.3);box-shadow:var(--shadow-rest);border-radius:4px;grid-template-columns:minmax(320px,1.5fr) repeat(3,minmax(150px,1fr));align-items:end;gap:12px;padding:14px;display:grid;position:sticky;top:10px}.filter-bar label{color:var(--ink-2);gap:6px;font-size:.76rem;font-weight:600;display:grid}.filter-bar select,.date-control button{border:1px solid var(--border);background:var(--surface);min-height:38px;color:var(--ink);border-radius:3px}.filter-bar select{cursor:pointer;padding:0 10px}.date-control{border:1px solid var(--border);background:var(--surface);border-radius:4px;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;display:grid}.date-control button{cursor:pointer;min-height:32px;color:var(--ink-2);background:0 0;border:none;border-radius:2px;font-size:.86rem;font-weight:600}.date-control button:hover{background:var(--wash);color:var(--ink)}.date-control button.active{background:var(--accent-grad);color:#fff;font-weight:700;box-shadow:0 2px 8px #2a78d659}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.metric-card,.dashboard-panel{border:1px solid var(--border);background:var(--surface);border-radius:4px;position:relative;overflow:hidden}.metric-card:before,.dashboard-panel:before{content:"";background:radial-gradient(380px circle at var(--mx,-300px) var(--my,-300px), var(--spot), transparent 65%);opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.metric-card:hover:before,.dashboard-panel:hover:before{opacity:1}.metric-card:after,.dashboard-panel:after{content:"";background:var(--accent-grad);transform-origin:0;pointer-events:none;height:2px;transition:transform .35s cubic-bezier(.2,.7,.3,1);position:absolute;inset:0 0 auto;transform:scaleX(0)}.metric-card:hover:after,.dashboard-panel:hover:after{transform:scaleX(1)}.metric-card{transform:perspective(720px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--lift,0px));flex-direction:column;gap:4px;padding:16px 18px;display:flex}.metric-card:hover{--lift:-3px}.metric-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.metric-label{color:var(--ink-2);font-size:.8rem;font-weight:600}.metric-delta{border-radius:2px;flex:none;padding:2px 7px;font-size:.74rem;font-weight:700}.metric-delta.good{background:var(--status-good-bg);color:var(--good-text)}.metric-delta.bad{background:var(--status-bad-bg);color:var(--bad-text)}.metric-value{color:var(--ink);letter-spacing:-.01em;font-size:1.72rem;font-weight:720;line-height:1.15}.metric-bottom{justify-content:space-between;align-items:flex-end;gap:10px;margin-top:2px;display:flex}.metric-helper{color:var(--ink-muted);margin:0;font-size:.78rem}.metric-spark{flex:none}.spark-line{stroke:var(--ink-muted);stroke-width:1.5px;opacity:.75}.spark-dot{fill:var(--series-1);stroke:var(--surface);stroke-width:2px}.analytics-grid{gap:14px;margin-top:14px;display:grid}.analytics-grid.main-split{grid-template-columns:minmax(0,1.75fr) minmax(300px,1fr)}.analytics-grid.even-split{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-panel{padding:20px}.analytics-grid>.dashboard-panel{min-width:0;max-width:none;margin:0}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.panel-heading h2{color:var(--ink);margin:0;font-size:1.05rem;font-weight:700}.panel-heading p{max-width:340px;color:var(--ink-muted);text-align:right;margin:0;font-size:.82rem}.hero-figure{align-items:center;gap:12px;margin-top:10px;display:flex}.hero-figure strong{letter-spacing:-.025em;background:var(--accent-grad);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2.6rem;font-weight:780;line-height:1}.chart-wrap{position:relative}.chart-svg{width:100%;height:auto;display:block}.gridline{stroke:var(--grid);stroke-width:1px}.axis-baseline{stroke:var(--baseline);stroke-width:1px}.axis-text{fill:var(--ink-muted);font-size:11px}.direct-label{fill:var(--ink-2);font-size:12px;font-weight:600}.line-stroke{fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.line-stroke.series-1{stroke:var(--series-1);filter:var(--glow-1)}.line-stroke.series-2{stroke:var(--series-2);filter:var(--glow-2)}.area-fill.series-1{fill:var(--series-1);opacity:.1}.marker{stroke:var(--surface);stroke-width:2px}.marker.series-1{fill:var(--series-1)}.marker.series-2{fill:var(--series-2)}.crosshair{stroke:var(--baseline);stroke-width:1px}.chart-tooltip{z-index:30;border:1px solid var(--border);background:var(--glass);-webkit-backdrop-filter:blur(10px);min-width:140px;box-shadow:var(--shadow-lift);pointer-events:none;border-radius:3px;padding:9px 11px;font-size:.82rem;position:absolute}.tooltip-title{color:var(--ink-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;font-size:.74rem;font-weight:700}.tooltip-row{white-space:nowrap;align-items:baseline;gap:6px;display:flex}.tooltip-row strong{color:var(--ink);font-weight:700}.tooltip-row span{color:var(--ink-2)}.tooltip-row .key{align-self:center;width:10px;height:2px}.key-1{background:var(--series-1)}.key-2{background:var(--series-2)}.reason-list,.region-list{gap:14px;display:grid}.reason-meta,.region-meta{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:5px;display:flex}.reason-name,.region-name{color:var(--ink);font-size:.88rem;font-weight:600}.reason-values,.region-values{align-items:baseline;gap:8px;display:flex}.reason-values strong,.region-values strong{color:var(--ink);font-size:.86rem}.reason-share,.region-share{color:var(--ink-muted);font-size:.78rem}.reason-meter,.region-meter,.share-meter{background:var(--meter-track);border-radius:1px;height:10px;overflow:hidden}.reason-meter span,.region-meter span,.share-meter span{min-width:2px;height:100%;display:block}.reason-meter span{background:linear-gradient(90deg, #e34948, var(--decline))}.region-meter span,.share-meter span{background:var(--accent-grad)}.mix-list{gap:20px;display:grid}.mix-label{color:var(--ink-2);margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.mix-bar{border-radius:1px;gap:2px;height:24px;display:flex;overflow:hidden}.mix-segment{cursor:default;flex-basis:0;min-width:3px;display:block}.mix-segment:hover,.mix-segment:focus-visible{filter:brightness(1.15);outline:none}.fill-1{background:var(--series-1)}.fill-2{background:var(--series-2)}.fill-3{background:var(--series-3)}.fill-4{background:var(--series-4)}.fill-5{background:var(--series-5)}.mix-legend{flex-wrap:wrap;gap:6px 16px;margin-top:8px;display:flex}.legend-item{color:var(--ink-2);align-items:center;gap:6px;font-size:.8rem;display:inline-flex}.legend-item b{color:var(--ink);font-weight:700}.legend-swatch{width:10px;height:10px;display:inline-block}.heatmap{align-items:center;gap:3px;display:grid}.heatmap-col-label,.heatmap-row-label{color:var(--ink-muted);text-align:center;font-size:.74rem}.heatmap-row-label{text-align:right;padding-right:8px}.heatmap-cell{background:var(--meter-track);cursor:default;border-radius:1px;height:32px;transition:transform .12s,box-shadow .12s,background .4s;animation:.45s cubic-bezier(.2,.7,.3,1) backwards cell-in;display:block}.heatmap-cell:hover,.heatmap-cell:focus-visible{z-index:2;box-shadow:0 6px 20px #2a78d673, 0 0 0 2px var(--surface);outline:none;transform:scale(1.22)}.table-panel{margin-top:14px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.86rem}th,td{border-bottom:1px solid var(--grid);text-align:left;white-space:nowrap;padding:11px 10px}th{color:var(--ink-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:700}tbody tr:last-child td{border-bottom:none}tr:hover td{background:var(--wash)}.numeric{text-align:right;font-variant-numeric:tabular-nums}.cell-strong{color:var(--ink);font-weight:600}.cell-muted{color:var(--ink-muted)}.rank-col{width:40px}.rank-chip{background:var(--wash);width:26px;height:26px;color:var(--ink-2);font-variant-numeric:tabular-nums;border-radius:2px;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:inline-flex}.rank-chip.top{background:var(--accent-grad);color:#fff;box-shadow:0 2px 8px #2a78d64d}.share-col{min-width:130px}.share-cell{color:var(--ink-2);font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:flex}.share-cell .share-meter{flex:64px;height:8px}.status-badge{border-radius:2px;align-items:center;gap:5px;padding:3px 9px;font-size:.78rem;font-weight:700;display:inline-flex}.status-badge.approved{background:var(--status-good-bg);color:var(--status-good-ink)}.status-badge.declined{background:var(--status-bad-bg);color:var(--status-bad-ink)}.empty-state{border:1px dashed var(--border);background:var(--wash);color:var(--ink-2);text-align:center;border-radius:3px;padding:24px}.metric-card,.dashboard-panel{box-shadow:var(--shadow-rest);transition:transform .16s ease-out,box-shadow .22s,border-color .22s}.metric-card:hover,.dashboard-panel:hover{box-shadow:var(--shadow-lift)}.dashboard-panel:hover{transform:translateY(-2px)}.import-actions button,.file-button,.date-control button,.filter-bar select{transition:background .15s,color .15s,border-color .15s,transform .15s,filter .15s,box-shadow .15s}.import-actions button:hover,.file-button:hover{transform:translateY(-1px)}.import-actions button:active,.file-button:active,.date-control button:active{transform:translateY(0)scale(.98)}button:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--series-1);outline-offset:2px}.metric-card{animation:.5s cubic-bezier(.2,.7,.3,1) backwards rise-in}.metric-grid .metric-card:first-child{animation-delay:20ms}.metric-grid .metric-card:nth-child(2){animation-delay:60ms}.metric-grid .metric-card:nth-child(3){animation-delay:.1s}.metric-grid .metric-card:nth-child(4){animation-delay:.14s}.metric-grid .metric-card:nth-child(5){animation-delay:.18s}.metric-grid .metric-card:nth-child(6){animation-delay:.22s}.metric-grid .metric-card:nth-child(7){animation-delay:.26s}.metric-grid .metric-card:nth-child(8){animation-delay:.3s}.will-reveal{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.3,1);transform:translateY(26px)}.will-reveal.in-view{opacity:1;transform:translateY(0)}.will-reveal.in-view:hover{transform:translateY(-2px)}.line-stroke.draw{stroke-dasharray:1;stroke-dashoffset:1px;animation:.9s cubic-bezier(.3,.6,.3,1) .15s forwards draw-line}.spark-line.draw{stroke-dasharray:1;stroke-dashoffset:1px;animation:.9s ease-out .35s forwards draw-line}.area-fill.fade-in{animation:1s ease-out .25s backwards fade-in}.reason-meter span,.region-meter span,.share-meter span{transform-origin:0;transition:width .45s;animation:.8s cubic-bezier(.2,.7,.3,1) .2s backwards grow-x}.reason-row:hover .reason-meter span,.region-row:hover .region-meter span{filter:brightness(1.12)}.mix-segment{transition:flex-grow .45s,filter .15s}tbody tr{transition:background .15s}tbody tr:hover .share-meter span{filter:brightness(1.12)}.chart-tooltip{animation:.14s ease-out tooltip-in}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cell-in{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@keyframes draw-line{to{stroke-dashoffset:0}}@keyframes fade-in{0%{opacity:0}}@keyframes grow-x{0%{transform:scaleX(0)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}@keyframes tooltip-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.metric-card,.dashboard-panel,.table-panel,.heatmap-cell,.line-stroke.draw,.spark-line.draw,.area-fill.fade-in,.reason-meter span,.region-meter span,.share-meter span,.chart-tooltip,.data-badge:before{animation:none}.line-stroke.draw,.spark-line.draw{stroke-dasharray:none;stroke-dashoffset:0}.metric-card,.dashboard-panel,.metric-card:before,.dashboard-panel:before,.metric-card:after,.dashboard-panel:after,.mix-segment,.heatmap-cell,.reason-meter span,.region-meter span,.share-meter span,.import-actions button,.file-button,.date-control button{transition:none}.metric-card:hover,.dashboard-panel:hover,.heatmap-cell:hover,.blob{transform:none}}@media (width<=1080px){.filter-bar{grid-template-columns:1fr 1fr}.date-control{grid-column:1/-1}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-grid.main-split,.analytics-grid.even-split{grid-template-columns:1fr}}@media (width<=720px){.dashboard-shell{padding:16px}.dashboard-header,.import-panel,.panel-heading{display:block}.header-main{display:flex}.data-badge{margin-top:14px;display:inline-flex}.filter-bar,.metric-grid{grid-template-columns:1fr}.filter-bar{position:static}.date-control{grid-template-columns:1fr 1fr}.panel-heading p{text-align:left;margin-top:6px}.import-actions{justify-content:flex-start;margin-top:14px}}