:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:dark;--bg: #191c21;--surface: #22262c;--surface2: #282d34;--border: #343940;--text: #e7eaed;--muted: #929ba7;--accent: #97cdb7;--accentbg: #97cdb714;--danger: #d99595;--shadow: 0 12px 40px #0003}*{box-sizing:border-box}html[data-theme=light]{color-scheme:light;--bg: #f3f5f4;--surface: #fff;--surface2: #f0f3f2;--border: #e0e5e2;--text: #23312b;--muted: #758179;--accent: #427d64;--accentbg: #427d6410;--danger: #b45d5d;--shadow: 0 12px 40px #23312b12}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button{border:0;color:inherit;background:none}button,input,select{outline-offset:4px}input,select{border:1px solid var(--border);border-radius:8px;color:var(--text);background:var(--surface2);min-height:40px;padding:9px 12px}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;min-height:15px;padding:0;flex-shrink:0;border:1px solid var(--muted);border-radius:4px;display:inline-grid;place-content:center;cursor:pointer;accent-color:var(--accent)}input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:after{content:"✓";font-size:12px;color:var(--bg)}h1,h2,h3,p{margin:0}h1{font-size:32px;letter-spacing:-1px;font-weight:600;line-height:1.2}h2{font-size:17px;font-weight:550;letter-spacing:-.3px}p{line-height:1.6}small{color:var(--muted)}.shell{display:flex;min-height:100vh}.sidebar{width:224px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--border);padding:33px 20px 20px;display:flex;flex-direction:column;background:var(--bg);z-index:10}.brand{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:750;letter-spacing:1.5px;white-space:nowrap}.brand small{display:block;font-size:8px;letter-spacing:3.8px;margin-top:5px;color:var(--muted);font-weight:500}.brand-mark{width:37px;height:40px;display:grid;place-items:center;background:var(--accentbg);color:var(--accent);border:1px solid #97cdb728;border-radius:10px}.side-caption{font-size:9px;letter-spacing:1.8px;color:var(--muted);margin:58px 12px 18px}nav .nav{display:flex;align-items:center;gap:13px;width:100%;padding:13px 14px;margin-bottom:5px;font-size:13px;border-radius:8px;color:var(--muted)}nav .nav.active{background:var(--accentbg);color:var(--accent)}nav .nav:hover{background:var(--surface)}nav .nav span{height:5px;width:5px;background:var(--accent);border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto}.connection{border-bottom:1px solid var(--border);padding:20px 12px;font-size:11px;display:grid;grid-template-columns:8px 1fr;gap:7px;color:var(--muted)}.connection i{width:5px;height:5px;background:var(--accent);border-radius:50%;margin-top:4px}.connection span{grid-column:2;font-size:10px;opacity:.7}.profile{display:flex;align-items:center;gap:10px;margin-top:20px;font-size:11px;text-align:left;width:100%;padding:0 4px}.profile small{font-size:9px;display:block;margin-top:5px}.profile>svg{margin-left:auto;color:var(--muted)}.avatar{background:var(--surface2);border:1px solid var(--border);border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:12px;color:var(--accent)}.main{margin-left:224px;width:calc(100% - 224px)}.topbar{height:76px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 40px}.breadcrumb{font-size:11px;color:var(--muted)}.breadcrumb span{margin:0 10px;opacity:.5}.top-actions{display:flex;align-items:center;gap:20px}.icon-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;color:var(--muted)}.icon-button:hover{background:var(--surface2);color:var(--text)}.sync-wrap{display:flex;position:relative;gap:3px;align-items:center}.sync-label{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);padding:4px}.sync-label i{width:5px;height:5px;background:#858e9a;border-radius:50%}.sync-label.fresh i{background:var(--accent)}.sync-label.delayed i,.sync-label.running i{background:#c6a77f}.sync-label.error i{background:#cd8d8d}.sync-popover{position:absolute;z-index:50;right:0;top:40px;width:300px;padding:20px;border:1px solid var(--border);background:var(--surface);border-radius:12px;box-shadow:var(--shadow);font-size:12px}.sync-popover strong{font-size:14px}.sync-popover dl{margin:16px 0}.sync-popover dt{font-size:11px;color:var(--muted);margin-top:12px}.sync-popover dd{margin:4px 0}.sync-popover small{font-size:10px;line-height:1.5;display:block}.content{max-width:1450px;margin:auto;padding:39px 40px 24px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:29px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.7px;color:var(--muted);margin-bottom:11px}.heading-dot{color:var(--accent)}.page-heading p{font-size:12px;color:var(--muted);margin-top:9px}.timezone{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.filters{display:flex;align-items:center;gap:20px;margin-bottom:23px;flex-wrap:wrap}.period-group{display:flex;align-items:center;gap:9px;padding:0 11px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--muted)}.period-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:10px 0;min-height:38px;font-size:11px;width:136px}.check-label{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);cursor:pointer}.period-summary{margin-left:auto;font-size:11px;color:var(--muted)}.date-range{display:flex;gap:6px;align-items:center;font-size:10px}.date-range input{font-size:11px;padding:6px 8px;min-height:38px}.coverage-note{font-size:10px;color:#c6ab87;background:#c6ab8709;border:1px solid #c6ab8720;padding:10px 12px;border-radius:7px;margin-top:-5px;margin-bottom:18px;line-height:1.5;display:flex;gap:7px;align-items:center}.coverage-note>span{width:5px;height:5px;border-radius:50%;background:#c6ab87;flex-shrink:0}.kpis{display:grid;grid-template-columns:1.4fr 1.1fr 1fr 1.1fr 1fr;gap:12px;margin-bottom:22px}.kpi{border:1px solid var(--border);border-radius:11px;background:var(--surface);padding:18px 16px;min-width:0}.kpi.featured{background:linear-gradient(135deg,var(--surface),var(--accentbg));border-color:#97cdb73c}.kpi-label{color:var(--muted);display:flex;align-items:center;justify-content:space-between;font-size:10px;gap:4px;white-space:nowrap}.kpi-label svg{opacity:.65}.kpi strong{display:block;font-size:26px;font-weight:550;letter-spacing:-.9px;margin-top:18px;white-space:nowrap}.featured strong{color:var(--accent)}.kpi-foot{display:flex;align-items:center;gap:3px;font-size:9px;margin-top:13px;white-space:nowrap;min-height:13px}.kpi-foot b{font-weight:500}.kpi-foot span{color:var(--muted);margin-left:3px;font-size:8px}.positive{color:var(--accent)}.negative{color:var(--danger)}.chart-panel,.mini-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:22px 24px;margin-bottom:20px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-header p{font-size:10px;color:var(--muted);margin-top:6px}.segmented{display:flex;gap:3px;border:1px solid var(--border);border-radius:8px;padding:3px}.segmented button{padding:5px 7px;border-radius:5px;display:flex;color:var(--muted)}.selected{background:var(--surface2);color:var(--text)!important}.chart-controls{display:flex;align-items:center;justify-content:space-between;margin:24px 0 22px;gap:12px;flex-wrap:wrap}.mode-tabs{display:flex;gap:5px;align-items:center}.mode-tabs button{font-size:10px;color:var(--muted);padding:8px 9px;border-radius:6px}.mode-tabs .selected{background:var(--accentbg);color:var(--accent)!important}.chart{height:320px;width:100%;touch-action:pan-y}.chart-footer{display:flex;gap:20px;color:var(--muted);font-size:9px;align-items:center;margin-top:20px}.chart-footer>span{display:flex;align-items:center;gap:7px}.chart-footer small{margin-left:auto;font-size:9px}.solid-line,.dashed-line{width:17px;height:0;border-top:2px solid var(--accent)}.dashed-line{border-top:2px dashed #88a8d7;opacity:.6}.estimate-note{font-size:9px;line-height:1.6;color:var(--muted);margin-top:14px}.bottom-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.mini-panel{margin:0}.text-button{display:flex;align-items:center;gap:5px;color:var(--accent);font-size:10px;padding:0}.bestseller{display:flex;gap:12px;align-items:center;padding:19px 0 0}.rank{font-size:11px;color:var(--muted);width:20px}.bestseller b{font-size:11px;font-weight:500}.bestseller small{font-size:9px;display:block;margin-top:5px}.bestseller strong{font-size:12px;font-weight:500;margin-left:auto}.insight-panel{padding:24px;border:1px solid #97cdb725;border-radius:12px;background:linear-gradient(120deg,var(--accentbg),transparent);position:relative;overflow:hidden}.insight-panel:after{content:"☕";font-size:115px;position:absolute;right:3px;bottom:-27px;opacity:.04;transform:rotate(-15deg);pointer-events:none}.insight-panel h2{font-size:23px;line-height:1.3;letter-spacing:-.5px}.insight-panel p{font-size:10px;max-width:290px;color:var(--muted);margin:12px 0 18px}.insight-panel .eyebrow{font-size:8px}.search-field{display:flex;gap:9px;align-items:center;border:1px solid var(--border);border-radius:8px;padding:0 10px;color:var(--muted);max-width:430px}.search-field input{border:0;background:none;font-size:12px;flex:1;width:100%;padding:10px 0}.product-picker{margin-bottom:20px}.product-options{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;max-height:120px;overflow:auto}.product-options button{border:1px solid var(--border);font-size:10px;border-radius:6px;padding:7px 9px;display:flex;align-items:center;gap:5px;color:var(--muted)}.product-options button.picked{color:var(--accent);background:var(--accentbg);border-color:#97cdb75c}.picked-count{font-size:9px;margin-top:9px;color:var(--muted)}.picked-count button{color:var(--accent);margin-left:10px}.chart-empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);gap:12px;font-size:12px}.chart-empty h3{color:var(--text);font-weight:500;font-size:18px}.chart-panel>.search-field{margin:22px 0}.ranking-heading,.ranking-row{display:grid;grid-template-columns:minmax(170px,1fr) 100px 120px 80px 32px;gap:15px;align-items:center}.ranking-heading{font-size:10px;color:var(--muted);padding:13px 0;border-bottom:1px solid var(--border)}.ranking-row{padding:16px 0;border-bottom:1px solid var(--border);font-size:11px}.ranking-row b{font-weight:500}.ranking-row small{display:block;font-size:9px;margin-top:6px;opacity:.65}.ranking-row strong{font-weight:500}.ranking-row:last-child{border-bottom:0}.receipt-row{display:flex;align-items:center;gap:15px;width:100%;text-align:left;border-bottom:1px solid var(--border);padding:20px 0;font-size:11px}.receipt-row b{font-weight:500}.receipt-row small{display:block;font-size:10px;margin-top:7px}.receipt-row>strong{font-size:13px;margin-left:auto;font-weight:500;white-space:nowrap}.receipt-row>svg{color:var(--muted)}.receipt-icon{width:35px;height:40px;display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;color:var(--muted);flex-shrink:0}.pagination{display:flex;justify-content:center;align-items:center;gap:24px;margin:20px 0 0;font-size:11px;color:var(--muted)}.pagination button{border:1px solid var(--border);padding:7px 12px;border-radius:7px}.muted{color:var(--muted);font-size:11px}footer{display:flex;justify-content:space-between;margin-top:32px;color:var(--muted);font-size:8px;letter-spacing:1px;opacity:.7}footer span{letter-spacing:0}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:100;background:var(--surface2);border:1px solid var(--border);padding:12px 16px;border-radius:10px;box-shadow:var(--shadow);max-width:calc(100vw - 32px);display:flex;gap:10px;align-items:center;font-size:12px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:80;padding:20px}.receipt-modal{background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:25px;width:430px;max-width:100%;max-height:85vh;overflow:auto;box-shadow:var(--shadow)}.receipt-modal>.muted{margin:10px 0 20px}.receipt-line,.receipt-total{display:flex;align-items:center;gap:15px;justify-content:space-between;border-bottom:1px solid var(--border);padding:16px 0;font-size:12px}.receipt-line b{font-weight:500}.receipt-line small{display:block;margin-top:6px;font-size:10px}.receipt-total{border:0;padding-top:25px;font-size:16px}.mobile-brand,.mobile-nav,.mobile-logout{display:none}.boot{height:100vh;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--accent);letter-spacing:3px}.error{font-size:12px;color:var(--danger);padding:12px;background:#c9808010;border:1px solid #c9808025;border-radius:7px;margin:12px 0}.login-screen{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr}.login-art{background:linear-gradient(145deg,#202b28,#1a2222 50%,#1c2025);color:#e7eaed;padding:50px 60px;position:relative;overflow:hidden;min-height:740px}.login-art>.brand>span:last-child{font-size:9px;font-weight:400;color:#a7b4ad;letter-spacing:2px}.login-heading{position:relative;z-index:2;margin-top:100px}.login-heading .eyebrow{color:#9bad9f;font-size:9px}.login-heading h1{font-size:43px;font-weight:450;line-height:1.3;margin-top:24px;letter-spacing:-1.8px}.login-heading em{font-style:normal;color:#9fceb8}.login-heading p{font-size:13px;color:#9ca9a2;margin-top:24px;line-height:1.9}.login-foot{position:absolute;bottom:40px;color:#8c9992;font-size:10px;letter-spacing:.8px}.abstract-coffee{position:absolute;right:-100px;bottom:-10px;width:470px;height:470px;display:grid;place-items:center;color:#8dccb555;transform:rotate(-15deg)}.abstract-coffee div{position:absolute;width:400px;height:400px;border:1px solid #8dccb514;border-radius:50%}.abstract-coffee div:nth-child(2){width:300px;height:300px}.abstract-coffee div:nth-child(3){width:200px;height:200px;background:#8dccb508}.login-form{max-width:360px;width:100%;justify-self:center;align-self:center;margin:50px 0}.secure-icon{width:50px;height:50px;display:grid;place-items:center;background:var(--accentbg);color:var(--accent);border:1px solid #97cdb725;border-radius:13px;margin-bottom:28px}.login-form h2{font-size:27px;letter-spacing:-.8px}.login-form>p{color:var(--muted);font-size:12px;margin:13px 0 30px}.login-form label{font-size:11px;display:block;color:var(--muted)}.login-form input:not([type=checkbox]){display:block;width:100%;margin:10px 0 22px;height:48px;background:var(--surface);font-size:15px}.login-form .check-label{display:flex;font-size:11px;margin-bottom:22px}.otp-input{letter-spacing:13px;font-size:24px!important;text-align:center}.primary{display:flex;align-items:center;justify-content:center;gap:13px;width:100%;background:var(--accent);color:#192820;border-radius:8px;padding:14px;font-size:12px;font-weight:600}.login-form>small{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:26px;font-size:10px}.login-links{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:20px}.spin>svg{animation:rotate 1.5s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}@media(min-width:1600px){.content{padding-top:48px}.chart{height:370px}.kpi strong{font-size:30px}}@media(max-width:1200px){.sidebar{width:190px;padding-left:14px;padding-right:14px}.main{margin-left:190px;width:calc(100% - 190px)}.topbar{padding:0 25px}.content{padding:30px 25px}.kpis{gap:8px}.kpi{padding:15px 11px}.kpi strong{font-size:22px}.kpi-foot span{display:none}.mode-tabs button{padding:7px;font-size:9px}.chart-panel{padding:20px}.ranking-heading,.ranking-row{grid-template-columns:minmax(140px,1fr) 80px 95px 60px 28px;gap:10px}}@media(max-width:850px){.sidebar{width:170px}.main{margin-left:170px;width:calc(100% - 170px)}.brand{font-size:12px}.kpis{grid-template-columns:repeat(3,1fr)}.kpi.featured{grid-column:span 2}.bottom-grid{grid-template-columns:1fr}.insight-panel,.timezone{display:none}.login-art{padding:40px 30px}.login-heading h1{font-size:35px}.login-form{max-width:300px}.ranking-heading,.ranking-row{grid-template-columns:minmax(100px,1fr) 65px 90px 25px}.ranking-heading>:nth-child(4),.ranking-row>:nth-child(4){display:none}}@media(max-width:600px){.sidebar{display:none}.main{margin:0;width:100%}.topbar{height:66px;padding:0 18px;gap:6px}.mobile-brand{display:flex;font-size:10px;letter-spacing:1px;gap:7px}.breadcrumb{display:none}.top-actions{gap:5px}.theme-button{margin-left:3px}.sync-label{font-size:8px;gap:4px}.sync-label i{width:4px;height:4px}.sync-wrap>.icon-button{width:26px}.mobile-logout{display:flex;width:24px}.mobile-nav{display:flex;gap:4px;padding:12px 18px 0}.mobile-nav button{flex:1;font-size:11px;padding:10px;border-bottom:1px solid var(--border);border-radius:7px 7px 0 0;color:var(--muted)}.mobile-nav button.selected{color:var(--accent)!important;background:var(--accentbg)}.content{padding:27px 18px 20px}.eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:11px}h1{font-size:29px}.page-heading{margin-bottom:23px}.page-heading p{font-size:11px}.filters{gap:12px;margin-bottom:20px}.period-group{padding:0 9px;gap:6px}.period-group select{font-size:10px;width:120px;min-height:36px}.check-label{font-size:9px;gap:5px}.check-label input{width:14px;height:14px;min-height:14px}.period-summary{display:none}.date-range{order:3;width:100%}.date-range input{width:calc(50% - 12px);font-size:12px;min-height:40px}.coverage-note{font-size:9px;padding:9px 10px;align-items:flex-start}.coverage-note span{margin-top:5px}.kpis{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.kpi.featured{grid-column:span 2;padding:18px}.kpi.featured strong{font-size:33px;margin-top:13px}.kpi{padding:15px}.kpi-label{font-size:10px}.kpi strong{font-size:25px;margin-top:13px}.kpi-foot{margin-top:9px;font-size:9px}.featured .kpi-foot span{display:block}.chart-panel{padding:19px 14px;border-radius:10px;margin-bottom:17px}.panel-header{gap:5px}h2{font-size:15px}.panel-header p{font-size:9px}.chart-controls{margin-top:19px;margin-bottom:18px;gap:12px}.mode-tabs{gap:1px;flex-wrap:wrap}.mode-tabs button{font-size:9px;padding:8px 6px}.mode-tabs button:disabled{display:none}.chart{height:300px}.chart-footer{gap:12px;font-size:8px;flex-wrap:wrap}.chart-footer small{font-size:8px;width:100%;margin:0}.product-options button{font-size:9px;padding:7px}.mini-panel{padding:18px 16px}.bestseller{padding-top:18px}.bestseller b{font-size:10px}.bestseller strong{font-size:11px}.rank{width:13px;font-size:10px}.bottom-grid{gap:0}.ranking-row,.ranking-heading{grid-template-columns:minmax(100px,1fr) 55px 80px 25px;gap:4px;font-size:10px}.ranking-heading{font-size:8px}.ranking-row b{font-size:10px}.ranking-row small{font-size:8px}.ranking-row span{font-size:9px}.panel-header select{font-size:10px;padding:6px;min-height:34px}.receipt-row{gap:8px;font-size:10px}.receipt-row small{font-size:8px}.receipt-row>strong{font-size:12px}.receipt-row>svg{display:none}.receipt-icon{width:29px;height:36px}.sync-popover{right:-80px;width:280px;top:38px}.toast{font-size:11px;bottom:18px;width:calc(100% - 36px);padding:10px 12px}.toast .icon-button{flex-shrink:0}footer{font-size:7px;letter-spacing:.6px;gap:10px;margin-top:25px}footer span{font-size:7px;max-width:145px;text-align:right;line-height:1.5}.login-screen{display:block;min-height:100svh;padding:32px 25px}.login-art{display:none}.login-form{max-width:360px;margin:0 auto;padding-top:30px}.login-form .mobile-brand{display:flex;font-size:12px;margin-bottom:70px;color:var(--text)}.login-form h2{font-size:28px}.login-form>p{font-size:13px}.secure-icon{margin-bottom:25px}.login-form input:not([type=checkbox]){font-size:16px;height:52px}.primary{min-height:48px;font-size:13px}.login-form>small{font-size:10px}.login-links{font-size:11px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}.product-history{padding:0;text-align:left;font-size:inherit}.product-history:hover{color:var(--accent)}