:root{
  --bg:#0b0b12;--bg2:#111119;--bg3:#1c1c28;--card:#161622;--border:rgba(255,255,255,.08);
  --accent:#7c6dfa;--a2:#ff6b8a;--a3:#3ee89a;--a4:#f9a825;--a5:#38d9f5;
  --text:#ededf5;--muted:#5c5c72;--muted2:#8f8faa;--sw:248px;--r:14px;
  --fh:'Sora',sans-serif;--fb:'Plus Jakarta Sans',sans-serif;--tr:.25s cubic-bezier(.4,0,.2,1);
}
[data-theme=light]{--bg:#f2f2f7;--bg2:#e8e8ef;--bg3:#dddde8;--card:#fff;--border:rgba(0,0,0,.08);--text:#111120;--muted:#9090aa;--muted2:#5a5a75}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--fb);background:var(--bg);color:var(--text);min-height:100vh;display:flex;overflow-x:hidden;transition:background var(--tr),color var(--tr)}
body[data-auth-state=pending] .sidebar,
body[data-auth-state=pending] .main,
body[data-auth-state=login] .sidebar,
body[data-auth-state=login] .main{display:none}
button,input,select{font:inherit}
.auth-shell{position:fixed;inset:0;z-index:900;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,rgba(88,167,248,.18),transparent 34%),linear-gradient(135deg,#f5f7fb,#eef1f7)}
.auth-shell[hidden]{display:none}
.auth-card{width:min(440px,100%);background:#fff;border:1px solid rgba(17,17,32,.08);border-radius:18px;padding:30px;box-shadow:0 24px 70px rgba(17,24,39,.16)}
.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}
.auth-mark{width:42px;height:42px;border-radius:12px;background:#0e1b2e;display:grid;place-items:center;color:#fff;box-shadow:0 12px 28px rgba(14,27,46,.18)}
.auth-mark .biensi-bars{width:23px;height:23px}
.auth-brand-title{font-family:var(--fh);font-size:18px;font-weight:800;color:#111120}
.auth-brand-sub{font-size:12px;color:#7a8197;font-weight:700;text-transform:uppercase;letter-spacing:.7px}
.auth-form{display:flex;flex-direction:column;gap:14px}
.auth-title{font-family:var(--fh);font-size:24px;font-weight:800;color:#111120;line-height:1.1}
.auth-sub{margin-top:6px;color:#7a8197;font-size:13px;line-height:1.5}
.auth-field{display:flex;flex-direction:column;gap:6px}
.auth-field span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;color:#7a8197}
.auth-field .finp{background:#f6f8fc;color:#111120;border-color:#d9dfec;border-radius:10px;padding:12px 14px}
.auth-submit{justify-content:center;border-radius:10px;padding:12px 18px}
.auth-message{border-radius:10px;padding:11px 13px;font-size:13px;line-height:1.45;background:rgba(249,168,37,.1);border:1px solid rgba(249,168,37,.22);color:#a16207}
.auth-message.err{background:rgba(255,107,138,.1);border-color:rgba(255,107,138,.24);color:#be123c}
.auth-message.ok{background:rgba(62,232,154,.1);border-color:rgba(62,232,154,.24);color:#047857}
.profile-menu{position:relative}
.profile-btn{cursor:pointer}
.profile-dropdown{display:none;position:absolute;right:0;top:calc(100% + 10px);width:230px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px;box-shadow:0 18px 46px rgba(0,0,0,.16);z-index:220}
.profile-menu.open .profile-dropdown{display:block}
.profile-dropdown-user{display:flex;flex-direction:column;gap:3px;padding:4px 4px 10px;margin-bottom:10px;border-bottom:1px solid var(--border)}
.profile-dropdown-user b{font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-dropdown-user span{font-size:11px;color:var(--muted2);font-weight:700;text-transform:uppercase;letter-spacing:.5px}
#authLogoutButton{width:100%;justify-content:center}
.sidebar{width:var(--sw);min-height:100vh;background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:200;transition:transform var(--tr);overflow:hidden}
.sidebar.collapsed{transform:translateX(calc(-1 * var(--sw)))}
.s-logo{display:flex;align-items:center;gap:10px;padding:20px 18px 16px;border-bottom:1px solid var(--border)}
.s-logo .s-logo-icon{display:none!important}
.s-logo-icon{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--accent),var(--a2));display:grid;place-items:center}
.s-logo-text{font-family:var(--fh);font-size:17px;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--a2));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.s-nav{flex:1;padding:12px 8px;overflow:auto;display:flex;flex-direction:column;gap:2px}
.s-section{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);padding:10px 10px 4px}
.ni{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:9px;cursor:pointer;color:var(--muted2);font-size:13px;font-weight:500;text-decoration:none;transition:all var(--tr);border:0;background:transparent;width:100%;text-align:left}
.ni:hover{background:var(--bg3);color:var(--text)}.ni.active{background:rgba(124,109,250,.15);color:var(--accent);font-weight:600}
.ni-icon{font-size:16px;width:20px;text-align:center}.ni-arrow{margin-left:auto;color:var(--muted);transition:transform var(--tr)}.ni.dd-open .ni-arrow{transform:rotate(90deg);color:var(--accent)}
.dd-body{overflow:hidden;max-height:0;transition:max-height .3s}.dd-body.open{max-height:360px}.ni.child{padding-left:28px;font-size:12.5px}.ni.soon{opacity:.42;cursor:not-allowed}
.soon-tag{margin-left:auto;font-size:9px;font-weight:700;padding:2px 7px;border-radius:20px;background:var(--bg3);color:var(--muted2);border:1px solid var(--border);text-transform:uppercase}
.s-footer{padding:10px 8px;border-top:1px solid var(--border)}
.burger{position:fixed;top:13px;left:13px;z-index:300;width:36px;height:36px;border-radius:9px;background:var(--bg2);border:1px solid var(--border);color:var(--text);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:all var(--tr)}
.burger:hover{background:var(--accent);border-color:var(--accent)}.burger:hover .bl{background:#fff}.bl{width:15px;height:2px;border-radius:2px;background:var(--text);transition:all var(--tr)}
.burger.open .bl:nth-child(1){transform:translateY(6px) rotate(45deg)}.burger.open .bl:nth-child(2){opacity:0}.burger.open .bl:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.overlay{display:none;position:fixed;inset:0;z-index:150;background:rgba(0,0,0,.5);backdrop-filter:blur(4px)}.overlay.show{display:block}
.main{flex:1;margin-left:var(--sw);transition:margin-left var(--tr);min-height:100vh}.main.expanded{margin-left:0}
.topbar{height:56px;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid var(--border);background:var(--bg2);gap:10px;position:sticky;top:0;z-index:100}
.topbar-title{font-family:var(--fh);font-size:14px;font-weight:700;flex:1}.topbar-actions{display:flex;gap:7px}
.ib{width:33px;height:33px;border-radius:8px;border:1px solid var(--border);background:var(--bg3);color:var(--text);cursor:pointer;display:grid;place-items:center;transition:all var(--tr)}.ib:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
.content{padding:24px;max-width:1400px;width:100%}.page{display:none}.page.active{display:block;animation:fu .3s ease}@keyframes fu{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.ph{margin-bottom:22px}.pt{font-family:var(--fh);font-size:22px;font-weight:800;letter-spacing:-.3px}.ps{color:var(--muted2);font-size:13px;margin-top:3px}
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:13px;margin-bottom:22px}.kpi{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:18px 20px;position:relative;overflow:hidden;transition:transform var(--tr),box-shadow var(--tr);cursor:pointer}
.kpi::before{content:'';position:absolute;inset:0 0 auto;height:3px;background:var(--_c,var(--accent))}.kpi:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.18)}.kpi-ico{position:absolute;right:16px;top:16px;font-size:24px;opacity:.12}
.kpi-lbl{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--muted2);margin-bottom:7px}.kpi-val{font-family:var(--fh);font-size:24px;font-weight:800;line-height:1.1}
.cg{display:grid;gap:16px;margin-bottom:20px}.cg2{grid-template-columns:repeat(2,1fr)}.cc{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:20px}.cc.full{grid-column:1/-1}
.ch{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:8px}.ct{font-family:var(--fh);font-size:13.5px;font-weight:700}.cb{position:relative}.h200{height:200px}.h220{height:220px}.h240{height:240px}.h260{height:260px}.h300{height:300px}
.tw{overflow:auto;border-radius:var(--r);border:1px solid var(--border)}table{width:100%;border-collapse:collapse;font-size:12px}thead{background:var(--bg3);position:sticky;top:0;z-index:2}th{padding:10px 13px;text-align:left;font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted2);white-space:nowrap}td{padding:8px 13px;border-bottom:1px solid var(--border);white-space:nowrap}tbody tr:hover{background:var(--bg3)}
tbody tr.render-flow-row{animation:rowFlowIn .22s ease both;animation-delay:calc(min(var(--row-i,0),24)*16ms)}
@keyframes rowFlowIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.bx{display:inline-block;padding:3px 9px;border-radius:20px;font-size:10.5px;font-weight:700}.bg{background:rgba(62,232,154,.12);color:var(--a3)}.br{background:rgba(255,107,138,.12);color:var(--a2)}.bb{background:rgba(124,109,250,.12);color:var(--accent)}.bo{background:rgba(249,168,37,.12);color:var(--a4)}.bm{background:var(--bg3);color:var(--muted2)}
.btn{padding:8px 18px;border-radius:8px;border:0;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--tr);display:inline-flex;align-items:center;gap:6px}.btn-p{background:var(--accent);color:#fff}.btn-p:hover{background:#6a5de8;transform:translateY(-1px);box-shadow:0 5px 16px rgba(124,109,250,.35)}.btn-s{background:var(--bg3);color:var(--text);border:1px solid var(--border)}.btn-d{background:var(--a2);color:#fff}.btn-sm{padding:5px 12px;font-size:12px}
.fg{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:11px;margin-bottom:16px}.fgrp{display:flex;flex-direction:column;gap:4px}.flbl{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted2)}.finp,.fsel{padding:8px 12px;border-radius:8px;border:1.5px solid var(--border);background:var(--bg3);color:var(--text);font-size:13px;outline:0;transition:border var(--tr)}.finp:focus,.fsel:focus{border-color:var(--accent)}
.uz{background:var(--card);border:2px dashed var(--accent);border-radius:var(--r);padding:40px 20px;text-align:center;cursor:pointer;position:relative;transition:all var(--tr);margin-bottom:16px}.uz:hover{border-color:var(--a2);background:var(--bg3)}.uz.drag{border-color:var(--a3);background:rgba(62,232,154,.04)}.uz input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.uz-icon{font-size:36px;margin-bottom:8px}.uz-title{font-family:var(--fh);font-size:16px;font-weight:700;margin-bottom:4px}.uz-sub{color:var(--muted2);font-size:12.5px}
.modal-backdrop{display:none;position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);align-items:center;justify-content:center}.modal-backdrop.show{display:flex}.modal{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:32px;width:420px;max-width:90vw;animation:fu .25s ease}.modal-title{font-family:var(--fh);font-size:18px;font-weight:800;margin-bottom:6px}.modal-sub{color:var(--muted2);font-size:13px;margin-bottom:24px;line-height:1.5}.modal-file-info{background:var(--bg3);border-radius:10px;padding:12px 16px;margin-bottom:20px;font-size:13px;border:1px solid var(--border)}.modal-file-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-file-meta{color:var(--muted2);font-size:12px}.modal-date-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}.modal-date-row .fgrp{min-width:0}.modal-date-row .finp,.modal-date-row .fsel{width:100%;min-width:0}.modal-actions{display:flex;gap:10px;justify-content:flex-end}
.notice{display:flex;align-items:center;gap:9px;padding:10px 14px;border-radius:9px;font-size:12.5px;margin-bottom:16px}.nok{background:rgba(62,232,154,.08);border:1px solid rgba(62,232,154,.2);color:var(--a3)}.nwarn{background:rgba(249,168,37,.08);border:1px solid rgba(249,168,37,.2);color:var(--a4)}.nerr{background:rgba(255,107,138,.08);border:1px solid rgba(255,107,138,.2);color:var(--a2)}
.number-toggle-notice{justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.number-toggle-notice span{line-height:1.45}
.number-toggle-notice .btn{margin-left:auto}
.sbar,.filter-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:14px 18px;margin-bottom:20px}.sbar{padding:8px 13px;font-size:12px;color:var(--muted2)}.sdot{width:7px;height:7px;border-radius:50%;background:var(--a3)}
.filter-label{font-size:12px;font-weight:600;color:var(--muted2)}.filter-tabs{display:flex;gap:3px;background:var(--bg3);padding:3px;border-radius:8px}.ftab{padding:6px 14px;border-radius:6px;border:0;font-size:12px;font-weight:500;cursor:pointer;color:var(--muted);background:transparent;transition:all var(--tr)}.ftab.active{background:var(--accent);color:#fff}.filter-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;width:100%}.filter-row+.filter-row{padding-top:10px;border-top:1px solid var(--border)}.dash-filter-panel{display:flex;flex-direction:column;gap:10px}.dash-filter-panel .fsel{min-width:150px}.dash-filter-panel .dash-filter .flbl{display:none}.dash-filter-panel .dash-filter{justify-content:center}.metric-compact{gap:9px;align-items:center}.metric-chip{display:flex;align-items:center;gap:6px;padding:7px 8px;border-radius:12px;background:var(--bg3);border:1px solid var(--border)}.metric-chip-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--muted2);min-width:42px}.metric-chip .finp{width:78px;padding:6px 8px;font-size:12px;border-width:1px;background:var(--card)}.metric-chip .metric-sep{font-size:11px;color:var(--muted)}
.cmp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:11px;margin-bottom:20px}.cmp-card{background:var(--card);border:1px solid var(--border);border-radius:11px;padding:14px}.cmp-lbl{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted2);font-weight:700;margin-bottom:5px}.cmp-row{display:flex;justify-content:space-between;align-items:flex-end;gap:6px}.cmp-v1{font-family:var(--fh);font-size:16px;font-weight:700}.cmp-v2{font-size:11.5px;color:var(--muted)}.cmp-pct{font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:20px}.cp{background:rgba(62,232,154,.12);color:var(--a3)}.cn{background:rgba(255,107,138,.12);color:var(--a2)}
#salesDashCmpGrid{grid-template-columns:repeat(7,minmax(118px,1fr));gap:10px}
#salesDashCmpGrid .cmp-card{padding:12px}
#salesDashCmpGrid .cmp-v1{font-size:15px}
#salesDashCmpGrid .cmp-v2,#salesDashCmpGrid .cmp-pct{font-size:10.5px}
.ai-box{background:linear-gradient(135deg,rgba(124,109,250,.08),rgba(255,107,138,.05));border:1px solid rgba(124,109,250,.2);border-radius:var(--r);padding:22px;margin-bottom:20px}.ai-hd{display:flex;align-items:center;gap:9px;margin-bottom:14px}.ai-badge{padding:4px 11px;border-radius:20px;font-size:11px;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--a2));color:#fff}.ai-title{font-family:var(--fh);font-size:15px;font-weight:700}.ins-list{display:flex;flex-direction:column;gap:9px}.ins{background:var(--bg3);border-radius:8px;padding:11px 14px;border-left:3px solid var(--accent);font-size:13px;line-height:1.6}.ins.good{border-left-color:var(--a3)}.ins.bad{border-left-color:var(--a2)}.ins.warn{border-left-color:var(--a4)}
.ai-insight-page{--ai-ink:#0b1020;--ai-panel:#ffffff;--ai-line:rgba(15,23,42,.1);--ai-soft:#f5f8fc;--ai-blue:#1787ff;--ai-cyan:#00b8d9;--ai-green:#16b979;--ai-amber:#f59e0b;--ai-rose:#e14b69;position:relative}
[data-theme=dark] .ai-insight-page{--ai-panel:#111319;--ai-line:rgba(255,255,255,.09);--ai-soft:#171a22}
[data-theme=dark] .ai-insight-signal,[data-theme=dark] .ai-recap-card,[data-theme=dark] .ai-linked-panel,[data-theme=dark] .ai-insight-summary>div,[data-theme=dark] .ai-insight-panel,[data-theme=dark] .ai-insight-action,[data-theme=dark] .ai-chat-panel{background:var(--ai-panel);border-color:var(--ai-line)}
[data-theme=dark] .ai-recap-empty,[data-theme=dark] .ai-insight-empty,[data-theme=dark] .ai-insight-list>div,[data-theme=dark] .ai-action-detail,[data-theme=dark] .ai-chat-msg,[data-theme=dark] .ai-chat-form textarea,[data-theme=dark] .ai-pinpoint-list li{background:var(--ai-soft);border-color:var(--ai-line)}
[data-theme=dark] .ai-insight-evidence{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.26)}[data-theme=dark] .ai-insight-evidence span{background:#111319;border-color:rgba(245,158,11,.24)}
[data-theme=dark] .ai-recap-bar i{background:#242936}
[data-theme=dark] .ai-detail-btn,[data-theme=dark] .ai-chat-close{background:#171f33;border-color:rgba(103,232,249,.18);color:#67e8f9}
.ai-insight-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px;padding:10px 0 18px;border-bottom:1px solid var(--ai-line)}
.ai-insight-kicker{font-size:10px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;color:var(--ai-blue);margin-bottom:6px}
.ai-insight-signal{display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid rgba(23,135,255,.18);border-radius:999px;background:#f6fbff}
.ai-insight-signal span{width:8px;height:8px;border-radius:50%;background:var(--ai-green);box-shadow:0 0 0 5px rgba(22,185,121,.11)}
.ai-insight-signal b{font-size:12px}.ai-insight-signal em{font-style:normal;font-size:11px;color:var(--muted2)}
.ai-insight-console{display:flex;flex-direction:column;gap:12px}
.ai-insight-control-panel{display:grid;grid-template-columns:minmax(240px,330px) auto minmax(160px,1fr);align-items:end;gap:12px;background:#0b1020;color:#e8eef8;border:1px solid rgba(148,163,184,.22);border-radius:8px;padding:13px;box-shadow:0 18px 46px rgba(15,23,42,.14)}
.ai-insight-control-panel .flbl{color:#91a2bb}.ai-insight-control-panel .fsel{background:#101a2e;border-color:rgba(148,163,184,.24);color:#e8eef8}
.ai-insight-command-row{display:flex;gap:8px;flex-wrap:wrap}.ai-insight-command-row .btn{white-space:nowrap}
.ai-insight-status-pill{justify-self:end;align-self:center;padding:8px 10px;border:1px solid rgba(148,163,184,.24);border-radius:999px;color:#c6d3e8;font-size:12px}
.ai-recap-grid,.ai-insight-result{display:flex;flex-direction:column;gap:12px;min-width:0}
.ai-recap-empty,.ai-insight-empty{display:flex;align-items:center;gap:14px;min-height:118px;background:var(--ai-panel);border:1px dashed rgba(80,91,122,.24);border-radius:8px;padding:20px;color:var(--muted2)}
.ai-recap-empty.active,.ai-insight-empty.active{border-style:solid;background:#0b1020;color:#c6d3e8}.ai-recap-empty.error{border-style:solid;border-color:rgba(225,75,105,.3);background:#fff7f9;color:#9f2842}
.ai-recap-empty b,.ai-insight-empty b{display:block;font-family:var(--fh);font-size:16px;color:var(--text);margin-bottom:5px}.ai-recap-empty.active b,.ai-insight-empty.active b{color:#f8fafc}
.ai-recap-empty span,.ai-insight-empty span{font-size:13px;line-height:1.55}
.ai-insight-empty-code{width:52px;height:52px;border-radius:8px;display:grid;place-items:center;background:#111827;color:#67e8f9;font-family:var(--fh);font-weight:900}
.ai-recap-head{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--ai-panel);border:1px solid var(--ai-line);border-radius:8px;padding:13px 14px}
.ai-recap-head span,.ai-insight-summary span,.ai-insight-panel-head small{display:block;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.8px;color:var(--muted2);margin-bottom:6px}
.ai-recap-head b{font-family:var(--fh);font-size:17px}.ai-recap-head em{font-style:normal;font-size:12px;color:var(--muted2)}
.ai-recap-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.ai-recap-card{background:var(--ai-panel);border:1px solid var(--ai-line);border-left:3px solid #94a3b8;border-radius:8px;padding:13px;min-height:94px}
.ai-recap-card.good{border-left-color:var(--ai-green)}.ai-recap-card.warn{border-left-color:var(--ai-amber)}.ai-recap-card.blue{border-left-color:var(--ai-blue)}
.ai-recap-card span{display:block;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.7px;color:var(--muted2)}.ai-recap-card b{display:block;font-family:var(--fh);font-size:20px;margin:7px 0;color:var(--text)}.ai-recap-card em{font-style:normal;font-size:11px;color:var(--muted2)}
.ai-linked-panel,.ai-insight-summary>div,.ai-insight-panel{background:var(--ai-panel);border:1px solid var(--ai-line);border-radius:8px;padding:15px;box-shadow:0 12px 28px rgba(15,23,42,.05)}
.ai-recap-bar{display:grid;gap:7px;margin-top:9px}.ai-recap-bar div{display:flex;justify-content:space-between;gap:12px;font-size:12px}.ai-recap-bar span{color:var(--muted2);font-weight:800}.ai-recap-bar b{font-size:12px;color:var(--text)}
.ai-recap-bar i{height:8px;border-radius:999px;background:#edf2f8;overflow:hidden}.ai-recap-bar em{display:block;height:100%;border-radius:inherit;background:var(--ai-blue)}.ai-recap-bar.green em{background:var(--ai-green)}.ai-recap-bar.amber em{background:var(--ai-amber)}.ai-recap-bar.rose em{background:var(--ai-rose)}.ai-recap-bar.slate em{background:#64748b}
.ai-insight-workspace{display:block}.ai-insight-summary{display:grid;grid-template-columns:minmax(0,1fr) 170px 150px;gap:10px}.ai-insight-summary p{font-size:14px;line-height:1.7;color:var(--text)}.ai-insight-summary b{font-family:var(--fh);font-size:19px}
.ai-insight-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:12px}.ai-insight-panel.full{grid-column:1/-1}.ai-insight-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.ai-insight-panel h3{font-family:var(--fh);font-size:14px;font-weight:900}
.ai-insight-actions{display:grid;gap:10px}.ai-insight-action{border:1px solid var(--ai-line);border-left:3px solid #94a3b8;border-radius:8px;padding:13px;background:#fff}.ai-insight-action.p1{border-left-color:var(--ai-rose)}.ai-insight-action.p2{border-left-color:var(--ai-amber)}.ai-insight-action.p3{border-left-color:var(--ai-blue)}
.ai-insight-action-top{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;margin-bottom:8px}.ai-insight-action-top span{display:grid;place-items:center;border-radius:7px;padding:6px 8px;background:#0b1020;color:#67e8f9;font-weight:900;font-size:11px}.ai-insight-action-top b{font-family:var(--fh);font-size:14px;white-space:normal}.ai-insight-action-top em{font-style:normal;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;color:var(--muted2)}
.ai-insight-action p,.ai-insight-list p{font-size:13px;line-height:1.65;color:var(--muted2)}.ai-insight-evidence{display:grid;gap:8px;margin:12px 0;padding:10px;border:1px solid rgba(245,158,11,.32);border-radius:8px;background:linear-gradient(180deg,rgba(255,251,235,.92),rgba(255,247,237,.72))}.ai-insight-evidence-title{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.7px;color:#b45309}.ai-insight-evidence-pills{display:flex;gap:7px;flex-wrap:wrap}.ai-insight-evidence span{border:1px solid rgba(245,158,11,.25);border-radius:999px;padding:6px 9px;background:#fff;font-size:11px;color:var(--muted2)}.ai-insight-evidence b{color:var(--text)}.ai-insight-evidence em{font-style:normal;color:var(--muted)}
.ai-insight-next{font-size:12.5px;color:var(--text);padding-top:8px;border-top:1px solid var(--ai-line)}.ai-detail-btn{margin-top:10px;border:1px solid rgba(23,135,255,.2);background:#f6fbff;color:#1263bd;border-radius:7px;padding:8px 10px;font-weight:900;font-size:12px;cursor:pointer}.ai-action-detail{margin-top:10px;border:1px solid var(--ai-line);border-radius:8px;background:var(--ai-soft);padding:12px}.ai-action-detail b{display:block;font-size:13px;margin-bottom:6px}.ai-action-detail p{color:var(--text)}.ai-pinpoint-list{display:grid;gap:8px;margin:8px 0 0;padding:0;list-style:none}.ai-pinpoint-list li{position:relative;padding:9px 10px 9px 28px;border:1px solid var(--ai-line);border-radius:8px;background:#fff;color:var(--text);font-size:12.5px;line-height:1.55}.ai-pinpoint-list li:before{content:"";position:absolute;left:11px;top:17px;width:7px;height:7px;border-radius:50%;background:var(--ai-blue)}.ai-action-detail-reason{margin-top:9px;font-size:12px;color:var(--muted2)}.ai-action-detail-reason span{display:block;text-transform:uppercase;font-weight:900;font-size:10px;color:var(--muted)}
.ai-insight-list{display:grid;gap:9px}.ai-insight-list>div{border:1px solid var(--ai-line);border-radius:8px;padding:11px;background:var(--ai-soft)}.ai-insight-list b{font-size:13px}.ai-insight-list span,.ai-insight-muted{font-size:11px;color:var(--muted2)}
.ai-forecast-lens{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.ai-forecast-signal{display:grid;gap:10px;border:1px solid rgba(148,163,184,.24);border-radius:8px;padding:13px;background:#0b1020;color:#e8eef8}.ai-forecast-signal.green{border-color:rgba(22,185,121,.42)}.ai-forecast-signal.rose{border-color:rgba(225,75,105,.42)}.ai-forecast-signal.amber{border-color:rgba(245,158,11,.42)}.ai-forecast-signal.blue{border-color:rgba(23,135,255,.35)}.ai-forecast-signal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ai-forecast-signal-head span{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:#9fb0c9;font-weight:900}.ai-forecast-signal-head b{font-family:var(--fh);font-size:20px;color:#f8fafc}.ai-forecast-signal-chart{height:70px}.ai-forecast-spark{width:100%;height:70px}.ai-forecast-spark polyline{stroke:#38bdf8;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.ai-forecast-spark line{stroke:#94a3b8;stroke-width:2;stroke-dasharray:5 5}.ai-forecast-spark circle{fill:#f8fafc}.ai-forecast-spark.green polyline{stroke:#16b979}.ai-forecast-spark.rose polyline{stroke:#e14b69}.ai-forecast-spark.amber polyline{stroke:#f59e0b}.ai-forecast-signal-meta{display:flex;align-items:center;gap:9px}.ai-forecast-signal-meta strong{font-size:13px}.ai-forecast-signal-meta strong.up{color:#52e0a1}.ai-forecast-signal-meta strong.down{color:#fb7185}.ai-forecast-signal-meta strong.flat{color:#cbd5e1}.ai-forecast-signal-meta em{font-style:normal;font-size:11px;color:#9fb0c9}.ai-forecast-signal p{font-size:12px;line-height:1.55;color:#d9e3f3}.ai-forecast-signal small{font-size:10px;line-height:1.45;color:#9fb0c9}.ai-forecast-notes{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin-top:12px}.ai-forecast-notes .ai-insight-panel-head{grid-column:1/-1;margin-bottom:0}.ai-forecast-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.ai-forecast-card{border:1px solid rgba(148,163,184,.24);border-radius:8px;padding:12px;background:#0b1020;color:#e8eef8}.ai-forecast-card.up{border-color:rgba(22,185,121,.44)}.ai-forecast-card.down,.ai-forecast-card.risk{border-color:rgba(225,75,105,.44)}.ai-forecast-card.flat{border-color:rgba(148,163,184,.34)}
.ai-forecast-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:11px}.ai-forecast-top b{font-size:13px}.ai-forecast-top span{font-size:10px;color:#9fb0c9;text-transform:uppercase;font-weight:900}.ai-forecast-bars{display:grid;gap:8px}.ai-forecast-bars div{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:8px}.ai-forecast-bars em{font-style:normal;font-size:10px;color:#9fb0c9}.ai-forecast-bars i{height:8px;border-radius:999px;background:var(--ai-cyan)}.ai-forecast-bars div:first-child i{background:#64748b}.ai-forecast-bars strong{font-size:11px}.ai-forecast-card p{margin-top:10px;font-size:12px;line-height:1.55;color:#c7d2e5}.ai-forecast-card small{font-size:10px;color:#9fb0c9;text-transform:uppercase;font-weight:900}
.ai-chat-widget{position:fixed;right:24px;bottom:24px;z-index:70}.ai-chat-trigger{display:flex;align-items:center;gap:9px;border:1px solid rgba(15,23,42,.12);border-radius:999px;background:#0b1020;color:#f8fafc;padding:10px 13px;box-shadow:0 16px 36px rgba(15,23,42,.22);cursor:pointer}.ai-chat-trigger span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#16233d;color:#67e8f9;font-weight:900}.ai-chat-trigger b{font-size:12px}
.ai-chat-panel{position:absolute;right:0;bottom:52px;width:min(380px,calc(100vw - 32px));display:flex;flex-direction:column;gap:12px;max-height:min(620px,calc(100vh - 110px));background:#fff;border:1px solid var(--ai-line);border-radius:8px;padding:14px;box-shadow:0 22px 58px rgba(15,23,42,.22);opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease}.ai-chat-widget:not(.closed):hover .ai-chat-panel,.ai-chat-widget.open .ai-chat-panel,.ai-chat-widget:not(.closed):focus-within .ai-chat-panel{opacity:1;pointer-events:auto;transform:translateY(0)}
.ai-chat-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ai-chat-head b{display:block;font-family:var(--fh);font-size:15px}.ai-chat-head span{font-size:12px;color:var(--muted2)}.ai-chat-close{border:0;background:#f1f5f9;border-radius:7px;width:28px;height:28px;font-size:18px;cursor:pointer;color:#334155}
.ai-chat-log{display:flex;flex-direction:column;gap:9px;overflow:auto;min-height:220px;max-height:390px;padding-right:3px}.ai-chat-msg{border-radius:8px;padding:10px 11px;font-size:12.5px;line-height:1.55;background:var(--ai-soft);border:1px solid var(--ai-line);color:var(--muted2)}.ai-chat-msg.user{background:#0b1020;color:#e8eef8;align-self:flex-end;max-width:88%}.ai-chat-msg.bot{align-self:flex-start;max-width:92%}.ai-chat-msg.loading{color:#1263bd;border-style:dashed;background:#f6fbff}
.ai-chat-form{display:grid;gap:8px}.ai-chat-form textarea{resize:vertical;min-height:78px;border-radius:8px;border:1px solid var(--ai-line);background:var(--ai-soft);color:var(--text);padding:10px 11px;font:inherit;font-size:13px;outline:0}
@media(max-width:1080px){.ai-insight-control-panel{grid-template-columns:1fr}.ai-insight-status-pill{justify-self:start}.ai-insight-summary,.ai-insight-grid{grid-template-columns:1fr}}
@media(max-width:860px){.ai-insight-hero{align-items:flex-start;flex-direction:column}.ai-recap-head{align-items:flex-start;flex-direction:column}.ai-insight-action-top{grid-template-columns:40px minmax(0,1fr)}.ai-insight-action-top em{grid-column:2}.ai-forecast-bars div{grid-template-columns:56px minmax(0,1fr)}.ai-forecast-bars strong{grid-column:2}.ai-chat-widget{right:16px;bottom:16px}}
.empty{text-align:center;padding:50px 20px;color:var(--muted)}.empty-ico{font-size:40px;margin-bottom:9px;opacity:.45}.empty-txt{font-family:var(--fh);font-size:15px;font-weight:700;color:var(--muted2);margin-bottom:3px}
.da{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.rc{font-size:12px;color:var(--muted2);margin-left:auto}.sh{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px;flex-wrap:wrap}.st{font-family:var(--fh);font-size:14px;font-weight:700}
.mgmt-row-check{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}
#mgmtSelectedCount{font-weight:700;color:var(--accent);margin-left:0}
@media(max-width:860px){.sidebar{transform:translateX(calc(-1 * var(--sw)))}.sidebar.mobile-open{transform:translateX(0)}.main{margin-left:0!important}.cg2{grid-template-columns:1fr}.content{padding:16px}.kpi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1180px){#salesDashCmpGrid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}
@media(max-width:640px){.modal-date-row{grid-template-columns:1fr}.modal{padding:24px}}
@media(max-width:480px){.kpi-grid{grid-template-columns:1fr}.topbar{padding:0 10px}}

/* Sales X Stock reuses the Sales Analysis filter and age/quadrant components. */
:is(#page-salesanalysis,#page-sales-x-stock) .sales-dash-unified-row{
  width:100%;
  grid-template-columns:36px minmax(0,1fr);
  justify-content:stretch;
}
:is(#page-salesanalysis,#page-sales-x-stock) .sales-analysis-filter{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:10px;
  width:100%;
}
:is(#page-salesanalysis,#page-sales-x-stock) .sales-analysis-dim-row{
  display:grid;
  grid-template-columns:repeat(4,minmax(150px,1fr));
  gap:10px;
  padding-top:10px;
  border-top:1px solid rgba(53,59,111,.08);
}
:is(#page-salesanalysis,#page-sales-x-stock) .sales-dash-field{
  margin-top:0;
  min-width:0;
}
:is(#page-salesanalysis,#page-sales-x-stock) .sales-date-card,
:is(#page-salesanalysis,#page-sales-x-stock) .sales-dash-field .multi-check,
:is(#page-salesanalysis,#page-sales-x-stock) .sales-dash-field .multi-check-btn{
  width:100%;
}
:is(#page-salesanalysis,#page-sales-x-stock) .sales-dash-advanced-menu{width:310px}
:is(#page-salesanalysis,#page-sales-x-stock) .sales-date-card-wrap{min-width:0}
:is(#page-salesanalysis,#page-sales-x-stock) .sales-date-panel{width:min(375px,calc(100vw - 48px))}
#page-sales-x-stock .tw{
  border:1px solid rgba(53,59,111,.10);
  border-radius:10px!important;
  background:#fff;
  box-shadow:none!important;
}
#page-sales-x-stock table{
  min-width:100%;
  border-collapse:separate;
  border-spacing:0;
  font-size:12px;
}
#page-sales-x-stock .cg2 table{min-width:560px}
#page-sales-x-stock .cg:not(.cg2) table{min-width:780px}
#page-sales-x-stock .cc.full table{min-width:920px}
#page-sales-x-stock thead,
#page-sales-x-stock thead th{
  background:linear-gradient(90deg,#169fe6,#2681eb)!important;
}
#page-sales-x-stock th{
  padding:12px 14px!important;
  color:#fff!important;
  font-size:10.5px!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  text-align:right;
  text-transform:uppercase;
  border-bottom:0!important;
}
#page-sales-x-stock th.sortable{padding-right:34px!important}
#page-sales-x-stock th.sortable::after{
  right:14px;
  color:rgba(255,255,255,.78)!important;
}
#page-sales-x-stock th:first-child{text-align:left}
#page-sales-x-stock td{
  padding:12px 14px!important;
  border-bottom:1px solid #dfe7f1!important;
  background:#fff!important;
  color:#142235!important;
  font-weight:400!important;
  text-align:right;
}
#page-sales-x-stock td:first-child{
  text-align:left;
  font-weight:700!important;
}
#page-sales-x-stock tbody td:not(:first-child) b,
#page-sales-x-stock tbody td:not(:first-child) strong{font-weight:400!important}
#page-sales-x-stock tbody tr:nth-child(even) td{background:#fbfdff!important}
#page-sales-x-stock tbody tr:hover td{background:#f2f8ff!important}
#page-sales-x-stock tbody tr:last-child td{border-bottom:0!important}
:is(#page-salesanalysis,#page-sales-x-stock) .sales-analysis-age-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
:is(#page-salesanalysis,#page-sales-x-stock) .sales-analysis-age-card{overflow:hidden}
:is(#page-salesanalysis,#page-sales-x-stock) .sales-analysis-age-layout{
  display:grid;
  grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);
  gap:14px;
}
:is(#page-salesanalysis,#page-sales-x-stock) .sales-analysis-age-bars{
  display:flex;
  flex-direction:column;
  gap:9px;
}
:is(#page-salesanalysis,#page-sales-x-stock) .sales-analysis-age-bar{
  padding:10px 12px;
  border:1px solid rgba(53,59,111,.08);
  border-radius:12px;
  background:rgba(247,248,252,.72);
}
:is(#page-salesanalysis,#page-sales-x-stock) .sales-analysis-age-bar-top{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  font-weight:800;
  font-size:12px;
}
:is(#page-salesanalysis,#page-sales-x-stock) .sales-analysis-age-bar-top span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
:is(#page-salesanalysis,#page-sales-x-stock) .sales-analysis-age-track{
  height:7px;
  margin-top:8px;
  border-radius:999px;
  background:#eef2f7;
  overflow:hidden;
}
:is(#page-salesanalysis,#page-sales-x-stock) .sales-analysis-age-fill{
  display:block;
  height:100%;
  border-radius:999px;
}
:is(#page-salesanalysis,#page-sales-x-stock) .sales-analysis-age-kpi{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-bottom:10px;
}
:is(#page-salesanalysis,#page-sales-x-stock) .sales-analysis-age-mini{
  padding:10px 12px;
  border-radius:12px;
  background:rgba(247,248,252,.76);
  border:1px solid rgba(53,59,111,.08);
}
:is(#page-salesanalysis,#page-sales-x-stock) .sales-analysis-age-mini span{
  display:block;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:var(--muted2);
}
:is(#page-salesanalysis,#page-sales-x-stock) .sales-analysis-age-mini b{
  display:block;
  margin-top:3px;
  font-family:var(--fh);
  font-size:16px;
  line-height:1.1;
}
#page-sales-x-stock .sales-analysis-dim-row{
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:end;
}
#page-sales-x-stock .sales-dash-field .multi-check-btn{
  min-height:44px;
  padding:8px 12px;
}
#page-sales-x-stock .sales-analysis-age-kpi{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-bottom:10px;
}
#page-sales-x-stock .sales-analysis-age-mini{
  min-height:54px;
  padding:8px 10px;
  border-radius:10px;
}
#page-sales-x-stock .sales-analysis-age-mini span{
  font-size:8.5px;
  line-height:1.15;
  letter-spacing:.045em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#page-sales-x-stock .sales-analysis-age-mini b{
  margin-top:2px;
  font-size:14px;
  line-height:1.08;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
:is(#page-salesanalysis,#page-sales-x-stock) .sales-analysis-age-muted{color:var(--muted2);font-weight:800}
:is(#page-salesanalysis,#page-sales-x-stock) .sales-analysis-ssr-age{display:flex;flex-direction:column;gap:2px}
:is(#page-salesanalysis,#page-sales-x-stock) .sales-analysis-ssr-age b{font-weight:900}
:is(#page-salesanalysis,#page-sales-x-stock) .sales-analysis-age-grid .tw{max-width:100%}
#page-sales-x-stock .sales-x-stock-sub{margin-top:4px;color:var(--muted2);font-size:12px;font-weight:700;line-height:1.45}
#page-sales-x-stock .sales-x-stock-legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:-6px 0 12px}
#page-sales-x-stock .sales-x-stock-legend-item{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid rgba(53,59,111,.10);background:#fff;border-radius:999px;padding:8px 10px;cursor:pointer;box-shadow:0 8px 18px rgba(53,59,111,.05);min-width:0}
#page-sales-x-stock .sales-x-stock-legend-item i{width:12px;height:12px;border-radius:999px;box-shadow:0 0 0 3px rgba(255,255,255,.9),0 5px 12px rgba(53,59,111,.18)}
#page-sales-x-stock .sales-x-stock-legend-item span{font-size:10.5px;font-weight:900;color:#27314a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#page-sales-x-stock .sales-x-stock-legend-item b{font-family:var(--fh);font-size:11px;color:#65708a}
#page-sales-x-stock .sales-x-stock-legend-item:hover{transform:translateY(-1px);border-color:rgba(33,117,207,.20);box-shadow:0 12px 24px rgba(53,59,111,.09)}
#page-sales-x-stock .sales-x-stock-visual-grid{grid-template-columns:1fr}
#page-sales-x-stock .sales-x-stock-quadrant{min-height:430px;border:1px solid rgba(53,59,111,.10);border-radius:18px;background:linear-gradient(135deg,#f9fcff 0%,#f4f8ff 52%,#fff9f6 100%);overflow:hidden;position:relative}
#page-sales-x-stock .sales-x-stock-plot{position:absolute;inset:34px 42px 46px 54px;border-left:1px solid rgba(53,59,111,.14);border-bottom:1px solid rgba(53,59,111,.14);background:linear-gradient(90deg,rgba(53,59,111,.055) 1px,transparent 1px) 0 0/25% 100%,linear-gradient(0deg,rgba(53,59,111,.055) 1px,transparent 1px) 0 0/100% 25%;border-radius:16px 16px 8px 8px}
#page-sales-x-stock .sales-x-stock-axis{position:absolute;color:var(--muted2);font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
#page-sales-x-stock .sales-x-stock-axis.x{left:50%;bottom:14px;transform:translateX(-50%)}
#page-sales-x-stock .sales-x-stock-axis.y{left:16px;top:50%;transform:translateY(-50%) rotate(-90deg)}
#page-sales-x-stock .sales-x-stock-quad-label{position:absolute;max-width:180px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.82);border:1px solid rgba(53,59,111,.08);color:#33415f;font-size:10px;font-weight:900;line-height:1.35;box-shadow:0 10px 24px rgba(53,59,111,.06);pointer-events:none}
#page-sales-x-stock .sales-x-stock-quad-label.tl{left:16px;top:16px}
#page-sales-x-stock .sales-x-stock-quad-label.tr{right:16px;top:16px}
#page-sales-x-stock .sales-x-stock-quad-label.bl{left:16px;bottom:16px}
#page-sales-x-stock .sales-x-stock-quad-label.br{right:16px;bottom:16px}
#page-sales-x-stock .sales-x-stock-dot{position:absolute;border:2px solid #fff;border-radius:999px;transform:translate(-50%,-50%);cursor:pointer;box-shadow:0 8px 18px rgba(53,59,111,.18);transition:transform .18s ease,box-shadow .18s ease}
#page-sales-x-stock .sales-x-stock-dot.loading{border:0;background:linear-gradient(90deg,#dfe9f5,#f7fbff,#dfe9f5);background-size:220% 100%;animation:salesXStockPulse 1.15s ease-in-out infinite;cursor:default;opacity:.9}
#page-sales-x-stock .sales-x-stock-dot:hover{transform:translate(-50%,-50%) scale(1.55);z-index:5;box-shadow:0 10px 28px rgba(53,59,111,.28)}
#page-sales-x-stock .sales-x-stock-dot.loading:hover{transform:translate(-50%,-50%);box-shadow:0 8px 18px rgba(53,59,111,.18)}
@keyframes salesXStockPulse{0%{background-position:100% 0}100%{background-position:-100% 0}}
#page-sales-x-stock .sales-x-stock-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}
#page-sales-x-stock .sales-x-stock-cards.compact{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:0}
#page-sales-x-stock .sales-x-stock-card{background:#fff;border:1px solid rgba(53,59,111,.10);border-radius:18px;padding:16px;box-shadow:0 14px 34px rgba(53,59,111,.07);min-width:0}
#page-sales-x-stock .sales-x-stock-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
#page-sales-x-stock .sales-x-stock-card-title{font-family:var(--fh);font-size:13px;font-weight:900;color:#172033;line-height:1.35}
#page-sales-x-stock .sales-x-stock-chip{flex:0 0 auto;padding:5px 8px;border-radius:999px;color:#fff;font-size:10px;font-weight:900}
#page-sales-x-stock .sales-x-stock-card-note{color:var(--muted2);font-size:11px;font-weight:700;line-height:1.45;min-height:32px}
#page-sales-x-stock .sales-x-stock-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}
#page-sales-x-stock .sales-x-stock-metric{padding:9px 10px;border-radius:12px;background:#f7f9fd;border:1px solid rgba(53,59,111,.07);min-width:0}
#page-sales-x-stock .sales-x-stock-metric span{display:block;color:var(--muted2);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
#page-sales-x-stock .sales-x-stock-metric b{display:block;margin-top:4px;font-family:var(--fh);font-size:13px;color:#172033;overflow:hidden;text-overflow:ellipsis}
#page-sales-x-stock .sales-x-stock-detail-btn{width:100%;justify-content:center}
#page-sales-x-stock .sales-x-stock-list-visual{display:flex;flex-direction:column;gap:10px;min-height:176px}
#page-sales-x-stock .sales-x-stock-list-row{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:10px;align-items:center;padding:10px 12px;border:1px solid rgba(53,59,111,.08);border-radius:14px;background:#fbfdff}
#page-sales-x-stock .sales-x-stock-list-name{min-width:0;color:#172033;font-size:12px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#page-sales-x-stock .sales-x-stock-list-meta{margin-top:3px;color:var(--muted2);font-size:10.5px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#page-sales-x-stock .sales-x-stock-mini-track{height:8px;border-radius:999px;background:#eef3fa;overflow:hidden}
#page-sales-x-stock .sales-x-stock-mini-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#159fe5,#45ccb0)}
#page-sales-x-stock .sales-x-stock-heatmap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-height:96px}
#page-sales-x-stock .sales-x-stock-heat-cell{padding:12px;border-radius:14px;border:1px solid rgba(53,59,111,.08);background:#fbfdff;min-width:0}
#page-sales-x-stock .sales-x-stock-heat-cell span{display:block;color:var(--muted2);font-size:10px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#page-sales-x-stock .sales-x-stock-heat-cell b{display:block;margin-top:6px;font-family:var(--fh);font-size:16px;color:#172033}
#page-sales-x-stock .sales-x-stock-modal-table table{min-width:900px}
#page-sales-x-stock .sales-x-stock-cohort{margin-bottom:14px}
#page-sales-x-stock .sales-x-stock-cohort-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
#page-sales-x-stock .sales-x-stock-cohort-cell{min-height:108px;border:1px solid rgba(53,59,111,.10);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.78));box-shadow:inset 0 calc(var(--cohort,0) * -96px) 0 color-mix(in srgb,var(--cohort-color,#159fe5) calc(var(--cohort,0) * 70%),transparent),0 10px 24px rgba(53,59,111,.06);padding:12px 10px;text-align:left;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;overflow:hidden}
#page-sales-x-stock .sales-x-stock-cohort-cell span{font-size:10px;font-weight:900;color:#5d6680;text-transform:uppercase;line-height:1.25}
#page-sales-x-stock .sales-x-stock-cohort-cell b{font-family:var(--fh);font-size:18px;color:#172033;line-height:1}
#page-sales-x-stock .sales-x-stock-cohort-cell em{font-style:normal;font-size:10.5px;font-weight:800;color:#647089;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#page-sales-x-stock .sales-x-stock-cohort-cell strong{display:inline-flex;align-items:center;justify-content:center;margin-top:4px;padding:5px 8px;border-radius:999px;background:#fff;color:#1d75cf;border:1px solid rgba(33,117,207,.18);font-size:10px;font-weight:900}
#page-sales-x-stock .sales-x-stock-cohort-cell:hover{transform:translateY(-2px);box-shadow:inset 0 calc(var(--cohort,0) * -96px) 0 color-mix(in srgb,var(--cohort-color,#159fe5) calc(var(--cohort,0) * 80%),transparent),0 14px 30px rgba(53,59,111,.12)}
#page-sales-x-stock .sales-x-stock-platform-cohort{overflow:auto}
#page-sales-x-stock .sales-x-stock-platform-cohort-grid{
  min-width:860px;
  display:grid;
  grid-template-columns:132px repeat(8,minmax(72px,1fr)) 112px;
  gap:5px;
  align-items:stretch;
}
#page-sales-x-stock .sales-x-stock-platform-corner,
#page-sales-x-stock .sales-x-stock-platform-head,
#page-sales-x-stock .sales-x-stock-platform-name,
#page-sales-x-stock .sales-x-stock-platform-total,
#page-sales-x-stock .sales-x-stock-platform-cell{
  min-width:0;
  border:1px solid rgba(53,59,111,.08);
  border-radius:9px;
}
#page-sales-x-stock .sales-x-stock-platform-corner,
#page-sales-x-stock .sales-x-stock-platform-head{
  padding:7px 8px;
  background:#eef6ff;
  color:#226fba;
  font-size:9.5px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.04em;
  text-align:center;
}
#page-sales-x-stock .sales-x-stock-platform-name{
  display:flex;
  align-items:center;
  padding:8px 10px;
  background:#fff;
  color:#172033;
  font-size:11px;
  font-weight:950;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#page-sales-x-stock .sales-x-stock-platform-cell{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  min-height:38px;
  padding:7px 8px;
  background:rgba(22,159,230,calc(.08 + var(--cohort-alpha,0) * .34));
  color:#102033;
  text-align:left;
}
#page-sales-x-stock .sales-x-stock-platform-cell.empty{background:#f7f9fd;color:#9aa4b7}
#page-sales-x-stock .sales-x-stock-platform-cell b,
#page-sales-x-stock .sales-x-stock-platform-total b{
  font-size:13px;
  font-weight:950;
}
#page-sales-x-stock .sales-x-stock-platform-cell b{
  font-size:11.5px;
}
#page-sales-x-stock .sales-x-stock-platform-cell span,
#page-sales-x-stock .sales-x-stock-platform-total span,
.sales-analysis-age-percent{
  color:#177ddc;
  font-size:10px;
  font-weight:950;
}
#page-sales-x-stock .sales-x-stock-platform-total{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  min-height:38px;
  padding:7px 8px;
  background:#fbfdff;
  text-align:right;
}
#page-sales-x-stock .sales-x-stock-age-category-summary{overflow:hidden}
#page-sales-x-stock .sales-x-stock-age-category-note{
  margin:0 0 10px;
  color:#6b7389;
  font-size:11px;
  font-weight:800;
}
#page-sales-x-stock .sales-x-stock-age-category-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(420px,1fr));
  gap:12px;
}
#page-sales-x-stock .sales-x-stock-age-category-card{
  min-width:0;
  padding:14px;
  border:1px solid rgba(53,59,111,.09);
  border-radius:10px;
  background:linear-gradient(90deg,color-mix(in srgb,var(--rank-color,#159fe5) calc(var(--category-weight,.2) * 20%),#fff) 0%,#fff 72%);
  color:#172033;
  text-align:left;
  cursor:pointer;
  box-shadow:0 10px 22px rgba(53,59,111,.06);
}
#page-sales-x-stock .sales-x-stock-age-category-card:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--rank-color,#159fe5) 42%,rgba(53,59,111,.12));
}
#page-sales-x-stock .sales-x-stock-age-category-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
#page-sales-x-stock .sales-x-stock-age-category-top span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:14px;
  font-weight:950;
}
#page-sales-x-stock .sales-x-stock-age-category-top b{
  color:#177ddc;
  font-size:14px;
  font-weight:950;
}
#page-sales-x-stock .sales-x-stock-age-category-meta{
  margin-top:3px;
  color:#737b92;
  font-size:11.5px;
  font-weight:800;
}
#page-sales-x-stock .sales-x-stock-age-category-buckets{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin-top:12px;
}
#page-sales-x-stock .sales-x-stock-age-category-buckets span{
  min-width:0;
  display:grid;
  grid-template-columns:1fr auto;
  gap:3px 8px;
  align-items:center;
  padding:8px 9px;
  border-radius:9px;
  background:rgba(22,159,230,calc(.06 + var(--bucket-alpha,0) * .22));
}
#page-sales-x-stock .sales-x-stock-age-category-buckets em{
  grid-column:1 / -1;
  color:#6f7890;
  font-size:9.5px;
  font-style:normal;
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#page-sales-x-stock .sales-x-stock-age-category-buckets b{
  font-size:12px;
  font-weight:950;
}
#page-sales-x-stock .sales-x-stock-age-category-buckets i{
  color:#177ddc;
  font-size:11px;
  font-style:normal;
  font-weight:950;
  text-align:right;
}
@media(max-width:980px){
  :is(#page-salesanalysis,#page-sales-x-stock) .sales-analysis-dim-row,
  :is(#page-salesanalysis,#page-sales-x-stock) .sales-analysis-age-grid,
  :is(#page-salesanalysis,#page-sales-x-stock) .sales-analysis-age-layout{
    grid-template-columns:1fr;
  }
  #page-sales-x-stock .sales-x-stock-cards,
  #page-sales-x-stock .sales-x-stock-cards.compact,
  #page-sales-x-stock .sales-x-stock-heatmap,
  #page-sales-x-stock .sales-x-stock-legend,
  #page-sales-x-stock .sales-x-stock-cohort-grid{grid-template-columns:1fr}
  #page-sales-x-stock .sales-x-stock-quadrant{min-height:360px}
}

:root{
  --bg:#f6f7fb;--bg2:rgba(255,255,255,.82);--bg3:#f1f3f8;--card:#fff;--border:rgba(55,61,100,.1);
  --accent:#353b6f;--a2:#ff8f6f;--a3:#48c8a0;--a4:#f5a853;--a5:#58a7f8;
  --text:#26283f;--muted:#a1a5b7;--muted2:#70758d;--sw:256px;--r:20px;
  --fh:'Sora',sans-serif;--fb:'Plus Jakarta Sans',sans-serif;--tr:.25s cubic-bezier(.4,0,.2,1);
  --shadow:0 18px 46px rgba(48,54,95,.10);--shadow2:0 10px 26px rgba(48,54,95,.08);
  --page-bg:linear-gradient(135deg,#f9fbff 0%,#f4f6fb 48%,#fff4ef 100%);
}
[data-theme=dark]{
  --bg:#101221;--bg2:rgba(21,24,42,.86);--bg3:#1d2135;--card:#171b2d;--border:rgba(255,255,255,.09);
  --accent:#8f97ff;--a2:#ff8b9f;--a3:#52d7ad;--a4:#f5b35c;--a5:#67c7ff;
  --text:#f5f6ff;--muted:#6e748f;--muted2:#a5abc2;
  --shadow:0 18px 46px rgba(0,0,0,.25);--shadow2:0 10px 26px rgba(0,0,0,.20);
  --page-bg:linear-gradient(135deg,#101221 0%,#15182a 52%,#211a24 100%);
}
body{
  background:var(--page-bg);
  letter-spacing:0;
}
.sidebar{
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(24px);
  border-right:1px solid rgba(53,59,111,.08);
  box-shadow:16px 0 40px rgba(53,59,111,.07);
}
.s-logo{padding:24px 20px 18px;border-bottom:0}
.s-logo-icon{
  width:52px;height:52px;border-radius:15px;background:#353b6f;color:#fff;
  box-shadow:0 14px 28px rgba(53,59,111,.22);font-size:28px;font-weight:800;
}
.s-logo-icon::after{content:'.';color:var(--a2)}
.s-logo-text{
  font-size:25px;letter-spacing:-.8px;color:var(--text);
  background:none;-webkit-text-fill-color:currentColor;
}
.s-logo-text::after{content:'.';color:var(--a2)}
.s-nav{padding:16px 14px;gap:6px}
.sidebar{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch}
.s-nav{flex:0 0 auto;min-height:auto;overflow:visible!important;padding-bottom:26px;overscroll-behavior:contain}
.dd-body.open{max-height:none}
.s-section{padding:14px 12px 6px;color:#b3b5c4;font-size:10px;letter-spacing:.8px}
.ni{
  min-height:44px;padding:10px 14px;border-radius:16px;color:#9498aa;font-weight:600;font-size:13px;
}
.ni:hover{background:#fff;color:var(--accent);box-shadow:0 10px 24px rgba(53,59,111,.08)}
.ni.active{background:#fff;color:var(--accent);box-shadow:0 14px 32px rgba(53,59,111,.12)}
.ni-icon{
  width:30px;height:30px;border-radius:12px;display:grid;place-items:center;
  background:transparent;color:inherit;font-weight:700;
}
.ni.active .ni-icon{background:rgba(53,59,111,.09)}
.soon-tag{background:#f4f5fb;border:0;color:#a5a8ba}
.s-footer{border-top:0;padding:12px 14px 18px}
.burger{
  background:#fff;border:1px solid var(--border);border-radius:14px;
  box-shadow:0 10px 24px rgba(53,59,111,.08);
}
.burger:hover{background:var(--accent)}
.main{background:transparent}
.topbar{
  height:70px;background:rgba(255,255,255,.7);backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(53,59,111,.08);padding:0 28px;
}
.topbar-title{font-size:16px;font-weight:700;letter-spacing:-.2px}
.ib{
  width:42px;height:42px;border-radius:14px;background:#fff;border:1px solid var(--border);
  color:var(--accent);box-shadow:0 10px 22px rgba(53,59,111,.08);font-weight:700;
}
.ib:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-1px)}
.profile-menu{position:relative}
.profile-btn{
  height:42px;min-width:148px;border-radius:14px;background:#fff;border:1px solid var(--border);
  color:var(--text);box-shadow:0 10px 22px rgba(53,59,111,.08);display:flex;align-items:center;gap:9px;
  padding:6px 10px;cursor:pointer;text-align:left;font-weight:700;
}
.profile-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800;flex:0 0 auto}
.profile-meta{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.profile-name{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:86px}
.profile-role{font-size:9.5px;color:var(--muted2);font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.profile-caret{font-size:13px;color:var(--muted2);margin-left:auto}
.profile-dropdown{
  display:none;position:absolute;right:0;top:calc(100% + 8px);z-index:180;width:220px;background:#fff;
  border:1px solid rgba(53,59,111,.12);border-radius:18px;box-shadow:0 18px 46px rgba(48,54,95,.16);padding:10px;
}
.profile-menu.open .profile-dropdown{display:block}
.profile-head{display:flex;align-items:center;gap:10px;padding:8px 8px 12px;border-bottom:1px solid rgba(53,59,111,.08);margin-bottom:6px}
.profile-head .profile-avatar{width:34px;height:34px}
.profile-head-title{font-size:13px;font-weight:800}
.profile-head-sub{font-size:11px;color:var(--muted2);font-weight:600}
.profile-item{width:100%;border:0;background:transparent;text-align:left;padding:9px 10px;border-radius:12px;color:var(--text);font-size:12px;font-weight:700;cursor:pointer}
.profile-item:hover{background:#f7f8fc;color:var(--accent)}
.content{padding:34px;max-width:1520px}
.ph{margin-bottom:24px}
.pt{font-size:34px;font-weight:800;letter-spacing:-1.1px;color:var(--text)}
.ps{font-size:14px;color:#8a8ea2;margin-top:6px}
.kpi-grid{gap:18px;margin-bottom:26px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.kpi,.cc,.filter-bar,.sbar,.cmp-card,.ai-box{
  border:1px solid rgba(53,59,111,.08);
  box-shadow:var(--shadow2);
}
.kpi{
  border-radius:22px;padding:22px 24px;background:#fff;min-height:126px;
}
.kpi::before{height:4px;border-radius:22px 22px 0 0;background:var(--_c,var(--accent))}
.kpi:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.kpi-lbl{font-size:11px;color:#737890;letter-spacing:.5px;margin-bottom:12px}
.kpi-val{font-size:27px;letter-spacing:-.8px;color:var(--text)}
.kpi-ico{right:22px;top:22px;color:#d4d7e2;opacity:1}
.cg{gap:22px;margin-bottom:24px}.cc{border-radius:24px;padding:24px;background:#fff}
.ch{margin-bottom:18px}.ct{font-size:17px;font-weight:700;letter-spacing:-.4px;color:var(--text)}
.cb canvas{filter:saturate(.92)}
.filter-bar,.sbar{
  border-radius:22px;background:rgba(255,255,255,.84);box-shadow:var(--shadow2);padding:16px 18px;
}
.filter-label,.flbl{color:#8f93a7;font-weight:700}
.filter-tabs{background:#eef0f6;border-radius:14px;padding:4px}
.ftab{border-radius:11px;padding:8px 16px;color:#8d91a6;font-weight:600}
.ftab.active{background:var(--accent);box-shadow:0 8px 18px rgba(53,59,111,.18)}
.tiktok-filter-panel{display:grid;grid-template-columns:auto minmax(260px,max-content) auto 1fr;gap:14px 22px;align-items:center}
.tiktok-filter-panel .filter-tabs{width:max-content}
.tiktok-filter-panel .filter-row{width:auto;gap:12px;align-items:center}
.tiktok-filter-panel .filter-row .fsel{min-width:190px}
.tiktok-filter-panel .period-row{grid-column:1/-1;border-top:1px solid var(--border);padding-top:14px}
@media(max-width:1100px){.tiktok-filter-panel{grid-template-columns:auto 1fr}.tiktok-filter-panel .period-row{grid-column:1/-1}}
@media(max-width:860px){.tiktok-filter-panel{grid-template-columns:1fr}.tiktok-filter-panel .filter-tabs{width:100%}.tiktok-filter-panel .filter-row{width:100%}.tiktok-filter-panel .filter-row .fsel{width:100%;min-width:0}}
.finp,.fsel{
  background:#f7f8fc;border:1px solid rgba(53,59,111,.12);border-radius:14px;
  min-height:42px;color:var(--text);font-weight:500;
}
.finp:focus,.fsel:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(53,59,111,.08)}
.multi-select{min-height:76px;min-width:190px;line-height:1.35}
.multi-hint{font-size:10.5px;color:var(--muted2);align-self:flex-end;margin-bottom:7px}
.multi-check{position:relative;min-width:230px}
.multi-check-btn{
  width:100%;min-height:42px;padding:5px 14px;border-radius:14px;border:1px solid rgba(53,59,111,.12);
  background:#f7f8fc;color:var(--text);font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:12px;
  cursor:pointer;text-align:left;
}
.multi-check.open .multi-check-btn{border-color:var(--accent);box-shadow:0 0 0 4px rgba(53,59,111,.08)}
.sales-analysis-filter .multi-check-btn{
  min-height:42px;
  padding:8px 14px;
  font-size:13px;
  font-weight:600;
}
.sales-analysis-filter .multi-check-arrow{font-size:12px}
#page-salesanalysis .sales-dash-unified-row{
  width:100%;
  grid-template-columns:36px minmax(0,1fr);
  justify-content:stretch;
}
#page-salesanalysis .sales-analysis-filter{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:10px;
  width:100%;
}
#page-salesanalysis .sales-analysis-dim-row{
  display:grid;
  grid-template-columns:repeat(5,minmax(132px,1fr));
  gap:8px;
  padding-top:8px;
  border-top:1px solid rgba(53,59,111,.08);
}
#page-salesanalysis .sales-dash-field{
  margin-top:0;
  min-width:0;
}
#page-salesanalysis .sales-dash-field>span{
  font-size:10px;
  line-height:1.1;
}
#page-salesanalysis .sales-analysis-filter .multi-check-btn{
  min-height:34px;
  padding:6px 11px;
  border-radius:11px;
  font-size:12px;
}
#page-salesanalysis .sales-analysis-filter .multi-check{
  min-width:0;
}
#page-salesanalysis .sales-date-card{
  width:100%;
}
#page-salesanalysis .sales-dash-field .multi-check,
#page-salesanalysis .sales-dash-field .multi-check-btn{
  width:100%;
}
#page-salesanalysis .sales-dash-advanced-menu{
  width:310px;
}
#page-salesanalysis .sales-date-card-wrap{
  min-width:0;
}
#page-salesanalysis .sales-date-panel{
  width:min(375px,calc(100vw - 48px));
}
@media(max-width:980px){
  #page-salesanalysis .sales-analysis-dim-row{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:640px){
  #page-salesanalysis .sales-analysis-dim-row{
    grid-template-columns:1fr;
  }
}
#page-salesanalysis .tw{
  border:1px solid rgba(53,59,111,.10);
  border-radius:10px!important;
  background:#fff;
  box-shadow:none!important;
}
#page-salesanalysis table{
  min-width:100%;
  border-collapse:separate;
  border-spacing:0;
  font-size:12px;
}
#page-salesanalysis .cg2 table{
  min-width:560px;
}
#page-salesanalysis .cg:not(.cg2) table{
  min-width:780px;
}
#page-salesanalysis .cc.full table{
  min-width:920px;
}
#page-salesanalysis thead,
#page-salesanalysis thead th{
  background:linear-gradient(90deg,#169fe6,#2681eb)!important;
}
#page-salesanalysis th{
  padding:12px 14px!important;
  color:#fff!important;
  font-size:10.5px!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  text-align:right;
  text-transform:uppercase;
  border-bottom:0!important;
}
#page-salesanalysis th.sortable{
  padding-right:34px!important;
}
#page-salesanalysis th.sortable::after{
  right:14px;
}
#page-salesanalysis th:first-child{
  text-align:left;
}
#page-salesanalysis td{
  padding:12px 14px!important;
  border-bottom:1px solid #dfe7f1!important;
  background:#fff!important;
  color:#142235!important;
  font-weight:400!important;
  text-align:right;
}
#page-salesanalysis td:first-child{
  text-align:left;
  font-weight:700!important;
}
#page-salesanalysis tbody td:not(:first-child) b,
#page-salesanalysis tbody td:not(:first-child) strong{
  font-weight:400!important;
}
#page-salesanalysis tbody tr:nth-child(even) td{
  background:#fbfdff!important;
}
#page-salesanalysis tbody tr:hover td{
  background:#f2f8ff!important;
}
#page-salesanalysis tbody tr:last-child td{
  border-bottom:0!important;
}
#page-salesanalysis th.sortable::after{color:rgba(255,255,255,.78)!important}
#page-salesanalysis .sales-analysis-module-card{
  overflow:visible;
}
#page-salesanalysis .sales-analysis-stage-pending{
  opacity:.62;
  transform:translateY(10px);
}
#page-salesanalysis .sales-analysis-stage-ready{
  animation:salesAnalysisStageIn .34s ease both;
}
@keyframes salesAnalysisStageIn{
  from{opacity:.35;transform:translateY(12px)}
  to{opacity:1;transform:translateY(0)}
}
#page-salesanalysis .sales-analysis-stage-skeleton{
  position:relative;
  overflow:hidden;
  color:#8a91a8;
  background:linear-gradient(90deg,#f7faff 0%,#eef5fb 42%,#f7faff 100%);
}
#page-salesanalysis .sales-analysis-stage-skeleton::after{
  content:"";
  position:absolute;
  inset:0;
  transform:translateX(-100%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
  animation:salesAnalysisSkeletonSweep 1.15s ease-in-out infinite;
}
@keyframes salesAnalysisSkeletonSweep{
  to{transform:translateX(100%)}
}
#page-salesanalysis .sales-analysis-detail-toggle{
  min-width:76px;
}
#page-salesanalysis .sales-analysis-module-layout{
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(260px,.72fr);
  gap:16px;
  align-items:stretch;
  height:430px;
}
#page-salesanalysis .sales-analysis-module-layout.sales-analysis-table-collapsed{
  grid-template-columns:1fr;
  height:auto;
}
#page-salesanalysis .sales-analysis-module-layout.sales-analysis-table-collapsed .sales-analysis-module-side{
  grid-template-columns:minmax(260px,.45fr) minmax(0,1fr);
  grid-template-rows:auto;
  align-items:stretch;
}
#page-salesanalysis .sales-analysis-module-layout.sales-analysis-table-collapsed .sales-analysis-city-side{
  grid-template-columns:minmax(280px,560px) minmax(0,1fr);
}
#page-salesanalysis .sales-analysis-city-left{
  min-width:0;
  display:grid;
  gap:14px;
  align-content:start;
}
#page-salesanalysis .sales-analysis-module-table{
  min-width:0;
  min-height:0;
  height:100%;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
#page-salesanalysis .sales-analysis-table-panel[hidden]{
  display:none!important;
}
#page-salesanalysis .sales-analysis-module-table .tw{
  flex:1 1 auto;
  height:100%;
  min-height:100%;
  max-height:none!important;
  overflow:auto!important;
}
#page-salesanalysis .sales-analysis-module-side{
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  gap:14px;
}
#page-salesanalysis .module-aov-kpi,
#page-salesanalysis .module-donut-card{
  min-width:0;
  border:1px solid rgba(53,59,111,.10);
  border-radius:14px;
  background:#fff;
  box-shadow:0 10px 24px rgba(53,59,111,.06);
}
#page-salesanalysis .module-aov-kpi{
  position:relative;
  padding:0;
  min-height:126px;
  overflow:hidden;
}
#page-salesanalysis .module-kpi-track{
  height:100%;
  display:flex;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
#page-salesanalysis .module-kpi-track::-webkit-scrollbar{
  display:none;
}
#page-salesanalysis .module-kpi-slide{
  min-width:100%;
  flex:0 0 100%;
  scroll-snap-align:start;
  padding:16px 16px 28px;
  box-sizing:border-box;
}
#page-salesanalysis .module-kpi-label{
  margin-bottom:8px;
  color:#7b8499;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
#page-salesanalysis .module-kpi-title{
  color:#11182d;
  font-size:17px;
  font-weight:900;
  line-height:1.15;
}
#page-salesanalysis .module-kpi-value{
  margin-top:12px;
  color:#169fe6;
  font-size:28px;
  font-weight:900;
  line-height:1;
}
#page-salesanalysis .module-kpi-meta{
  margin-top:9px;
  color:#69758c;
  font-size:11px;
  font-weight:700;
  line-height:1.4;
}
#page-salesanalysis .module-kpi-dots{
  position:absolute;
  left:0;
  right:0;
  bottom:10px;
  display:flex;
  justify-content:center;
  gap:7px;
  pointer-events:none;
}
#page-salesanalysis .module-kpi-dots button{
  width:7px;
  height:7px;
  padding:0;
  border:0;
  border-radius:999px;
  background:#d7deeb;
  cursor:pointer;
  pointer-events:auto;
}
#page-salesanalysis .module-kpi-dots button.active{
  width:18px;
  background:#169fe6;
}
#page-salesanalysis .module-aov-empty{
  min-height:96px;
  display:grid;
  place-items:center;
  color:#8a91a8;
  font-size:12px;
  font-weight:800;
}
#page-salesanalysis .module-donut-card{
  padding:14px;
  min-height:0;
  overflow:hidden;
}
#page-salesanalysis .module-donut-title{
  margin-bottom:8px;
  color:#11182d;
  font-size:13px;
  font-weight:900;
}
#page-salesanalysis .module-donut-wrap{
  display:grid;
  grid-template-columns:minmax(140px,190px) minmax(0,1fr);
  gap:12px;
  align-items:center;
}
#page-salesanalysis .module-donut-split{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  align-items:start;
}
#page-salesanalysis .module-donut-split.city{
  grid-template-columns:1fr;
  gap:18px;
}
#page-salesanalysis .module-donut-panel{
  min-width:0;
}
#page-salesanalysis .module-donut-split .module-donut-title{
  font-size:12px;
}
#page-salesanalysis .module-donut-split .module-donut-wrap{
  grid-template-columns:minmax(112px,150px) minmax(0,1fr);
  gap:10px;
}
#page-salesanalysis .module-donut-split .module-donut-svg{
  max-width:150px;
}
#page-salesanalysis .module-donut-split .module-donut-total{
  font-size:18px;
}
#page-salesanalysis .module-donut-split .module-donut-row{
  grid-template-columns:8px minmax(0,1fr) 38px;
  gap:6px;
  font-size:11px;
}
#page-salesanalysis .module-donut-split.city .module-donut-wrap{
  grid-template-columns:minmax(150px,190px) minmax(0,1fr);
}
#page-salesanalysis .module-donut-split.city .module-donut-svg{
  max-width:190px;
}
#page-salesanalysis .module-donut-split.city .module-donut-row{
  grid-template-columns:8px minmax(0,1fr) 48px;
  font-size:12px;
}
#page-salesanalysis .module-donut-svg{
  width:100%;
  max-width:190px;
  height:auto;
  overflow:visible;
}
#page-salesanalysis .module-donut-total{
  fill:#22283b;
  font-size:21px;
  font-weight:900;
}
#page-salesanalysis .module-donut-caption{
  fill:#8a91a8;
  font-size:10px;
  font-weight:800;
}
#page-salesanalysis .module-donut-legend{
  display:grid;
  gap:5px;
  align-content:center;
}
#page-salesanalysis .module-donut-row{
  display:grid;
  grid-template-columns:9px minmax(0,1fr) 42px;
  gap:7px;
  align-items:center;
  color:#29334a;
  font-size:10.5px;
  font-weight:800;
}
#page-salesanalysis .module-donut-row i{
  width:8px;
  height:8px;
  border-radius:50%;
}
#page-salesanalysis .module-donut-row span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#page-salesanalysis .module-donut-row b{
  color:#11182d;
  font-weight:800!important;
  text-align:right;
}
#page-salesanalysis .sales-analysis-visual-bars{
  display:grid;
  gap:9px;
  min-width:0;
}
#page-salesanalysis .sales-analysis-visual-bar{
  min-width:0;
}
#page-salesanalysis .sales-analysis-visual-bar-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  margin-bottom:5px;
  color:#11182d;
  font-size:12px;
  font-weight:900;
}
#page-salesanalysis .sales-analysis-visual-bar-head span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#page-salesanalysis .sales-analysis-visual-bar-head b{
  color:#11182d;
  font-weight:900!important;
}
#page-salesanalysis .sales-analysis-visual-track{
  height:10px;
  border-radius:999px;
  background:#eef2f7;
  overflow:hidden;
}
#page-salesanalysis .sales-analysis-visual-fill{
  height:100%;
  min-width:3px;
  border-radius:999px;
  background:#169fe6;
}
#page-salesanalysis .sales-analysis-visual-meta{
  margin-top:4px;
  color:#7b8499;
  font-size:10.5px;
  font-weight:800;
}
[data-theme=dark] #page-salesanalysis .module-aov-kpi,
[data-theme=dark] #page-salesanalysis .module-donut-card{
  background:var(--card);
  border-color:var(--border);
}
[data-theme=dark] #page-salesanalysis .sales-analysis-stage-skeleton{
  background:linear-gradient(90deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,.08) 42%,rgba(255,255,255,.04) 100%);
}
[data-theme=dark] #page-salesanalysis .module-kpi-title,
[data-theme=dark] #page-salesanalysis .module-donut-title,
[data-theme=dark] #page-salesanalysis .module-donut-total,
[data-theme=dark] #page-salesanalysis .module-donut-row,
[data-theme=dark] #page-salesanalysis .module-donut-row b,
[data-theme=dark] #page-salesanalysis .sales-analysis-visual-bar-head,
[data-theme=dark] #page-salesanalysis .sales-analysis-visual-bar-head b{
  color:var(--text);
  fill:var(--text);
}
[data-theme=dark] #page-salesanalysis .module-donut-caption{
  fill:var(--muted2);
}
[data-theme=dark] #page-salesanalysis .sales-analysis-visual-track,
[data-theme=dark] #page-salesanalysis .module-donut-svg circle{
  background:var(--bg3);
  stroke:var(--bg3);
}
#page-salesanalysis .sales-analysis-age-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
#page-salesanalysis .sales-analysis-age-card{
  overflow:hidden;
}
#page-salesanalysis .sales-analysis-age-layout{
  display:grid;
  grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);
  gap:16px;
  align-items:stretch;
}
#page-salesanalysis .sales-analysis-age-bars{
  display:grid;
  gap:10px;
  align-content:start;
  min-width:0;
}
#page-salesanalysis .sales-analysis-age-bar{
  min-width:0;
}
#page-salesanalysis .sales-analysis-age-bar-top{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  margin-bottom:5px;
  color:#11182d;
  font-size:12px;
  font-weight:900;
}
#page-salesanalysis .sales-analysis-age-bar-top span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#page-salesanalysis .sales-analysis-age-track{
  height:10px;
  border-radius:999px;
  background:#eef2f7;
  overflow:hidden;
}
#page-salesanalysis .sales-analysis-age-fill{
  height:100%;
  min-width:3px;
  border-radius:999px;
  background:#169fe6;
}
#page-salesanalysis .sales-analysis-age-kpi{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-bottom:12px;
}
#page-salesanalysis .sales-analysis-age-mini{
  min-width:0;
  padding:10px 11px;
  border:1px solid rgba(53,59,111,.10);
  border-radius:12px;
  background:#f8fbff;
}
#page-salesanalysis .sales-analysis-age-mini span{
  display:block;
  color:#7b8499;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
}
#page-salesanalysis .sales-analysis-age-mini b{
  display:block;
  margin-top:4px;
  color:#11182d;
  font-size:15px;
  font-weight:900;
  line-height:1.15;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#page-salesanalysis .sales-analysis-age-muted{
  color:#7b8499;
  font-size:11px;
  font-weight:800;
}
#page-salesanalysis .sales-analysis-ssr-age{
  min-width:112px;
  line-height:1.25;
}
#page-salesanalysis .sales-analysis-ssr-age b{
  display:block;
  font-weight:900;
}
#page-salesanalysis .sales-analysis-age-grid .tw{
  min-width:0;
}
@media(max-width:1080px){
  #page-salesanalysis .sales-analysis-module-layout{
    grid-template-columns:1fr;
    height:auto;
  }
  #page-salesanalysis .sales-analysis-module-layout.sales-analysis-table-collapsed .sales-analysis-module-side{
    grid-template-columns:1fr;
  }
  #page-salesanalysis .sales-analysis-module-layout.sales-analysis-table-collapsed .sales-analysis-city-side{
    grid-template-columns:1fr;
  }
  #page-salesanalysis .sales-analysis-age-grid,
  #page-salesanalysis .sales-analysis-age-layout{
    grid-template-columns:1fr;
  }
}
@media(max-width:640px){
  #page-salesanalysis .module-donut-wrap{
    grid-template-columns:1fr;
  }
  #page-salesanalysis .module-donut-split{
    grid-template-columns:1fr;
  }
  #page-salesanalysis .module-donut-split .module-donut-wrap{
    grid-template-columns:minmax(120px,150px) minmax(0,1fr);
  }
  #page-salesanalysis .module-donut-svg{
    margin:auto;
  }
  #page-salesanalysis .sales-analysis-age-kpi{
    grid-template-columns:1fr;
  }
}
@media (prefers-reduced-motion:reduce){
  #page-salesanalysis .sales-analysis-stage-ready{
    animation:none;
  }
  #page-salesanalysis .sales-analysis-stage-skeleton::after{
    animation:none;
  }
}
.sales-dash-filter{display:flex;flex-direction:column;align-items:stretch}
.sales-dash-filter-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sales-dash-filter-row+.sales-dash-filter-row{padding-top:10px;border-top:1px solid rgba(53,59,111,.08)}
.sales-dash-filter .multi-check{min-width:176px}
.sales-dash-filter .multi-check-btn{
  min-height:36px;
  padding:6px 12px;
  border-radius:12px;
  font-size:12px;
  font-weight:600;
}
.sales-dash-unified-filter{
  padding:10px!important;
  overflow:visible!important;
  border:1px solid rgba(99,148,220,.16);
  background:rgba(255,255,255,.92);
}
.sales-dash-unified-row{
  display:grid;
  grid-template-columns:36px minmax(220px,1fr) minmax(220px,1fr);
  gap:8px;
  align-items:center;
}
.sales-dash-hidden-inputs{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
.sales-dash-advanced{
  position:relative;
  display:flex;
  align-items:center;
}
.sales-filter-orb{
  width:36px;
  min-width:36px;
  height:36px;
  border:0;
  border-radius:12px;
  color:#fff;
  background:linear-gradient(135deg,#2385f4,#12b7cc);
  box-shadow:0 9px 20px rgba(35,133,244,.20);
  font-size:17px;
  font-weight:900;
  cursor:pointer;
}
.sales-filter-orb:hover{transform:translateY(-1px)}
.sales-dash-advanced-menu{
  display:none;
  position:absolute;
  top:calc(100% + 10px);
  left:0;
  z-index:140;
  width:320px;
  padding:14px;
  border:1px solid rgba(68,113,190,.16);
  border-radius:18px;
  background:#fff;
  box-shadow:0 22px 58px rgba(34,48,83,.18);
}
.sales-dash-advanced.open .sales-dash-advanced-menu{display:block}
.sales-dash-advanced-title{
  margin:0 0 10px;
  color:#11182d;
  font-size:13px;
  font-weight:900;
}
.sales-dash-field{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-top:10px;
}
.sales-dash-field>span{
  color:#7f879c;
  font-size:10px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.sales-dash-field .fsel,
.sales-dash-field .multi-check{width:100%;min-width:0}
.sales-platform-unified-filter{
  margin-bottom:14px;
}
.sales-platform-unified-filter>.filter-label,
.sales-platform-unified-filter>.filter-tabs,
.sales-platform-unified-filter>.sales-platform-range,
.sales-platform-unified-filter>.sales-platform-period,
.sales-platform-unified-filter>.sales-platform-compare,
.sales-platform-unified-filter>.sales-platform-compare-range{
  display:none!important;
}
.sales-platform-unified-row{
  width:100%;
}
.sales-platform-store-slot .fsel{
  width:100%;
  min-width:0;
  padding:8px 10px!important;
  font-size:12px!important;
}
.sales-platform-advanced .sales-dash-advanced-menu{
  max-height:min(72vh,680px);
  overflow:auto;
}
.sales-platform-advanced .multi-check-menu{
  max-height:220px;
  overflow:auto;
}
.ads-platform-mode-row,
.ads-platform-dim-row{
  display:none!important;
}
.ads-platform-unified-filter{
  margin-bottom:14px;
}
.ads-platform-unified-filter>.filter-label,
.ads-platform-unified-filter>.ads-detail-range,
.ads-platform-unified-filter>select.fsel,
.ads-platform-unified-filter>.period-picker{
  display:none!important;
}
.ads-platform-unified-row{
  width:100%;
}
.ads-platform-filter-slot .multi-check{
  width:100%;
  min-width:0;
}
.ads-platform-advanced .sales-dash-advanced-menu{
  max-height:min(72vh,680px);
  overflow:auto;
}
.ads-platform-advanced .multi-check-menu{
  max-height:220px;
  overflow:auto;
}
.sales-date-card-wrap{
  position:relative;
  min-width:0;
}
.sales-date-card{
  width:100%;
  min-height:36px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:6px 9px;
  border:1px solid rgba(72,141,232,.26);
  border-radius:12px;
  background:linear-gradient(180deg,#fff,#fbfdff);
  box-shadow:0 8px 22px rgba(57,86,143,.07);
  color:#141b31;
  cursor:pointer;
  text-align:left;
}
.sales-date-card:hover,
.sales-date-card-wrap.open .sales-date-card{
  border-color:#67aaf3;
  box-shadow:0 0 0 4px rgba(44,125,244,.08),0 12px 28px rgba(57,86,143,.10);
}
.sales-date-icon{
  width:26px;
  height:26px;
  flex:0 0 26px;
  display:grid;
  place-items:center;
  border-radius:10px;
  color:#fff;
  background:linear-gradient(135deg,#2b7df5,#13b4cc);
  font-size:0;
  box-shadow:0 8px 16px rgba(44,125,244,.20);
}
.sales-date-icon::before{
  content:"";
  width:12px;
  height:12px;
  border:2px solid currentColor;
  border-radius:5px;
  box-sizing:border-box;
  box-shadow:inset 0 6px 0 rgba(255,255,255,.22);
}
.sales-date-icon.compare{background:linear-gradient(135deg,#705dff,#3f83ff)}
.sales-date-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:1px;
}
.sales-date-eyebrow{
  color:#7d879d;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.sales-date-copy b{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#121a30;
  font-size:12px;
  line-height:1.15;
  font-weight:900;
}
.sales-date-copy em{
  display:none;
}
.sales-date-caret{
  margin-left:auto;
  color:#4979e9;
  font-size:14px;
  font-weight:900;
}
.sales-date-card-wrap.open .sales-date-caret{transform:rotate(180deg)}
.sales-date-panel{
  display:none;
  position:absolute;
  top:calc(100% + 5px);
  left:0;
  z-index:130;
  width:min(375px,calc(100vw - 48px));
  padding:8px;
  border:1px solid rgba(81,145,236,.24);
  border-radius:14px;
  background:#fff;
  box-shadow:0 18px 48px rgba(35,48,84,.18);
}
.sales-date-panel.compare{left:auto;right:0}
.sales-date-card-wrap.open .sales-date-panel{display:block}
#page-dashboard .sales-dash-advanced-menu{
  max-height:min(72vh,680px);
  overflow:auto;
}
#page-dashboard .sales-dash-advanced-menu .multi-check-menu{
  max-height:220px;
  overflow:auto;
}
.sales-date-panel-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  padding:3px;
  border-radius:12px;
  background:#eef4fb;
  margin-bottom:8px;
}
.sales-date-panel-tabs button{
  border:0;
  border-radius:9px;
  min-height:26px;
  background:transparent;
  color:#637087;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
.sales-date-panel-tabs button.active{
  background:#fff;
  color:#2f76ec;
  box-shadow:0 8px 18px rgba(68,113,190,.10);
}
.sales-date-panel-range{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-bottom:8px;
}
.sales-date-display{
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:8px 10px;
  border:1px solid rgba(53,59,111,.12);
  border-radius:12px;
  background:#fbfdff;
}
.sales-date-display span{
  color:#7c869b;
  font-size:8px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.sales-date-display b{
  color:#152033;
  font-size:13px;
  font-weight:900;
}
.sales-cal-head{
  display:grid;
  grid-template-columns:30px minmax(87px,1fr) 63px 30px;
  gap:4px;
  align-items:center;
  padding:5px;
  border:1px solid rgba(53,59,111,.10);
  border-radius:12px;
  background:#fbfdff;
  margin-bottom:8px;
}
.sales-cal-head button,
.sales-cal-head select,
.sales-cal-head input{
  min-height:27px;
  border:1px solid rgba(53,59,111,.12);
  border-radius:9px;
  background:#fff;
  color:#142033;
  font-weight:900;
}
.sales-cal-head button{font-size:12px;cursor:pointer}
.sales-cal-head select,.sales-cal-head input{padding:0 7px;font-size:12px}
.sales-month-year{
  display:grid;
  grid-template-columns:30px minmax(87px,1fr) 30px;
  gap:4px;
  align-items:center;
  padding:5px;
  border:1px solid rgba(53,59,111,.10);
  border-radius:12px;
  background:#fbfdff;
  margin-bottom:8px;
}
.sales-month-year button,
.sales-month-year select{
  min-height:27px;
  border:1px solid rgba(53,59,111,.12);
  border-radius:9px;
  background:#fff;
  color:#142033;
  font-weight:900;
}
.sales-month-year button{font-size:12px;cursor:pointer}
.sales-month-year select{padding:0 7px;font-size:12px}
.sales-cal-grid{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:3px;
}
.sales-cal-week{
  padding:3px 0 2px;
  color:#6f7a90;
  text-align:center;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
}
.sales-cal-day{
  min-height:21px;
  border:0;
  border-radius:8px;
  background:#edf5ff;
  color:#2f76ec;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}
.sales-cal-day:hover{background:#dcecff}
.sales-cal-day.muted{background:transparent;color:#aab3c4}
.sales-cal-day.inside{background:#dcecff}
.sales-cal-day.selected{
  background:linear-gradient(135deg,#2f76ec,#15afd0);
  color:#fff;
  box-shadow:0 8px 18px rgba(47,118,236,.22);
}
.sales-month-panel{padding-top:2px}
.sales-month-tools{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  margin:0 3px 8px;
  color:#667188;
  font-size:10px;
  font-weight:800;
}
.sales-month-tools button{
  border:0;
  background:transparent;
  color:#2f76ec;
  font-size:10px;
  font-weight:900;
  cursor:pointer;
}
.sales-month-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:5px;
}
.sales-month-option{
  min-height:24px;
  display:flex;
  align-items:center;
  gap:5px;
  padding:4px 7px;
  border:1px solid rgba(76,125,204,.18);
  border-radius:9px;
  background:#f8fbff;
  color:#1b2741;
  font-size:10px;
  font-weight:900;
  cursor:pointer;
}
.sales-month-option input{width:12px;height:12px;margin:0;accent-color:#2f76ec}
.sales-month-option.active{
  border-color:rgba(47,118,236,.38);
  background:#e9f3ff;
  color:#2f76ec;
}
@media(max-width:900px){
  .sales-dash-unified-row{grid-template-columns:1fr}
  .sales-dash-advanced{align-items:flex-start}
  .sales-filter-orb{width:36px;min-width:36px;height:36px}
  .sales-date-panel,.sales-date-panel.compare{left:0;right:auto;width:min(375px,calc(100vw - 32px))}
  .sales-date-panel-range{grid-template-columns:1fr}
  .sales-month-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.sales-date-range{display:none;align-items:center;gap:6px}
.sales-date-range.show{display:flex}
.sales-date-range .finp{padding:5px 8px;font-size:12px;min-height:36px;max-width:142px}
.ads-detail-range{align-items:center;gap:6px;flex-wrap:nowrap}
.period-select-wrap{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}
.period-select-wrap.hide{display:none}
.period-select-actions{display:none;gap:6px;align-items:center;padding-top:2px}
.period-select-actions.show{display:none}
.period-select-actions button{border:1px solid var(--border);background:#fff;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:700;color:var(--text);cursor:pointer}
.period-select-actions button:hover{border-color:var(--accent);color:var(--accent)}
.period-native-hidden{display:none!important}
.period-picker{position:relative;min-width:180px}
.period-picker-btn{
  min-height:36px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;
  border:1px solid var(--border);background:#f8f9fc;border-radius:12px;padding:7px 12px;
  font-size:12px;font-weight:700;color:var(--text);cursor:pointer;
}
.period-picker.open .period-picker-btn{border-color:var(--accent);box-shadow:0 0 0 4px rgba(53,59,111,.08)}
.period-picker-menu{
  display:none;position:absolute;left:0;top:calc(100% + 8px);z-index:90;min-width:100%;width:max-content;max-width:260px;
  max-height:280px;overflow:auto;background:#fff;border:1px solid rgba(53,59,111,.12);
  border-radius:16px;box-shadow:0 18px 46px rgba(48,54,95,.16);padding:8px;
}
.period-picker.open .period-picker-menu{display:block}
.period-picker .multi-check-actions{position:sticky;top:0;z-index:1;background:#fff}
.period-picker .multi-check-option span{white-space:nowrap}
.sales-platform-range{display:none;align-items:center;gap:6px;flex-wrap:wrap}
.sales-platform-range.show{display:flex}
.sales-platform-range .finp{padding:5px 8px;font-size:12px;min-height:34px;max-width:142px}
.sales-platform-period,.sales-platform-compare{display:flex;align-items:center;gap:8px}
.sales-platform-period.hide,.sales-platform-compare.hide{display:none}
.sales-platform-extra-filter{margin-top:10px;display:flex;flex-direction:column;align-items:stretch;gap:10px}
.sales-platform-extra-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sales-platform-store-slot{display:flex}
.sales-platform-extra-filter .fsel{padding:5px 10px;font-size:12px;min-width:150px}
.sales-platform-extra-filter .multi-check{min-width:180px}
.sales-platform-extra-filter .multi-check-btn{min-height:34px;padding:5px 10px;font-size:12px}
.sales-platform-extra-filter .multi-check-menu{max-height:240px}
.sales-platform-compare-range,.sales-platform-compare-month{display:none;align-items:center;gap:6px}
.sales-platform-compare-range.show,.sales-platform-compare-month.show{display:flex}
.sales-platform-compare-range .finp,.sales-platform-compare-month .finp{padding:5px 8px;font-size:12px;min-height:34px;max-width:142px}
.sales-store-loading{font-size:11px;font-weight:700;color:var(--muted2);margin-left:-6px}
.fsel.is-loading{box-shadow:0 0 0 3px rgba(53,59,111,.08)}
.sales-dash-filter .multi-check-arrow{font-size:12px}
.multi-check-arrow{font-size:18px;line-height:1;color:var(--text)}
.multi-check-menu{
  display:none;position:absolute;left:0;top:calc(100% + 8px);z-index:80;width:100%;max-height:260px;overflow:auto;
  background:#fff;border:1px solid rgba(53,59,111,.12);border-radius:16px;box-shadow:0 18px 46px rgba(48,54,95,.16);padding:8px;
}
.multi-check-menu.multi-check-floating{
  position:fixed!important;
  z-index:320!important;
  overflow:auto;
  overscroll-behavior:contain;
}
.multi-check.open .multi-check-menu{display:block}
.multi-check-actions{display:flex;gap:6px;padding:0 0 6px;margin-bottom:4px;border-bottom:1px solid rgba(53,59,111,.08)}
.multi-check-actions button{flex:1;border:1px solid rgba(53,59,111,.12);background:#fff;border-radius:9px;padding:7px 8px;font-size:11px;font-weight:800;color:var(--accent);cursor:pointer}
.multi-check-actions button:hover{background:#f7f8fc}
.multi-check-option{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:10px;font-size:12.5px;font-weight:600;color:var(--text);cursor:pointer}
.multi-check-option:hover{background:#f7f8fc}
.multi-check-option input{width:16px;height:16px;accent-color:var(--accent)}
.sales-analysis-filter .multi-check-menu{min-width:280px}
.sales-analysis-filter #salesAnalysisCategory .multi-check-menu{min-width:340px}
.sales-analysis-filter .multi-check-option span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.multi-check-empty{padding:12px;color:var(--muted2);font-size:12px}
.btn{border-radius:14px;font-weight:700}.btn-p{background:var(--accent)}.btn-p:hover{background:#2d3261}
.btn-s{background:#fff;border:1px solid var(--border)}.btn-d{background:#ff6f8b}
.tw{
  background:#fff;border:1px solid rgba(53,59,111,.08);border-radius:22px;box-shadow:var(--shadow2);
}
.dash-summary-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;flex-wrap:wrap}
.dash-summary-title{font-family:var(--fh);font-size:16px;font-weight:800;letter-spacing:-.35px;color:var(--text)}
.dash-kpi-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dash-summary-table{margin-bottom:22px;border-radius:18px;max-height:360px}
.dash-summary-table table{min-width:1320px;font-size:12px}
.dash-summary-table th{background:#3279b7;color:#fff;font-size:11px;padding:9px 12px;text-align:right}
.dash-summary-table th:first-child,.dash-summary-table td:first-child{text-align:left;font-weight:800;position:sticky;left:0;z-index:3}
.dash-summary-table th:first-child{background:#3279b7;z-index:4}
.dash-summary-table td{padding:8px 12px;text-align:right;font-weight:600;color:#163235}
.dash-summary-table td:first-child{background:inherit;color:#153335}
.dash-summary-table tbody tr:nth-child(1){background:#fff9e8}
.dash-summary-table tbody tr:nth-child(2){background:#ddd6ef}
.dash-summary-table tbody tr:nth-child(3){background:#d8d8d8}
.dash-summary-table tbody tr:nth-child(n+4){background:#d8e6fb}
.dash-summary-table tbody tr.dash-total-row{background:#203a67!important}
.dash-summary-table tbody tr.dash-total-row td{color:#fff;font-weight:900}
.platform-summary-table{margin-bottom:22px;max-height:340px}
.platform-summary-table table{min-width:1620px}
.platform-summary-table th:first-child,.platform-summary-table td:first-child{min-width:105px}
.platform-summary-table th:nth-child(2),.platform-summary-table td:nth-child(2){min-width:220px;text-align:left;font-weight:800;position:sticky;left:105px;z-index:3}
.platform-summary-table th:nth-child(2){background:#3279b7;color:#fff;z-index:4}
.platform-summary-table td:nth-child(2){background:inherit;color:#153335}
.platform-summary-table .platform-name{font-weight:900;color:#244070}
.social-summary-table table{min-width:1280px}
.social-summary-table th:first-child,.social-summary-table td:first-child{min-width:220px}
.platform-summary-table,
.social-summary-table{
  border-radius:14px!important;
  border:1px solid rgba(53,59,111,.10);
  box-shadow:var(--shadow2);
  overflow:auto;
}
.platform-summary-table thead,
.social-summary-table thead{
  position:sticky;
  top:0;
  z-index:8;
}
.platform-summary-table th,
.platform-summary-table th:first-child,
.platform-summary-table th:nth-child(2),
.social-summary-table th,
.social-summary-table th:first-child{
  background:linear-gradient(90deg,#169fe6,#2681eb)!important;
  color:#fff!important;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.platform-summary-table tbody tr.dash-total-row,
.platform-summary-table tbody tr.dash-total-row td,
.platform-summary-table tbody tr.dash-total-row td:first-child,
.platform-summary-table tbody tr.dash-total-row td:nth-child(2),
.social-summary-table tbody tr.dash-total-row,
.social-summary-table tbody tr.dash-total-row td,
.social-summary-table tbody tr.dash-total-row td:first-child{
  background:#203a67!important;
  color:#fff!important;
  font-weight:900!important;
}
.dash-kpi-hidden #dash-kpi{display:none}
.platform-kpi-hidden .platform-kpi-grid{display:none}
#page-dashboard .dash-donut-shell{
  min-height:190px;
  height:100%;
  display:grid;
  grid-template-columns:minmax(112px,145px) minmax(150px,1fr);
  gap:14px;
  align-items:center;
  justify-content:center;
  padding:0 2px;
}
#page-dashboard .dash-donut-svg{
  width:100%;
  max-width:145px;
  height:auto;
  overflow:visible;
  filter:drop-shadow(0 12px 22px rgba(28,39,73,.09));
}
#page-dashboard .dash-donut-track{stroke:#edf2f8}
#page-dashboard .dash-donut-hole{fill:var(--card)}
#page-dashboard .dash-donut-total{
  fill:var(--text);
  font-size:14px;
  font-weight:900;
}
#page-dashboard .dash-donut-caption{
  fill:var(--muted);
  font-size:9.5px;
  font-weight:800;
}
#page-dashboard .dash-donut-legend{
  display:grid;
  gap:7px;
  align-content:center;
  min-width:0;
}
#page-dashboard .dash-donut-row{
  display:grid;
  grid-template-columns:9px minmax(0,1fr) 46px;
  gap:7px;
  align-items:center;
  position:relative;
  color:var(--text);
  font-size:10.2px;
  font-weight:900;
  line-height:1.12;
  min-height:25px;
  padding-bottom:0;
}
#page-dashboard .dash-donut-row i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--_c);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--_c) 16%,transparent);
}
#page-dashboard .dash-donut-row span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#page-dashboard .dash-donut-row small{
  display:block;
  margin-top:2px;
  overflow:hidden;
  color:var(--muted2);
  font-size:9px;
  font-weight:800;
  text-overflow:ellipsis;
}
#page-dashboard .dash-donut-row b{
  text-align:right;
  white-space:nowrap;
  font-size:10.5px;
  font-weight:900;
  color:var(--text);
}
#page-dashboard .dash-donut-row em{
  display:none;
}
#page-dashboard .dash-donut-empty{
  min-height:210px;
  display:grid;
  place-items:center;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}
@media(max-width:760px){
  #page-dashboard .dash-donut-shell{
    grid-template-columns:1fr;
    gap:8px;
    justify-items:center;
  }
  #page-dashboard .dash-donut-svg{max-width:175px}
  #page-dashboard .dash-donut-legend{width:100%}
}
.cg2>.cc{min-width:0}
.sales-diag-table{display:block;max-width:100%;max-height:520px;overflow:auto}
.sales-diag-table table{width:max-content;min-width:720px;table-layout:fixed}
.sales-diag-table th,.sales-diag-table td{width:108px;min-width:108px;max-width:108px}
.sales-diag-table th:first-child,.sales-diag-table td:first-child{position:sticky;left:0;z-index:3;width:230px;min-width:230px;max-width:230px;background:#fff}
.sales-diag-table td:first-child{overflow:hidden}
.sales-diag-table td:first-child b{display:block;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sales-diag-table td:first-child div{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sales-diag-table thead th:first-child{z-index:4;background:#f7f8fc}
.sales-diag-table tbody tr:hover td:first-child{background:#fbf6f3}
.sales-data-table{
  display:block;
  max-width:100%;
  max-height:560px;
  overflow:auto;
  scrollbar-gutter:stable;
}
.sales-data-table table{
  width:max-content;
  min-width:1280px;
}
.sales-data-table thead th{
  position:sticky;
  top:0;
  z-index:5;
  background:#f7f8fc;
}
.sales-data-table th:first-child,
.sales-data-table td:first-child{
  position:sticky;
  left:0;
  z-index:4;
  background:inherit;
}
.sales-data-table thead th:first-child{
  z-index:6;
  background:#f7f8fc;
}
.sales-platform-table th:nth-child(3),
.sales-platform-table td:nth-child(3){
  position:sticky;
  z-index:4;
  background:inherit;
}
.sales-platform-table th:nth-child(3),
.sales-platform-table td:nth-child(3){left:48px;min-width:360px;max-width:360px}
.sales-platform-table thead th:nth-child(3){z-index:6;background:#f7f8fc}
.sales-mgmt-table th:nth-child(-n+3),
.sales-mgmt-table td:nth-child(-n+3),
.ads-mgmt-table th:nth-child(-n+3),
.ads-mgmt-table td:nth-child(-n+3){
  position:sticky;
  z-index:4;
  background:inherit;
  box-sizing:border-box;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.sales-mgmt-table td:nth-child(-n+3),
.ads-mgmt-table td:nth-child(-n+3){background:#fff}
.sales-mgmt-table tbody tr:hover td:nth-child(-n+3),
.ads-mgmt-table tbody tr:hover td:nth-child(-n+3){background:#fbf6f3}
.sales-mgmt-table th:nth-child(1),.sales-mgmt-table td:nth-child(1){left:0;width:46px;min-width:46px;max-width:46px}
.sales-mgmt-table th:nth-child(2),.sales-mgmt-table td:nth-child(2){left:46px;width:58px;min-width:58px;max-width:58px}
.sales-mgmt-table th:nth-child(3),.sales-mgmt-table td:nth-child(3){left:104px;width:122px;min-width:122px;max-width:122px;box-shadow:12px 0 18px -18px rgba(20,24,45,.45)}
.sales-mgmt-table th:nth-child(4),.sales-mgmt-table td:nth-child(4){left:226px;width:150px;min-width:150px;max-width:150px}
.sales-mgmt-table th:nth-child(5),.sales-mgmt-table td:nth-child(5){left:376px;width:190px;min-width:190px;max-width:190px}
.sales-mgmt-table th:nth-child(6),.sales-mgmt-table td:nth-child(6){left:566px;width:190px;min-width:190px;max-width:190px}
.sales-mgmt-table th:nth-child(7),.sales-mgmt-table td:nth-child(7){left:756px;width:240px;min-width:240px;max-width:240px}
.ads-mgmt-table th:nth-child(1),.ads-mgmt-table td:nth-child(1){left:0;width:46px;min-width:46px;max-width:46px}
.ads-mgmt-table th:nth-child(2),.ads-mgmt-table td:nth-child(2){left:46px;width:56px;min-width:56px;max-width:56px}
.ads-mgmt-table th:nth-child(3),.ads-mgmt-table td:nth-child(3){left:102px;width:122px;min-width:122px;max-width:122px;box-shadow:12px 0 18px -18px rgba(20,24,45,.45)}
.ads-mgmt-table th:nth-child(4),.ads-mgmt-table td:nth-child(4){left:224px;width:150px;min-width:150px;max-width:150px}
.ads-mgmt-table th:nth-child(5),.ads-mgmt-table td:nth-child(5){left:374px;width:180px;min-width:180px;max-width:180px}
.ads-mgmt-table th:nth-child(6),.ads-mgmt-table td:nth-child(6){left:554px;width:86px;min-width:86px;max-width:86px}
.ads-mgmt-table th:nth-child(7),.ads-mgmt-table td:nth-child(7){left:640px;width:120px;min-width:120px;max-width:120px}
.ads-mgmt-table th:nth-child(8),.ads-mgmt-table td:nth-child(8){left:760px;width:120px;min-width:120px;max-width:120px}
.ads-mgmt-table th:nth-child(9),.ads-mgmt-table td:nth-child(9){left:880px;width:130px;min-width:130px;max-width:130px}
.ads-mgmt-table th:nth-child(10),.ads-mgmt-table td:nth-child(10){left:1010px;width:170px;min-width:170px;max-width:170px}
.sales-mgmt-table thead th:nth-child(-n+3),
.ads-mgmt-table thead th:nth-child(-n+3){z-index:7;background:#f7f8fc}
.sales-mgmt-table th:nth-child(n+4),
.sales-mgmt-table td:nth-child(n+4),
.ads-mgmt-table th:nth-child(n+4),
.ads-mgmt-table td:nth-child(n+4){left:auto;box-shadow:none}
.sales-mgmt-table td:nth-child(n+4),
.ads-mgmt-table td:nth-child(n+4){position:static}
.sales-data-table td:nth-child(3) b,
.sales-data-table td:nth-child(14) b,
.ads-mgmt-table td:nth-child(11) b{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.sales-lazy-status td{
  text-align:center!important;
  color:var(--muted2);
  font-weight:700;
  background:#fff;
}
.sales-pager{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  border-top:1px solid rgba(53,59,111,.08);
  color:var(--muted2);
  font-size:12px;
  font-weight:800;
}
.sales-pager-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.sales-pager .btn{min-height:30px;padding:6px 10px;font-size:11px}
table{font-size:13px}
thead{background:#f7f8fc}
th{padding:14px 16px;color:#85899f;font-size:11px;letter-spacing:.9px}
th.sortable{cursor:pointer;user-select:none;position:relative;padding-right:28px}
th.sortable::after{content:'↕';position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:10px;color:#c1c5d2}
th.sort-asc::after{content:'↑';color:var(--accent)}
th.sort-desc::after{content:'↓';color:var(--accent)}
td{padding:13px 16px;border-bottom:1px solid rgba(53,59,111,.07);color:#30334c}
tbody tr:hover{background:#fbf6f3}
.bx{border-radius:999px;padding:5px 11px;font-weight:700}
.bb{background:rgba(53,59,111,.09);color:var(--accent)}
.bg{background:rgba(72,200,160,.12);color:#32a982}.br{background:rgba(255,111,139,.13);color:#ef5878}
.bo{background:rgba(245,168,83,.15);color:#d98728}.bm{background:#f0f1f6;color:#85899f}
.uz{
  background:#fff;border:2px dashed rgba(53,59,111,.28);border-radius:24px;padding:52px 20px;
  box-shadow:inset 0 0 0 6px rgba(53,59,111,.015);
}
.uz:hover{background:#fffaf7;border-color:var(--a2)}
.uz-title{font-size:20px;letter-spacing:-.4px}.uz-sub{font-size:13.5px;color:#8d91a6}
.notice{border-radius:16px;padding:13px 16px;font-weight:500}
.nok{background:#eefbf7;border-color:#d4f3e9;color:#279874}.nwarn{background:#fff7eb;border-color:#ffe4bd;color:#d98b28}.nerr{background:#fff0f3;border-color:#ffd2dc;color:#ef5878}
.modal{border-radius:26px;box-shadow:0 28px 80px rgba(26,30,58,.22)}
.modal-file-info,.ins{background:#f7f8fc;border-color:rgba(53,59,111,.08);border-radius:18px}
.cmp-card{border-radius:18px;background:#fff}
.cmp-v1{color:var(--text);font-size:18px}
.empty{color:#9ca0b2}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-thumb{background:#d9dce8;border-radius:99px}
@media(max-width:860px){.content{padding:22px 16px}.pt{font-size:28px}.topbar{height:64px}}
[data-theme=dark] .sidebar,[data-theme=dark] .topbar{background:rgba(21,24,42,.82);border-color:var(--border)}
[data-theme=dark] .s-logo-icon{background:#2d3363}
[data-theme=dark] .s-logo-text,[data-theme=dark] .pt,[data-theme=dark] .ct,[data-theme=dark] .topbar-title,[data-theme=dark] .st{color:var(--text)}
[data-theme=dark] .ni:hover,[data-theme=dark] .ni.active,[data-theme=dark] .ib,[data-theme=dark] .btn-s{background:#20243a;color:var(--text)}
[data-theme=dark] .profile-btn,[data-theme=dark] .profile-dropdown{background:#20243a;border-color:var(--border);color:var(--text)}
[data-theme=dark] .profile-item:hover{background:#1d2135}
[data-theme=dark] .ni.active .ni-icon{background:rgba(143,151,255,.14)}
[data-theme=dark] .kpi,[data-theme=dark] .cc,[data-theme=dark] .filter-bar,[data-theme=dark] .sbar,[data-theme=dark] .cmp-card,[data-theme=dark] .ai-box,[data-theme=dark] .tw,[data-theme=dark] .uz,[data-theme=dark] .modal,[data-theme=dark] .modal-file-info,[data-theme=dark] .ins{background:var(--card);border-color:var(--border);box-shadow:var(--shadow2)}
[data-theme=dark] .kpi-val,[data-theme=dark] td,[data-theme=dark] .cmp-v1{color:var(--text)}
[data-theme=dark] thead,[data-theme=dark] .filter-tabs,[data-theme=dark] .finp,[data-theme=dark] .fsel{background:var(--bg3);border-color:var(--border);color:var(--text)}
[data-theme=dark] tbody tr:hover{background:#20243a}
[data-theme=dark] .dash-summary-table th,[data-theme=dark] .dash-summary-table th:first-child{background:#33416f;color:#fff}
[data-theme=dark] .dash-summary-table tbody tr:nth-child(1){background:#232034}
[data-theme=dark] .dash-summary-table tbody tr:nth-child(2){background:#2b2540}
[data-theme=dark] .dash-summary-table tbody tr:nth-child(3){background:#242938}
[data-theme=dark] .dash-summary-table tbody tr:nth-child(n+4){background:#1f2941}
[data-theme=dark] .dash-summary-table td,[data-theme=dark] .dash-summary-table td:first-child{color:var(--text)}
[data-theme=dark] .dash-summary-table tbody tr.dash-total-row{background:#35477f!important}
[data-theme=dark] .platform-summary-table th:nth-child(2){background:#33416f;color:#fff}
[data-theme=dark] .platform-summary-table td:nth-child(2),[data-theme=dark] .platform-summary-table .platform-name{color:var(--text)}
[data-theme=dark] .sales-diag-table th:first-child,[data-theme=dark] .sales-diag-table td:first-child{background:var(--card)}
[data-theme=dark] .sales-diag-table thead th:first-child{background:var(--bg3)}
[data-theme=dark] .sales-diag-table tbody tr:hover td:first-child{background:#20243a}
[data-theme=dark] .sales-data-table thead th,[data-theme=dark] .sales-data-table thead th:first-child,[data-theme=dark] .sales-platform-table thead th:nth-child(3),[data-theme=dark] .sales-mgmt-table thead th:nth-child(-n+3),[data-theme=dark] .ads-mgmt-table thead th:nth-child(-n+3){background:var(--bg3)}
[data-theme=dark] .sales-mgmt-table td:nth-child(-n+3),[data-theme=dark] .ads-mgmt-table td:nth-child(-n+3){background:var(--card)}
[data-theme=dark] .sales-mgmt-table tbody tr:hover td:nth-child(-n+3),[data-theme=dark] .ads-mgmt-table tbody tr:hover td:nth-child(-n+3){background:#20243a}
[data-theme=dark] .sales-lazy-status td{background:var(--card);color:var(--muted2)}
[data-theme=dark] .sales-pager{border-top-color:rgba(255,255,255,.08)}
[data-theme=dark] .uz:hover{background:#1d2135}
[data-theme=dark] .soon-tag,[data-theme=dark] .bm{background:#232840;color:#9ba1b8}
[data-theme=dark] .burger{background:#20243a;border-color:var(--border)}
.topbar .burger{position:static;left:auto;top:auto;width:42px;height:42px;flex:0 0 auto}
.topbar .burger.open{left:auto}
@media(max-width:860px){.topbar .burger{left:auto;top:auto}}
.cloud-status{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 13px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--muted);font-size:12px;font-weight:800;white-space:nowrap}
.cloud-status.ok{border-color:rgba(62,232,154,.45);background:rgba(62,232,154,.12);color:#158b5b}
.cloud-status.warn{border-color:rgba(249,168,37,.45);background:rgba(249,168,37,.12);color:#a66a00}
.cloud-status.err{border-color:rgba(255,107,138,.45);background:rgba(255,107,138,.12);color:#ba3657}
[data-theme=dark] .cloud-status{background:#20243a}
[data-theme=dark] .cloud-status.ok{color:#58e6a4}
[data-theme=dark] .cloud-status.warn{color:#ffd174}
[data-theme=dark] .cloud-status.err{color:#ff8fa6}
@media(max-width:760px){.cloud-status{display:none}}
.main,.content,.page{min-width:0;max-width:100%;box-sizing:border-box}
.content{width:100%;overflow-x:hidden}
.main{overflow-x:hidden}
@media(min-width:861px){.main.expanded .content{padding-left:78px}}
.numbers-expanded .kpi-val{font-size:clamp(16px,1.25vw,22px);letter-spacing:-.4px;line-height:1.18;overflow-wrap:anywhere;word-break:break-word}
.numbers-expanded .kpi-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.numbers-expanded .kpi{min-height:136px}
#page-manajemen,#page-sales-mgmt{max-width:100%;overflow:hidden}
#page-manajemen .content,#page-manajemen .tw,#page-manajemen .sbar,#page-manajemen .filter-bar,#page-sales-mgmt .content,#page-sales-mgmt .tw,#page-sales-mgmt .sbar,#page-sales-mgmt .filter-bar{max-width:100%}
#page-manajemen > div[style*="background:var(--card)"],#page-sales-mgmt > div[style*="background:var(--card)"]{overflow:hidden;padding:22px 26px!important}
#page-manajemen > div[style*="background:var(--card)"] > div:first-child,#page-sales-mgmt > div[style*="background:var(--card)"] > div:first-child{display:grid!important;grid-template-columns:220px minmax(220px,1.35fr) minmax(220px,1.35fr) 160px 160px;gap:12px!important;align-items:end!important}
#page-manajemen > div[style*="background:var(--card)"] > div:first-child .st,#page-sales-mgmt > div[style*="background:var(--card)"] > div:first-child .st{align-self:center}
#page-manajemen .uz,#page-sales-mgmt .uz{padding:36px 18px}
#page-manajemen .uz-title,#page-sales-mgmt .uz-title{font-size:18px}
#page-manajemen .sh,#page-sales-mgmt .sh{display:grid;grid-template-columns:1fr;align-items:start;gap:12px;margin-bottom:14px}
#page-manajemen .da,#page-sales-mgmt .da{width:100%;max-width:100%;margin:0!important;justify-content:flex-start;align-items:center;gap:10px}
#page-manajemen .da .fsel,#page-sales-mgmt .da .fsel{flex:1 1 145px;min-width:132px;max-width:178px}
#page-manajemen .da .finp,#page-sales-mgmt .da .finp{flex:0 1 150px;min-width:140px;max-width:165px}
#page-manajemen .da .btn,#page-sales-mgmt .da .btn{min-height:40px;padding:8px 16px;white-space:nowrap}
#page-manajemen .da .rc,#page-sales-mgmt .da .rc{flex:1 1 100%;margin-left:0;text-align:right;white-space:nowrap}
#page-manajemen th,#page-manajemen td,#page-sales-mgmt th,#page-sales-mgmt td{padding:11px 13px}
.upload-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:24px 26px;margin-bottom:20px;box-shadow:var(--shadow2);overflow:hidden}
.upload-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}
.upload-card-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.upload-controls{display:grid;grid-template-columns:minmax(170px,.95fr) minmax(220px,1.22fr) minmax(220px,1.12fr) minmax(160px,.86fr) minmax(150px,.78fr);gap:14px;align-items:end;margin-bottom:18px}
.upload-controls .fgrp{min-width:0}
.upload-controls .fsel,.upload-controls .finp{width:100%;min-width:0;padding:8px 14px;font-size:13px}
.upload-card .uz{margin-bottom:14px}
.upload-card .uz input[type=file]{font-size:0}
.upload-card #mgmtUploadResult:empty{display:none}
.product-live-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}
.product-live-upload-grid .upload-card{margin-bottom:0}
.product-live-upload-grid .upload-controls{grid-template-columns:minmax(150px,.8fr) minmax(180px,1fr)}
.product-live-card .uz{min-height:126px;display:grid;place-items:center;padding:28px 18px}
.product-live-card .uz-icon{font-size:28px;line-height:1;margin-bottom:2px}
.product-refill-card .uz{border-color:rgba(245,158,11,.42);background:linear-gradient(180deg,#fff,#fffdf8)}
.product-refill-card .uz:hover{border-color:#f59e0b;background:#fffaf0}
.product-live-card #productLiveUploadResult:empty,
.product-live-card #productRefillUploadResult:empty{display:none}
.product-age-lower-layout{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(300px,.58fr);gap:18px;align-items:start;margin-top:14px}
.product-age-lower-main{min-width:0}
.product-age-lower-side{min-height:720px;border-radius:24px}
.product-age-table-card{min-width:0;background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow2);overflow:hidden}
.product-age-table-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px 0;flex-wrap:wrap}
.product-age-table-card .tw{border:0;border-radius:0;box-shadow:none;margin-top:12px}
.product-age-refill-card{background:linear-gradient(180deg,#fff,#fffdf8)}
.product-age-refill-table table{width:100%;min-width:760px!important}
.product-age-refill-table th,.product-age-refill-table td{text-align:center}
.product-age-refill-table th:nth-child(2),.product-age-refill-table td:nth-child(2){text-align:center}
.product-age-kpi-panel{display:grid;grid-template-columns:1fr;margin:14px 0 18px}
.product-age-kpi-card{padding:22px}
.product-age-kpi-head{align-items:flex-start;gap:14px}
.product-age-kpi-sub{color:var(--muted2);font-size:12px;margin-top:3px}
.product-age-carousel-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.product-age-carousel-tab{border:1px solid rgba(53,59,111,.12);background:#f7f8fc;color:var(--muted2);border-radius:999px;padding:7px 13px;font-size:12px;font-weight:900;cursor:pointer}
.product-age-carousel-tab.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 8px 18px rgba(53,59,111,.16)}
.product-age-carousel-body{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px;margin-top:18px}
.product-age-kpi-mini{border:1px solid rgba(53,59,111,.08);border-radius:18px;padding:14px;background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:0 8px 18px rgba(48,54,95,.06)}
.product-age-kpi-mini-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.product-age-kpi-mini-top span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-weight:900;font-size:13px}
.product-age-kpi-mini-top b{font-size:17px;color:var(--text)}
.product-age-kpi-track{height:8px;border-radius:999px;background:#eef2f7;overflow:hidden;margin:12px 0 8px}
.product-age-kpi-track i{display:block;height:100%;border-radius:999px;background:var(--_c,#169fe6)}
.product-age-kpi-meta{color:var(--muted2);font-size:11px;font-weight:700}
.product-age-kpi-empty{padding:24px;text-align:center;color:var(--muted2);border:1px dashed var(--border);border-radius:18px}
.product-age-data-table table thead th{position:sticky;top:0;z-index:20;background:var(--bg3);box-shadow:0 1px 0 var(--border)}
.product-age-data-table table th:nth-child(1),
.product-age-data-table table td:nth-child(1){position:sticky;left:0;z-index:14;width:48px;min-width:48px;background:var(--card);box-shadow:1px 0 0 var(--border)}
.product-age-data-table table th:nth-child(2),
.product-age-data-table table td:nth-child(2){position:sticky;left:48px;z-index:14;min-width:132px;background:var(--card);box-shadow:1px 0 0 var(--border)}
.product-age-data-table table thead th:nth-child(1),
.product-age-data-table table thead th:nth-child(2){z-index:24;background:var(--bg3)}
.keyword-modal{width:760px;max-width:94vw}
.kw-grid{display:grid;grid-template-columns:150px 1fr 1.3fr auto;gap:10px;align-items:end;margin:14px 0}
.kw-list{max-height:310px;overflow:auto;border:1px solid var(--border);border-radius:18px;background:var(--bg3)}
.kw-row{display:grid;grid-template-columns:130px 1fr 1.1fr auto;gap:10px;align-items:center;padding:11px 12px;border-bottom:1px solid var(--border);font-size:12px}
.kw-row:last-child{border-bottom:0}
.kw-pill{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:5px 10px;border-radius:999px;background:rgba(53,59,111,.09);color:var(--accent);font-weight:800;font-size:11px}
.kw-value,.kw-word{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kw-empty{padding:18px;color:var(--muted2);font-size:13px;text-align:center}
.module-rule-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:22px;margin-bottom:20px}
.module-rule-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.module-rule-card.collapsed .module-rule-head{margin-bottom:0}
.module-rule-sub{color:var(--muted);font-size:13px;line-height:1.45;margin-top:4px}
.module-rule-compact{color:var(--muted2);font-size:12px;line-height:1.4;margin-top:8px}
.module-rule-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.module-rule-card.collapsed .module-rule-body{display:none}
.product-kamus-status-uploader{border:1px solid var(--border);border-radius:18px;background:var(--bg3);padding:14px;margin-bottom:14px}
.product-kamus-status-zone{min-height:118px;padding:24px 18px;margin-top:10px;background:var(--card)}
.product-kamus-status-zone .uz-icon{font-size:24px;font-weight:900;color:var(--accent)}
.module-rule-grid{display:grid;grid-template-columns:minmax(120px,.8fr) repeat(6,minmax(120px,1fr)) auto auto;gap:10px;align-items:end;margin-bottom:12px}
.module-rule-list .kw-row{grid-template-columns:92px 1.1fr 1fr .72fr .85fr .9fr .85fr auto auto}
.module-rule-preview{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:10px;align-items:center;margin:12px 0}
.module-preview-box{min-height:42px;border:1px solid var(--border);border-radius:14px;background:var(--bg3);padding:10px 12px;color:var(--muted);font-size:12px}
.period-multi-select{height:auto;min-height:46px;line-height:1.25;padding:8px 12px!important}
.period-multi-select option{padding:7px 9px;border-radius:10px;margin:2px 0}
@media(max-width:900px){.module-rule-grid,.module-rule-preview,.module-rule-list .kw-row{grid-template-columns:1fr}}
@media(max-width:760px){.kw-grid,.kw-row{grid-template-columns:1fr}.keyword-modal{padding:22px}}
@media(max-width:1280px){
  #page-manajemen > div[style*="background:var(--card)"] > div:first-child,#page-sales-mgmt > div[style*="background:var(--card)"] > div:first-child{grid-template-columns:1fr 1fr 1fr}
  #page-manajemen .da,#page-sales-mgmt .da{margin-left:0;justify-content:flex-start}
  .upload-controls{grid-template-columns:repeat(3,minmax(180px,1fr))}
  .product-live-upload-grid .upload-controls{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  #page-manajemen > div[style*="background:var(--card)"] > div:first-child,#page-sales-mgmt > div[style*="background:var(--card)"] > div:first-child{grid-template-columns:1fr}
  #page-manajemen .da .fsel,#page-manajemen .da .finp,#page-sales-mgmt .da .fsel,#page-sales-mgmt .da .finp{max-width:none;width:100%}
  .upload-card{padding:20px}
  .upload-card-head{align-items:flex-start}
  .upload-card-title{width:100%;justify-content:space-between}
  .upload-controls{grid-template-columns:1fr}
  .product-live-upload-grid{grid-template-columns:1fr}
  .product-live-upload-grid .upload-controls{grid-template-columns:1fr}
  .product-age-lower-layout{grid-template-columns:1fr}
  .product-age-lower-side{display:none}
  .product-age-carousel-body{grid-template-columns:1fr}
  .product-age-carousel-tools{width:100%}
}

.profile-caret,.profile-dropdown{display:none!important}
.profile-btn{cursor:default}
.sales-mgmt-table,.stock-data-table,#page-manajemen .sales-data-table{max-height:620px;overflow:auto}
.sales-mgmt-table thead,
.stock-data-table thead,
#page-manajemen .sales-data-table thead{position:sticky;top:0;z-index:12}
.sales-mgmt-table thead th,
.stock-data-table thead th,
#page-manajemen .sales-data-table thead th{position:sticky;top:0;z-index:13;background:var(--bg3);box-shadow:0 1px 0 var(--border)}

/* Global Stitch-inspired polish. Keep this layer visual-only: no layout logic or data behavior. */
:root{
  --bg:#f6f7fb;
  --bg2:rgba(255,255,255,.84);
  --bg3:#f3f5fb;
  --card:#fff;
  --border:rgba(53,59,111,.10);
  --accent:#353b6f;
  --a2:#ff8f6f;
  --a3:#48c8a0;
  --a4:#f5a853;
  --a5:#58a7f8;
  --text:#26283f;
  --muted:#a1a5b7;
  --muted2:#70758d;
  --r:20px;
  --shadow:0 18px 46px rgba(48,54,95,.10);
  --shadow2:0 10px 26px rgba(48,54,95,.08);
  --page-bg:linear-gradient(135deg,#f9fbff 0%,#f4f6fb 48%,#fff4ef 100%);
  --fh:'Sora',sans-serif;
  --fb:'Plus Jakarta Sans',sans-serif;
}
body{background:var(--page-bg);font-family:var(--fb);color:var(--text);letter-spacing:0}
button,input,select,textarea,table,th,td,.kpi-lbl,.kpi-val,.cmp-v1,.cmp-v2,.rc,.cloud-status,.theme-toggle,.profile-meta{
  font-family:var(--fb);
}
.pt,.ct,.st,.topbar-title,.modal-title,.dash-summary-title,.visual-table-title,.ai-title,.empty-txt,.uz-title,.s-logo-text{
  font-family:var(--fh);
}
.main{background:transparent}
.content{max-width:1520px}
.sidebar{background:rgba(255,255,255,.74);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid rgba(53,59,111,.08);box-shadow:16px 0 40px rgba(53,59,111,.07)}
.topbar{background:rgba(255,255,255,.76);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(53,59,111,.08)}
.kpi,.cc,.filter-bar,.sbar,.tw,.upload-card,.module-rule-card,.cmp-card,.modal,.modal-file-info,.ins{background:var(--card);border:1px solid rgba(53,59,111,.08);box-shadow:var(--shadow2)}
.kpi,.cc,.filter-bar,.sbar,.tw,.upload-card,.module-rule-card{border-radius:22px}
.btn,.finp,.fsel,.multi-check-btn{border-radius:14px}
.btn{font-weight:700}
.finp,.fsel,.multi-check-btn{background:#f7f8fc;border-color:rgba(53,59,111,.12);color:var(--text)}
.finp:focus,.fsel:focus,.multi-check.open .multi-check-btn{border-color:var(--accent);box-shadow:0 0 0 4px rgba(53,59,111,.08)}
.pt{font-family:var(--fh);font-size:34px;letter-spacing:-1.1px;color:var(--text)}
.ps{color:#8a8ea2}
.ct,.st,.topbar-title{font-family:var(--fh);color:var(--text)}
table{font-size:13px}
thead,.sales-data-table thead th,.sales-data-table thead th:first-child{background:#f7f8fc}
th{color:#85899f;letter-spacing:.9px}
td{color:#30334c;border-bottom-color:rgba(53,59,111,.07)}
tbody tr:hover{background:#fbf6f3}
.uz{background:#fff;border-color:rgba(53,59,111,.28);border-radius:24px}
.uz:hover{background:#fffaf7;border-color:var(--a2)}
.notice{border-radius:16px}

/* Sidebar and topbar pass */
:root{--sw:268px}
.s-logo{padding:26px 22px 18px}
.s-logo-text{font-size:20px;line-height:1.16;letter-spacing:-.8px;max-width:190px}
.s-nav{padding:14px 12px 28px;gap:5px}
.s-section{padding:16px 12px 6px;font-size:10px;letter-spacing:1px;color:#b4b7c7}
.ni{min-height:42px;padding:10px 12px;border-radius:14px;font-size:13px;font-weight:700;color:#9a9eb2}
.ni-icon{width:32px;height:32px;flex:0 0 32px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#9a9eb2;font-size:13px;font-weight:800}
.ni:hover{background:rgba(255,255,255,.82);color:var(--accent);box-shadow:0 10px 24px rgba(53,59,111,.08)}
.ni:hover .ni-icon{background:#f1f3f8;color:var(--accent)}
.ni.active{background:#fff;color:var(--accent);box-shadow:0 14px 34px rgba(53,59,111,.12)}
.ni.active .ni-icon{background:#f0f1f8;color:var(--accent)}
.ni.child{padding-left:16px;min-height:40px;font-size:12.5px}
.ni.soon{opacity:1;cursor:not-allowed;color:#b7bac8}
.ni.soon .ni-icon{background:#f3f5fa;color:#adb1c1}
.ni.soon:hover{background:transparent;box-shadow:none;color:#b7bac8}
.soon-tag{margin-left:auto;padding:4px 8px;border-radius:999px;background:#eef0f7;color:#9a9eb2;font-size:9px;font-weight:800;letter-spacing:.3px}
.dd-body.open{max-height:440px}
.s-footer{padding:10px 12px 18px}
.topbar{height:68px;padding:0 28px;background:rgba(255,255,255,.78);box-shadow:0 10px 32px rgba(53,59,111,.05)}
.topbar-title{font-size:17px;font-weight:800;letter-spacing:-.35px}
.topbar-actions{align-items:center;gap:10px}
.ib{width:40px;height:40px;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(53,59,111,.07)}
.profile-btn{height:44px;border-radius:16px;padding:6px 14px 6px 7px;background:#fff;box-shadow:0 8px 22px rgba(53,59,111,.07)}
.profile-avatar{width:34px;height:34px;border-radius:13px}
.cloud-status{min-height:40px;padding:0 16px;border-radius:999px;font-weight:800}
.main{margin-left:var(--sw)}

/* Stitch sidebar blueprint */
:root{--sw:300px}
.sidebar{
  background:#0e1b2e;
  border-right:1px solid rgba(255,255,255,.06);
  box-shadow:none;
  color:#d9e3f2;
}
.s-logo{
  display:grid;
  grid-template-columns:56px 1fr;
  gap:16px;
  align-items:center;
  padding:28px 22px 24px;
}
.s-logo-mark{
  width:56px;
  height:56px;
  border-radius:16px;
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden;
  background:#f7f8fb;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}
.biensi-bars{
  position:relative;
  width:34px;
  height:34px;
  display:block;
}
.biensi-bars::before,
.biensi-bars::after{
  content:"";
  position:absolute;
  inset:0;
  background:#17191f;
}
.biensi-bars::before{
  clip-path:polygon(0 0,18% 0,18% 78%,100% 78%,100% 100%,0 100%);
}
.biensi-bars::after{
  background:
    linear-gradient(#17191f 0 0) 30% 0/14% 70% no-repeat,
    linear-gradient(#17191f 0 0) 54% 0/14% 52% no-repeat,
    linear-gradient(#17191f 0 0) 78% 0/14% 34% no-repeat,
    linear-gradient(#17191f 0 0) 30% 82%/62% 10% no-repeat,
    linear-gradient(#17191f 0 0) 30% 58%/44% 10% no-repeat,
    linear-gradient(#17191f 0 0) 30% 34%/26% 10% no-repeat,
    linear-gradient(#17191f 0 0) 86% 0/14% 12% no-repeat;
  clip-path:none;
}
.s-logo-text{
  max-width:none;
  color:#fff;
  font-size:24px;
  font-weight:900;
  line-height:1.05;
  letter-spacing:-1px;
  background:none;
  -webkit-text-fill-color:currentColor;
}
.s-logo-text::after{content:none}
.s-logo-sub{margin-top:3px;color:#b8c4d6;font-size:15px;font-weight:500;line-height:1.2}
.s-nav{flex:1 1 auto;min-height:0;padding:0 14px 18px;gap:10px;overflow:auto!important}
.s-section{display:none}
.ni{
  min-height:56px;
  padding:11px 16px;
  border-radius:14px;
  color:#c4cfdf;
  font-size:18px;
  font-weight:800;
  line-height:1.12;
  letter-spacing:-.35px;
}
.ni-icon{
  width:32px;
  height:32px;
  flex:0 0 32px;
  border-radius:10px;
  border:1px solid rgba(196,207,223,.22);
  background:transparent;
  color:#c4cfdf;
  font-size:12px;
  font-weight:800;
}
.ni-arrow{
  margin-left:auto;
  color:#c4cfdf;
  font-size:20px;
  font-weight:800;
}
.ni.dd-open .ni-arrow{transform:rotate(45deg);color:#fff}
.ni:hover,.ni.active,.ni.nav-primary{
  background:#263449;
  color:#fff;
  box-shadow:none;
}
.ni:hover .ni-icon,.ni.active .ni-icon,.ni.nav-primary .ni-icon{
  background:transparent;
  color:#fff;
  border-color:rgba(255,255,255,.28);
}
.ni.child{
  min-height:42px;
  padding:9px 12px 9px 26px;
  border-radius:12px;
  color:#b8c4d6;
  font-size:13px;
  font-weight:700;
  letter-spacing:0;
}
.ni.child .ni-icon{width:28px;height:28px;flex-basis:28px;font-size:10px;border-radius:9px}
.ni.child:hover,.ni.child.active{background:#223047;color:#fff}
.ni.soon{color:#8391a5}
.ni.soon .ni-icon{background:transparent;color:#8391a5;border-color:rgba(131,145,165,.28)}
.ni.soon:hover{background:transparent;color:#8391a5}
.ni.nav-primary.soon{opacity:1;color:#fff}
.soon-tag{
  color:#9fb0c5;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
  font-size:9px;
}
.dd-body.open{max-height:520px}
.source-card{
  margin:18px 10px 18px;
  padding:20px 22px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;
  background:#27364d;
}
.source-title{
  margin-bottom:16px;
  color:#8794a8;
  font-size:13px;
  font-weight:900;
  letter-spacing:1.1px;
  text-transform:uppercase;
}
.source-row{display:flex;align-items:center;gap:10px;color:#fff;font-size:15px;font-weight:700;margin-top:12px}
.source-dot{width:10px;height:10px;border-radius:50%;display:inline-flex}
.source-dot.green{background:#24c889}
.source-dot.blue{background:#3f83ff}
.source-dot.amber{background:#ffb533}
.topbar{background:rgba(255,255,255,.82)}
.main{margin-left:var(--sw)}

/* Compact density pass */
:root{
  --sw:236px;
  --r:16px;
  --shadow:0 12px 30px rgba(48,54,95,.08);
  --shadow2:0 7px 18px rgba(48,54,95,.06);
}
html,body{font-size:13px}
.content{
  width:100%;
  max-width:1280px;
  padding:22px 26px;
}
.ph{margin-bottom:16px}
.pt{font-size:26px;line-height:1.08;letter-spacing:-.7px}
.ps{font-size:12px;margin-top:5px}
.s-logo{
  grid-template-columns:44px 1fr;
  gap:12px;
  padding:20px 14px 18px;
}
.s-logo-mark{
  width:44px;
  height:44px;
  border-radius:13px;
  font-size:16px;
}
.s-logo-text{font-size:17px;font-weight:800;letter-spacing:-.6px}
.s-logo-sub{font-size:12px}
.s-nav{padding:0 8px 14px;gap:5px}
.ni{
  min-height:44px;
  padding:8px 10px;
  border-radius:12px;
  font-size:13px;
  font-weight:600;
  line-height:1.12;
  letter-spacing:-.15px;
}
.ni-icon{
  width:28px;
  height:28px;
  flex-basis:28px;
  border-radius:9px;
  font-size:10.5px;
  font-weight:700;
}
.ni-arrow{font-size:15px}
.ni.child{
  min-height:34px;
  padding:7px 10px 7px 18px;
  font-size:11.5px;
  font-weight:500;
}
.ni.child .ni-icon{
  width:24px;
  height:24px;
  flex-basis:24px;
  font-size:9px;
}
.soon-tag{padding:3px 6px;font-size:8px}
.dd-body.open{max-height:430px}
.source-card{
  margin:10px 8px 14px;
  padding:14px 16px;
  border-radius:14px;
}
.source-title{font-size:10.5px;margin-bottom:10px}
.source-row{font-size:12px;font-weight:600;margin-top:8px}
.source-dot{width:8px;height:8px}
.topbar{height:56px;padding:0 18px}
.topbar-title{font-size:14px;font-weight:700}
.ib{width:34px;height:34px;border-radius:11px}
.profile-btn{height:36px;border-radius:12px;padding:4px 10px 4px 5px}
.profile-avatar{width:28px;height:28px;border-radius:10px;font-size:11px}
.profile-name{font-size:11px}
.profile-role{font-size:8.5px}
.cloud-status{min-height:34px;padding:0 12px;font-size:11px}
.kpi-grid{
  grid-template-columns:repeat(auto-fill,minmax(166px,1fr));
  gap:12px;
  margin-bottom:18px;
}
.kpi{
  min-height:108px;
  padding:14px 16px;
}
.kpi::before{height:3px}
.kpi-lbl{font-size:9.5px;margin-bottom:8px;letter-spacing:.45px}
.kpi-val{font-size:22px;letter-spacing:-.45px}
.kpi-ico{right:16px;top:16px}
.cg{gap:16px;margin-bottom:18px}
.cc{padding:18px;border-radius:18px}
.ch{margin-bottom:12px}
.ct,.st{font-size:14px;letter-spacing:-.2px}
.filter-bar,.sbar{
  padding:12px 14px;
  gap:8px;
  margin-bottom:16px;
  border-radius:16px;
}
.filter-row{gap:8px}
.filter-row+.filter-row{padding-top:8px}
.filter-label{font-size:11px}
.filter-tabs{border-radius:12px;padding:3px}
.ftab{padding:6px 12px;font-size:11px;border-radius:9px}
.flbl{font-size:9.5px}
.finp,.fsel,.multi-check-btn{
  min-height:34px;
  padding:7px 10px;
  border-radius:11px;
  font-size:11.5px;
}
.btn{padding:7px 14px;border-radius:11px;font-size:11.5px}
.btn-sm{padding:5px 10px;font-size:11px}
.tw{border-radius:16px}
table{font-size:11.5px}
th{padding:8px 10px;font-size:9px;letter-spacing:.55px}
td{padding:7px 10px}
.bx{padding:3px 8px;font-size:9.5px}
.upload-card{padding:18px;border-radius:18px}
.uz{padding:30px 18px;border-radius:18px}
.uz-icon{font-size:28px}
.uz-title{font-size:14px}
.uz-sub{font-size:11px}
.cmp-grid{grid-template-columns:repeat(auto-fill,minmax(142px,1fr));gap:9px}
.cmp-card{padding:12px;border-radius:14px}
.cmp-lbl{font-size:9px}
.cmp-v1{font-size:14px}
.cmp-v2,.cmp-pct{font-size:10px}
.h200{height:170px}.h220{height:185px}.h240{height:200px}.h260{height:220px}.h300{height:250px}
.modal{padding:24px;border-radius:18px}
@media(max-width:860px){
  .content{max-width:none;padding:18px 14px}
  .pt{font-size:24px}
}

/* Adaptive workspace width: compact density, but no dead space on wider screens. */
.content{
  max-width:none;
  width:100%;
  padding:clamp(16px,1.35vw,24px) clamp(18px,1.65vw,30px);
}
.page{width:100%}
.filter-bar,.sbar,.cc,.tw,.upload-card,.module-rule-card,.notice,.ai-box{
  width:100%;
  max-width:100%;
}
.dash-summary-table,.platform-summary-table,.social-summary-table,.sales-data-table,.sales-mgmt-table,.stock-data-table{
  width:100%;
}
.main{min-width:0}
@media(min-width:1500px){
  .kpi-grid{grid-template-columns:repeat(auto-fill,minmax(176px,1fr))}
}

/* Minimal top utility strip: only sidebar arrow, page title, SQL status, and profile. */
.topbar{
  height:52px;
  padding:0 clamp(18px,1.65vw,30px);
  background:transparent!important;
  border-bottom:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.topbar-title{
  font-size:13px;
  font-weight:700;
  letter-spacing:0;
  color:var(--text);
}
.topbar-actions{
  margin-left:auto;
  align-items:center;
  gap:8px;
}
.topbar-context-status{
  max-width:min(760px,52vw);
  min-height:32px;
  display:inline-flex;
  align-items:center;
  padding:0 12px;
  border-radius:999px;
  background:#fff;
  color:#14172a;
  font-size:11px;
  font-weight:700;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  box-shadow:0 12px 30px rgba(53,59,111,.10);
}
.topbar-context-status[hidden]{display:none!important}
.topbar-context-status.warn{color:#946000}
.topbar-context-status.err{color:#b93252}
.side-toggle{
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:10px;
  border:1px solid rgba(53,59,111,.12);
  background:#fff;
  color:var(--accent);
  display:grid;
  place-items:center;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(53,59,111,.06);
  transition:background var(--tr),color var(--tr),border-color var(--tr),transform var(--tr);
}
.side-toggle::before{
  content:"‹";
  font-size:24px;
  font-weight:800;
  line-height:1;
  transform:translate(-1px,-1px);
}
.side-toggle.open::before{
  content:"›";
  transform:translate(1px,-1px);
}
.side-toggle:hover{
  background:var(--accent);
  border-color:var(--accent);
  color:#fff;
}
.side-toggle:active{transform:scale(.97)}
@media(max-width:860px){
  .topbar{height:50px;padding:0 14px}
  .side-toggle::before{content:"›";transform:translate(1px,-1px)}
  .side-toggle.open::before{content:"‹";transform:translate(-1px,-1px)}
}

/* Sidebar must scroll as one vertical surface when the menu is taller than the viewport. */
.sidebar{
  height:100vh;
  height:100dvh;
  max-height:100vh;
  max-height:100dvh;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.sidebar .s-nav{
  flex:0 0 auto;
  min-height:auto;
  overflow:visible!important;
}
.sidebar .source-card{
  flex:0 0 auto;
  margin-top:auto;
}
.sidebar::-webkit-scrollbar{width:8px}
.sidebar::-webkit-scrollbar-track{background:rgba(255,255,255,.04)}
.sidebar::-webkit-scrollbar-thumb{
  background:rgba(196,207,223,.34);
  border-radius:999px;
}
.sidebar::-webkit-scrollbar-thumb:hover{background:rgba(196,207,223,.52)}

/* Modern topbar status and profile treatment. */
.topbar-title{display:none!important}
.cloud-status{
  position:relative;
  min-height:32px!important;
  padding:0 12px 0 28px!important;
  border:0!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#14172a!important;
  font-size:11px!important;
  font-weight:800!important;
  box-shadow:0 12px 30px rgba(53,59,111,.10)!important;
}
.cloud-status::before{
  content:"";
  position:absolute;
  left:13px;
  top:50%;
  width:8px;
  height:8px;
  border-radius:999px;
  background:#24c889;
  transform:translateY(-50%);
  box-shadow:0 0 0 4px rgba(36,200,137,.12);
}
.cloud-status.warn::before{
  background:#ffb533;
  box-shadow:0 0 0 4px rgba(255,181,51,.14);
  animation:sqlPulse 1.2s ease-in-out infinite;
}
.cloud-status.err::before{
  background:#ff5f7a;
  box-shadow:0 0 0 4px rgba(255,95,122,.14);
}
@keyframes sqlPulse{
  0%,100%{opacity:1;transform:translateY(-50%) scale(1)}
  50%{opacity:.58;transform:translateY(-50%) scale(.86)}
}
.profile-btn{
  height:32px!important;
  padding:0!important;
  gap:7px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.profile-avatar{
  position:relative;
  width:32px!important;
  height:32px!important;
  flex:0 0 32px!important;
  border-radius:999px!important;
  background:#fff!important;
  border:1px solid rgba(53,59,111,.12)!important;
  color:var(--accent)!important;
  box-shadow:0 10px 24px rgba(53,59,111,.08)!important;
  overflow:hidden;
}
.profile-avatar::before{
  content:"";
  position:absolute;
  left:50%;
  top:8px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:currentColor;
  transform:translateX(-50%);
}
.profile-avatar::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:7px;
  width:17px;
  height:10px;
  border-radius:10px 10px 4px 4px;
  background:currentColor;
  transform:translateX(-50%);
}
.profile-name{font-size:11px!important;font-weight:800!important}
.profile-role{font-size:8.5px!important}
@media(max-width:760px){
  .cloud-status{display:inline-flex!important;min-height:36px!important;padding:0 14px 0 30px!important;font-size:11px!important}
  .cloud-status::before{left:13px;width:8px;height:8px}
  .topbar-context-status{display:none!important}
  .profile-meta{display:none!important}
}

/* Dashboard Sales visual summary table: white panel treatment. */
.visual-table-card{
  width:100%;
  margin:18px 0 22px;
  padding:18px;
  border:1px solid rgba(53,59,111,.08);
  border-radius:16px;
  background:#fff;
  box-shadow:0 14px 34px rgba(53,59,111,.08);
}
.visual-table-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.visual-table-title{
  font-family:var(--fh);
  font-size:16px;
  font-weight:800;
  color:var(--text);
  letter-spacing:-.2px;
}
.visual-table-subtitle{
  margin-top:5px;
  font-size:12px;
  font-weight:500;
  color:var(--muted);
}
.visual-table-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.visual-table-actions .btn{
  min-height:30px;
  padding:7px 12px!important;
  border-radius:999px!important;
  background:#fff!important;
  border:1px solid rgba(53,59,111,.10)!important;
  color:var(--text)!important;
  box-shadow:0 8px 20px rgba(53,59,111,.06)!important;
}
.visual-table-actions .number-toggle-btn{
  color:#1e6fe5!important;
  background:#f4f8ff!important;
}
.sales-summary-visual-table{
  margin:0!important;
  border:1px solid rgba(53,59,111,.10);
  border-radius:10px!important;
  max-height:420px;
  background:#fff;
  box-shadow:none!important;
}
.sales-summary-visual-table table{
  min-width:1280px;
  border-collapse:separate;
  border-spacing:0;
}
.sales-summary-visual-table th,
.sales-summary-visual-table th:first-child{
  background:linear-gradient(90deg,#169fe6,#2681eb)!important;
  color:#fff!important;
  font-size:11px;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.sales-summary-visual-table td{
  padding:12px 14px!important;
  border-bottom:1px solid #dfe7f1;
  background:#fff!important;
  color:#142235!important;
  font-weight:600!important;
}
.sales-summary-visual-table td:first-child{
  background:#fff!important;
  color:#142235!important;
  font-weight:700!important;
}
.sales-summary-visual-table tbody tr:nth-child(even) td,
.sales-summary-visual-table tbody tr:nth-child(even) td:first-child{
  background:#fbfdff!important;
}
.sales-summary-visual-table tbody tr.dash-total-row,
.sales-summary-visual-table tbody tr.dash-total-row td,
.sales-summary-visual-table tbody tr.dash-total-row td:first-child{
  background:#eaf4ff!important;
  color:#1167c9!important;
  font-weight:900!important;
}
.sales-summary-visual-table tbody tr:last-child td{border-bottom:0}
#page-dashboard .dash-visual-summary-card{
  margin:18px 0 22px;
}
#page-dashboard .dash-summary-head{
  margin:0 0 14px;
}
#page-dashboard .dash-summary-visual-table{
  margin:0!important;
  border:1px solid rgba(53,59,111,.10);
  border-radius:10px!important;
  max-height:420px;
  background:#fff;
  box-shadow:none!important;
}
#page-dashboard .dash-summary-visual-table table{
  min-width:1320px;
  border-collapse:separate;
  border-spacing:0;
}
#page-dashboard .dash-summary-visual-table thead{
  position:sticky;
  top:0;
  z-index:8;
}
#page-dashboard .dash-summary-visual-table th,
#page-dashboard .dash-summary-visual-table th:first-child{
  position:sticky;
  top:0;
  background:linear-gradient(90deg,#169fe6,#2681eb)!important;
  color:#fff!important;
  font-size:11px;
  letter-spacing:.04em;
  text-transform:uppercase;
}
#page-dashboard .dash-summary-visual-table th:first-child{
  left:0;
  z-index:10;
}
#page-dashboard .dash-summary-visual-table td{
  padding:12px 14px!important;
  border-bottom:1px solid #dfe7f1;
  background:#fff!important;
  color:#142235!important;
  font-weight:500!important;
}
#page-dashboard .dash-summary-visual-table td b{
  font-weight:500!important;
}
#page-dashboard .dash-summary-visual-table td:first-child{
  background:#fff!important;
  color:#142235!important;
  font-weight:700!important;
}
#page-dashboard .dash-summary-visual-table tbody tr:nth-child(even) td,
#page-dashboard .dash-summary-visual-table tbody tr:nth-child(even) td:first-child{
  background:#fbfdff!important;
}
#page-dashboard .dash-summary-visual-table tbody tr.dash-total-row,
#page-dashboard .dash-summary-visual-table tbody tr.dash-total-row td,
#page-dashboard .dash-summary-visual-table tbody tr.dash-total-row td:first-child{
  background:#eaf4ff!important;
  color:#1167c9!important;
}
#page-dashboard .dash-summary-visual-table tbody tr.dash-total-row td{
  font-weight:500!important;
}
#page-dashboard .dash-summary-visual-table tbody tr.dash-total-row td:first-child{
  font-weight:700!important;
}
#page-dashboard .dash-summary-visual-table tbody tr:last-child td{border-bottom:0}
@media(max-width:760px){
  .visual-table-card{padding:14px;border-radius:14px}
  .visual-table-head{align-items:stretch;flex-direction:column}
  .visual-table-actions{justify-content:flex-start}
}

/* Dashboard and Sales Platform KPI cards slide horizontally so the section stays compact. */
#salesDashKpi,
#dash-kpi,
#salesShopeeKpi,
#salesTikTokKpi,
#salesTokopediaKpi,
#salesLazadaKpi,
#salesBlibliKpi,
#salesAkulakuKpi,
#salesZaloraKpi,
#shopee-kpi,
#tiktok-kpi,
#lazada-kpi,
#social-kpi{
  display:flex!important;
  grid-template-columns:none!important;
  align-items:stretch;
  gap:14px;
  margin:12px 0 22px;
  padding:4px 2px 14px;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
}
#salesDashKpi .kpi,
#dash-kpi .kpi,
#salesShopeeKpi .kpi,
#salesTikTokKpi .kpi,
#salesTokopediaKpi .kpi,
#salesLazadaKpi .kpi,
#salesBlibliKpi .kpi,
#salesAkulakuKpi .kpi,
#salesZaloraKpi .kpi,
#shopee-kpi .kpi,
#tiktok-kpi .kpi,
#lazada-kpi .kpi,
#social-kpi .kpi{
  --_c:#169fe6!important;
  flex:0 0 clamp(184px,16vw,238px);
  min-height:126px;
  scroll-snap-align:start;
}
#dash-kpi .kpi{
  flex-basis:clamp(286px,22vw,340px);
}
#shopee-kpi .kpi,
#tiktok-kpi .kpi,
#lazada-kpi .kpi,
#social-kpi .kpi{
  flex-basis:clamp(286px,22vw,360px);
}
#page-dashboard .dash-mix-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
#page-dashboard .dash-mix-grid>.cc.full{
  grid-column:1/-1;
}
#page-dashboard .dash-mix-grid>.cc,
#page-dashboard .dash-mix-grid+.cg>.cc{
  position:relative;
  overflow:hidden;
  border-color:rgba(43,63,111,.10);
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.94));
  box-shadow:0 18px 44px rgba(26,34,64,.07);
}
#page-dashboard .dash-mix-grid>.cc::before,
#page-dashboard .dash-mix-grid+.cg>.cc::before{
  content:'';
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,var(--accent),var(--a5),var(--a3));
  opacity:.95;
}
#page-dashboard .dash-mix-grid .ct,
#page-dashboard .dash-mix-grid+.cg .ct{
  font-size:16px;
  letter-spacing:-.28px;
}
#page-dashboard .dash-mix-grid .cb,
#page-dashboard .dash-mix-grid+.cg .cb{
  min-width:0;
}
#page-dashboard .dash-mix-grid>.cc.full .cb{
  height:300px;
}
#page-dashboard .dash-donut-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  grid-column:1/-1;
}
#page-dashboard .dash-donut-grid>.cc{
  min-width:0;
}
@media(max-width:1180px){
  #page-dashboard .dash-mix-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #page-dashboard .dash-donut-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:760px){
  #page-dashboard .dash-mix-grid{
    grid-template-columns:1fr;
  }
  #page-dashboard .dash-donut-grid{
    grid-template-columns:1fr;
  }
}
#salesDashKpi .kpi::before,
#dash-kpi .kpi::before,
#salesShopeeKpi .kpi::before,
#salesTikTokKpi .kpi::before,
#salesTokopediaKpi .kpi::before,
#salesLazadaKpi .kpi::before,
#salesBlibliKpi .kpi::before,
#salesAkulakuKpi .kpi::before,
#salesZaloraKpi .kpi::before,
#shopee-kpi .kpi::before,
#tiktok-kpi .kpi::before,
#lazada-kpi .kpi::before,
#social-kpi .kpi::before{background:#169fe6!important}
#salesDashKpi::-webkit-scrollbar,
#dash-kpi::-webkit-scrollbar,
#salesShopeeKpi::-webkit-scrollbar,
#salesTikTokKpi::-webkit-scrollbar,
#salesTokopediaKpi::-webkit-scrollbar,
#salesLazadaKpi::-webkit-scrollbar,
#salesBlibliKpi::-webkit-scrollbar,
#salesAkulakuKpi::-webkit-scrollbar,
#salesZaloraKpi::-webkit-scrollbar,
#shopee-kpi::-webkit-scrollbar,
#tiktok-kpi::-webkit-scrollbar,
#lazada-kpi::-webkit-scrollbar,
#social-kpi::-webkit-scrollbar{height:9px}
#salesDashKpi::-webkit-scrollbar-track,
#dash-kpi::-webkit-scrollbar-track,
#salesShopeeKpi::-webkit-scrollbar-track,
#salesTikTokKpi::-webkit-scrollbar-track,
#salesTokopediaKpi::-webkit-scrollbar-track,
#salesLazadaKpi::-webkit-scrollbar-track,
#salesBlibliKpi::-webkit-scrollbar-track,
#salesAkulakuKpi::-webkit-scrollbar-track,
#salesZaloraKpi::-webkit-scrollbar-track,
#shopee-kpi::-webkit-scrollbar-track,
#tiktok-kpi::-webkit-scrollbar-track,
#lazada-kpi::-webkit-scrollbar-track,
#social-kpi::-webkit-scrollbar-track{background:#e7ecf4;border-radius:999px}
#salesDashKpi::-webkit-scrollbar-thumb,
#dash-kpi::-webkit-scrollbar-thumb,
#salesShopeeKpi::-webkit-scrollbar-thumb,
#salesTikTokKpi::-webkit-scrollbar-thumb,
#salesTokopediaKpi::-webkit-scrollbar-thumb,
#salesLazadaKpi::-webkit-scrollbar-thumb,
#salesBlibliKpi::-webkit-scrollbar-thumb,
#salesAkulakuKpi::-webkit-scrollbar-thumb,
#salesZaloraKpi::-webkit-scrollbar-thumb,
#shopee-kpi::-webkit-scrollbar-thumb,
#tiktok-kpi::-webkit-scrollbar-thumb,
#lazada-kpi::-webkit-scrollbar-thumb,
#social-kpi::-webkit-scrollbar-thumb{background:#cbd4e4;border-radius:999px}
#salesDashKpi::-webkit-scrollbar-thumb:hover,
#dash-kpi::-webkit-scrollbar-thumb:hover,
#salesShopeeKpi::-webkit-scrollbar-thumb:hover,
#salesTikTokKpi::-webkit-scrollbar-thumb:hover,
#salesTokopediaKpi::-webkit-scrollbar-thumb:hover,
#salesLazadaKpi::-webkit-scrollbar-thumb:hover,
#salesBlibliKpi::-webkit-scrollbar-thumb:hover,
#salesAkulakuKpi::-webkit-scrollbar-thumb:hover,
#salesZaloraKpi::-webkit-scrollbar-thumb:hover,
#shopee-kpi::-webkit-scrollbar-thumb:hover,
#tiktok-kpi::-webkit-scrollbar-thumb:hover,
#lazada-kpi::-webkit-scrollbar-thumb:hover,
#social-kpi::-webkit-scrollbar-thumb:hover{background:#aebbd0}
.platform-kpi-hidden .platform-kpi-grid{display:none!important}
#salesShopeeCmpGrid,
#salesTikTokCmpGrid,
#salesTokopediaCmpGrid,
#salesLazadaCmpGrid,
#salesBlibliCmpGrid,
#salesAkulakuCmpGrid,
#salesZaloraCmpGrid{
  display:flex!important;
  grid-template-columns:none!important;
  gap:14px;
  margin:0 0 24px;
  padding:2px 2px 14px;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
}
#salesShopeeCmpGrid .cmp-card,
#salesTikTokCmpGrid .cmp-card,
#salesTokopediaCmpGrid .cmp-card,
#salesLazadaCmpGrid .cmp-card,
#salesBlibliCmpGrid .cmp-card,
#salesAkulakuCmpGrid .cmp-card,
#salesZaloraCmpGrid .cmp-card{
  flex:0 0 clamp(210px,17vw,270px);
  min-height:112px;
  scroll-snap-align:start;
}
#salesShopeeCmpGrid::-webkit-scrollbar,
#salesTikTokCmpGrid::-webkit-scrollbar,
#salesTokopediaCmpGrid::-webkit-scrollbar,
#salesLazadaCmpGrid::-webkit-scrollbar,
#salesBlibliCmpGrid::-webkit-scrollbar,
#salesAkulakuCmpGrid::-webkit-scrollbar,
#salesZaloraCmpGrid::-webkit-scrollbar{height:9px}
#salesShopeeCmpGrid::-webkit-scrollbar-track,
#salesTikTokCmpGrid::-webkit-scrollbar-track,
#salesTokopediaCmpGrid::-webkit-scrollbar-track,
#salesLazadaCmpGrid::-webkit-scrollbar-track,
#salesBlibliCmpGrid::-webkit-scrollbar-track,
#salesAkulakuCmpGrid::-webkit-scrollbar-track,
#salesZaloraCmpGrid::-webkit-scrollbar-track{background:#e7ecf4;border-radius:999px}
#salesShopeeCmpGrid::-webkit-scrollbar-thumb,
#salesTikTokCmpGrid::-webkit-scrollbar-thumb,
#salesTokopediaCmpGrid::-webkit-scrollbar-thumb,
#salesLazadaCmpGrid::-webkit-scrollbar-thumb,
#salesBlibliCmpGrid::-webkit-scrollbar-thumb,
#salesAkulakuCmpGrid::-webkit-scrollbar-thumb,
#salesZaloraCmpGrid::-webkit-scrollbar-thumb{background:#cbd4e4;border-radius:999px}
.sales-platform-table{
  width:100%;
  max-height:620px;
  background:#fff;
  border-color:#dbe3ef;
  border-radius:16px;
}
.sales-platform-table table{
  width:100%;
  min-width:1280px;
  table-layout:auto;
}
.sales-platform-table thead,
.sales-platform-table thead th,
.sales-platform-table thead th:first-child,
.sales-platform-table thead th:nth-child(3){
  background:linear-gradient(90deg,#169fe6,#2681eb)!important;
  color:#fff!important;
}
.sales-platform-table th,
.sales-platform-table td{
  padding:12px 14px;
  text-align:right;
}
.sales-platform-table th:nth-child(-n+3),
.sales-platform-table td:nth-child(-n+3),
.sales-platform-table th:nth-child(4),
.sales-platform-table td:nth-child(4){
  text-align:left;
}
.sales-platform-table tbody tr:hover td:first-child,
.sales-platform-table tbody tr:hover td:nth-child(3){
  background:#f5f9ff;
}
[data-theme=dark] .sales-platform-table{
  background:var(--card);
}
#page-shopee .metric-compact{
  gap:10px;
  align-items:center;
  padding:14px 18px;
  border-color:rgba(53,59,111,.08);
  box-shadow:var(--shadow2);
}
#page-shopee .metric-chip{
  background:#f1f3f8;
  border:1px solid rgba(53,59,111,.10);
  border-radius:14px;
  padding:8px 9px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78);
}
#page-shopee .metric-chip-label{
  color:#353b6f;
  min-width:46px;
}
#page-shopee .metric-chip .finp{
  background:#fff;
  border-color:rgba(53,59,111,.10);
  border-radius:10px;
  color:#142235;
}
#page-shopee .metric-chip .finp:focus{
  border-color:#353b6f;
  box-shadow:0 0 0 3px rgba(53,59,111,.08);
}
#page-shopee .metric-chip .metric-sep{color:#7b8499}
#page-shopee .metric-compact .btn{
  background:#fff;
  border-color:rgba(53,59,111,.12);
  color:#353b6f;
}
#page-shopee #shopeeFilterCount{
  margin-left:auto;
  color:#4b5568;
}
.platform-summary-table tbody tr,
.platform-summary-table tbody tr:nth-child(1),
.platform-summary-table tbody tr:nth-child(2),
.platform-summary-table tbody tr:nth-child(3),
.platform-summary-table tbody tr:nth-child(n+4),
.social-summary-table tbody tr,
.social-summary-table tbody tr:nth-child(1),
.social-summary-table tbody tr:nth-child(2),
.social-summary-table tbody tr:nth-child(3),
.social-summary-table tbody tr:nth-child(n+4){
  background:#fff!important;
}
.platform-summary-table tbody tr:nth-child(even) td,
.platform-summary-table tbody tr:nth-child(even) td:first-child,
.platform-summary-table tbody tr:nth-child(even) td:nth-child(2),
.social-summary-table tbody tr:nth-child(even) td,
.social-summary-table tbody tr:nth-child(even) td:first-child{
  background:#fbfdff!important;
}
.platform-summary-table td,
.platform-summary-table td b,
.social-summary-table td,
.social-summary-table td b{
  color:#142235!important;
  font-weight:500!important;
}
.platform-summary-table td:first-child,
.platform-summary-table td:nth-child(2),
.platform-summary-table .platform-name,
.social-summary-table td:first-child{
  background:inherit!important;
  color:#142235!important;
  font-weight:700!important;
}
.platform-summary-table tbody tr.dash-total-row,
.platform-summary-table tbody tr.dash-total-row td,
.platform-summary-table tbody tr.dash-total-row td:first-child,
.platform-summary-table tbody tr.dash-total-row td:nth-child(2),
.social-summary-table tbody tr.dash-total-row,
.social-summary-table tbody tr.dash-total-row td,
.social-summary-table tbody tr.dash-total-row td:first-child{
  background:#eaf4ff!important;
  color:#1167c9!important;
}
.platform-summary-table tbody tr.dash-total-row td,
.social-summary-table tbody tr.dash-total-row td{
  font-weight:500!important;
}
.platform-summary-table tbody tr.dash-total-row td:first-child,
.platform-summary-table tbody tr.dash-total-row td:nth-child(2),
.social-summary-table tbody tr.dash-total-row td:first-child{
  font-weight:700!important;
}
.kpi-compare{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:10px;
  color:var(--muted);
  font-size:10.5px;
  font-weight:700;
  line-height:1.25;
}
.kpi-compare>span{
  flex:1 1 auto;
  min-width:0;
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
  max-width:none;
}
.kpi-compare-copy{
  display:flex;
  flex-direction:column;
  gap:1px;
}
.kpi-compare-label{display:block}
.kpi-compare-ref{display:block;font-weight:900;color:#7b8499}
.kpi-compare-copy .kpi-compare-label+.kpi-compare-label,
.kpi-compare-copy .kpi-compare-ref:first-of-type{
  color:#7b8499;
}
.kpi-delta{
  flex:0 0 auto;
  padding:5px 8px;
  border-radius:999px;
  font-size:10px;
  font-weight:900;
}
.kpi-delta.pos{background:#dcfce7;color:#16a36a}
.kpi-delta.neg{background:#ffe4ea;color:#ff6b8a}
.kpi-delta.muted{background:#edf1f7;color:var(--muted)}
@media(max-width:760px){
  #salesDashKpi .kpi,
  #dash-kpi .kpi,
  #salesShopeeKpi .kpi,
  #salesTikTokKpi .kpi,
  #salesTokopediaKpi .kpi,
  #salesLazadaKpi .kpi,
  #salesBlibliKpi .kpi,
  #salesAkulakuKpi .kpi,
  #salesZaloraKpi .kpi,
  #shopee-kpi .kpi,
  #tiktok-kpi .kpi,
  #lazada-kpi .kpi,
  #social-kpi .kpi{flex-basis:78vw}
}

.sales-visual-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:16px;
  margin:2px 0 24px;
  align-items:stretch;
}
.sales-visual-card{
  min-width:0;
  border:1px solid rgba(53,59,111,.08);
  border-radius:18px;
  background:#fff;
  box-shadow:var(--shadow);
  padding:18px;
  align-self:stretch;
  min-height:285px;
}
.sales-visual-side-stack{
  min-width:0;
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  gap:16px;
  align-self:stretch;
}
.sales-visual-side-stack .sales-visual-card{min-height:0}
.sales-visual-contrib{padding:16px 18px;min-height:0}
.sales-visual-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.sales-visual-title{
  color:#12172a;
  font-size:16px;
  font-weight:900;
}
.sales-visual-sub{
  margin-top:4px;
  color:#8a91a8;
  font-size:11px;
  font-weight:700;
}
.sales-visual-legend{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
  color:#657086;
  font-size:10px;
  font-weight:800;
}
.sales-visual-legend span{display:inline-flex;align-items:center;gap:5px}
.sales-visual-dot{width:8px;height:8px;border-radius:50%;background:#169fe6}
.sales-visual-dot.discount{background:#2dd4bf}
.sales-trend-svg,.sales-pie-svg{display:block;width:100%;height:auto;overflow:visible}
.sales-hover-dot{
  fill:transparent;
  stroke:transparent;
  cursor:default;
  pointer-events:all;
}
.sales-visual-tooltip{
  position:fixed;
  z-index:9999;
  max-width:220px;
  padding:8px 10px;
  border-radius:10px;
  background:#12172a;
  color:#fff;
  white-space:pre-line;
  font-size:11px;
  line-height:1.35;
  font-weight:800;
  box-shadow:0 14px 34px rgba(18,23,42,.22);
  pointer-events:none;
  opacity:0;
  transform:translateY(3px);
  transition:opacity .06s ease,transform .06s ease;
}
.sales-visual-tooltip.show{
  opacity:1;
  transform:translateY(0);
}
.sales-pulse-dot{animation:salesPulseDot 1.35s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes salesPulseDot{
  0%,100%{r:5;opacity:1}
  50%{r:8;opacity:.55}
}
.sales-contrib-carousel{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px;
  border-radius:999px;
  background:#eef4fb;
}
.sales-contrib-nav{
  border:0;
  width:28px;
  height:28px;
  border-radius:50%;
  background:#fff;
  color:#169fe6;
  font-size:17px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 5px 14px rgba(22,159,230,.12);
}
.sales-contrib-mode{
  min-width:54px;
  display:grid;
  place-items:center;
  line-height:1.05;
  color:#169fe6;
  font-weight:900;
  font-size:10px;
}
.sales-contrib-mode b{font-size:11px}
.sales-contrib-mode span{color:#7b8499;font-size:8px}
.sales-contrib-nav:hover{
  background:#169fe6;
  color:#fff;
}
.sales-pie-layout{
  display:grid;
  grid-template-columns:minmax(190px,230px) minmax(230px,1fr);
  gap:18px;
  align-items:center;
  max-width:none;
  min-height:205px;
}
.sales-pie-svg{max-width:230px}
.sales-pie-list{
  display:grid;
  gap:7px;
  align-content:center;
  width:min(100%,300px);
  margin:0 auto;
  padding-left:0;
}
.sales-pie-row{
  display:grid;
  grid-template-columns:10px minmax(120px,1fr) 54px;
  gap:10px;
  align-items:center;
  color:#29334a;
  font-size:11px;
  font-weight:800;
}
.sales-pie-row i{width:9px;height:9px;border-radius:50%}
.sales-pie-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.sales-pie-row b{font-size:10px;text-align:right;min-width:42px}
.sales-visual-kpi-mini{
  display:grid;
  grid-template-columns:minmax(0,1fr) 118px;
  align-items:center;
  gap:14px;
  padding:16px 18px;
}
.sales-visual-kpi-label{
  color:#778196;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}
.sales-visual-kpi-value{
  margin-top:4px;
  color:#169fe6;
  font-size:28px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.03em;
}
.sales-visual-kpi-sub{
  margin-top:7px;
  color:#7f889b;
  font-size:10px;
  font-weight:800;
}
.sales-visual-kpi-meter{
  height:10px;
  border-radius:999px;
  background:#eaf2fb;
  overflow:hidden;
}
.sales-visual-kpi-meter span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#169fe6,#2dd4bf);
}
.sales-empty-visual{
  min-height:180px;
  display:grid;
  place-items:center;
  color:#8a91a8;
  font-size:12px;
  font-weight:800;
  border:1px dashed rgba(53,59,111,.14);
  border-radius:14px;
  background:#fbfdff;
}
.sales-shipping-card .cb{
  overflow:hidden;
}
.sales-shipping-donut{
  height:100%;
  min-height:0;
  overflow:hidden;
}
.sales-shipping-donut-layout{
  display:grid;
  grid-template-columns:minmax(132px,180px) minmax(150px,1fr);
  gap:12px;
  align-items:center;
  height:100%;
  min-height:0;
  overflow:hidden;
  padding:0 12px 4px 8px;
}
.sales-shipping-donut-svg{
  width:100%;
  max-width:178px;
  min-width:128px;
  margin:auto;
}
.sales-shipping-donut-list{
  display:grid;
  gap:5px;
  align-content:center;
  max-height:196px;
  min-width:0;
  overflow:hidden;
}
.sales-shipping-donut-row{
  display:grid;
  grid-template-columns:8px minmax(74px,1fr) 44px;
  gap:7px;
  align-items:center;
  color:#29334a;
  font-size:9.5px;
  font-weight:850;
  line-height:1.15;
}
.sales-shipping-donut-row i{
  width:8px;
  height:8px;
  border-radius:50%;
}
.sales-shipping-donut-row span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.sales-shipping-donut-row b{
  text-align:right;
  color:#111827;
  font-size:9px;
}
.sales-shipper-dark-card{
  background:#fff!important;
  border-color:rgba(15,23,42,.08)!important;
  color:#111827;
}
.sales-shipper-dark-card .ct{
  color:#111827;
}
.sales-shipper-dark-card .ch{
  border-bottom:0;
}
.sales-shipper-dark-card .cb{
  padding:8px 16px 14px;
}
.sales-shipper-bars{
  height:100%;
  color:#fff;
}
.sales-shipper-panel{
  height:100%;
  min-height:230px;
  overflow-y:auto;
  overflow-x:hidden;
  border-radius:12px;
  background:#22221f;
  padding:12px 14px 10px;
}
.sales-shipper-wrap{
  min-height:max-content;
  display:grid;
  grid-template-rows:auto;
  gap:8px;
}
.sales-shipper-axis{
  margin-left:90px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  color:rgba(255,255,255,.62);
  font-size:9px;
  font-weight:800;
}
.sales-shipper-axis span:not(:first-child){
  text-align:center;
}
.sales-shipper-axis span:last-child{
  text-align:right;
}
.sales-shipper-row{
  display:grid;
  grid-template-columns:78px minmax(120px,1fr) 58px;
  gap:10px;
  align-items:center;
}
.sales-shipper-name{
  color:#fff;
  font-size:11px;
  font-weight:900;
  text-align:right;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.sales-shipper-track{
  height:23px;
  background:rgba(0,0,0,.16);
  border-radius:4px;
  overflow:hidden;
}
.sales-shipper-bar{
  height:100%;
  min-width:42px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 9px;
  border-radius:4px;
  color:#fff;
  background:#3f8ed2;
  white-space:nowrap;
}
.sales-shipper-bar b{
  font-size:13px;
  line-height:1;
  font-weight:950;
}
.sales-shipper-bar span{
  opacity:.92;
  font-size:9px;
  font-weight:900;
}
.sales-shipper-share{
  color:#9bf07f;
  font-size:11px;
  font-weight:950;
  text-align:right;
}
.sales-shipper-x{
  color:rgba(255,255,255,.62);
  font-size:9px;
  font-weight:800;
  text-align:center;
  padding-top:2px;
}
.sales-shipper-empty{
  height:100%;
  display:grid;
  place-items:center;
  color:rgba(255,255,255,.72);
  font-size:12px;
  font-weight:800;
  border-radius:12px;
  background:#22221f;
}
@media(max-width:980px){
  .sales-visual-grid{grid-template-columns:1fr}
  .sales-visual-side-stack{grid-template-rows:auto auto}
  .sales-shipping-donut-layout{grid-template-columns:1fr}
}
@media(max-width:560px){
  .sales-pie-layout{grid-template-columns:1fr}
  .sales-pie-svg{max-width:180px;margin:auto}
  .sales-visual-kpi-mini{grid-template-columns:1fr}
  .sales-shipper-axis{margin-left:0}
  .sales-shipper-row{grid-template-columns:1fr}
  .sales-shipper-name{text-align:left}
  .sales-shipper-share{text-align:left}
}

/* Dashboard Sales visual refresh: lightweight SVG/CSS only. */
#salesDashVisuals{
  --sales-tech-blue:#169fe6;
  --sales-tech-cyan:#2dd4bf;
  --sales-tech-ink:#12172a;
  --sales-tech-muted:#758097;
}
#page-salesdash .cc,
#salesDashVisuals .sales-visual-card{
  border:1px solid rgba(121,139,168,.12);
  box-shadow:0 18px 44px rgba(31,41,55,.07);
}
#salesDashVisuals .sales-visual-grid{
  gap:18px;
  margin-top:4px;
}
#salesDashVisuals .sales-visual-card{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,251,255,.96));
}
#salesDashVisuals .sales-visual-card:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(22,159,230,.12),transparent 28%),
    linear-gradient(180deg,rgba(45,212,191,.09),transparent 34%);
  opacity:.7;
}
#salesDashVisuals .sales-visual-card>*{
  position:relative;
  z-index:1;
}
#salesDashVisuals .sales-visual-title,
#page-salesdash .ct{
  color:#0f172a;
  letter-spacing:0;
}
#salesDashVisuals .sales-visual-title{
  font-size:15px;
}
#salesDashVisuals .sales-visual-sub{
  color:#7b8499;
  letter-spacing:0;
}
#salesDashVisuals .sales-visual-legend{
  gap:10px;
  padding:7px 9px;
  border:1px solid rgba(121,139,168,.12);
  border-radius:999px;
  background:rgba(255,255,255,.74);
  color:#64748b;
  letter-spacing:0;
}
#salesDashVisuals .sales-visual-dot{
  box-shadow:0 0 0 4px rgba(22,159,230,.11);
}
#salesDashVisuals .sales-visual-dot.discount{
  box-shadow:0 0 0 4px rgba(45,212,191,.13);
}
#salesDashVisuals .sales-trend-svg{
  min-height:220px;
}
#salesDashVisuals .sales-visual-trend-card{
  min-height:0;
}
#salesDashVisuals .sales-target-card{
  min-height:118px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(220px,300px);
  align-items:center;
  gap:18px;
  padding:16px 18px;
  border:1px solid rgba(22,159,230,.14);
  background:
    linear-gradient(180deg,#fff,#f7fbff),
    linear-gradient(90deg,rgba(22,159,230,.12),rgba(45,212,191,.12));
}
#salesDashVisuals .sales-target-main,
#salesDashVisuals .sales-target-side{
  min-width:0;
}
#salesDashVisuals .sales-target-label{
  color:#6b7280;
  font-size:10px;
  font-weight:900;
}
#salesDashVisuals .sales-target-value{
  margin-top:4px;
  color:#0f172a;
  font-size:28px;
  line-height:1;
  font-weight:950;
}
#salesDashVisuals .sales-target-sub{
  margin-top:7px;
  color:#7f889b;
  font-size:10px;
  font-weight:800;
}
#salesDashVisuals .sales-target-meter{
  height:12px;
  overflow:hidden;
  border:1px solid rgba(22,159,230,.16);
  border-radius:999px;
  background:#eaf4ff;
}
#salesDashVisuals .sales-target-meter span{
  display:block;
  height:100%;
  max-width:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#169fe6,#2dd4bf);
}
#salesDashVisuals .sales-target-grid{
  margin-top:8px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
#salesDashVisuals .sales-target-grid div{
  min-width:0;
  padding:7px 8px;
  border:1px solid rgba(121,139,168,.09);
  border-radius:12px;
  background:rgba(248,251,255,.88);
}
#salesDashVisuals .sales-target-grid span{
  color:#778196;
  font-size:10px;
  font-weight:900;
}
#salesDashVisuals .sales-target-grid b{
  display:block;
  margin-top:2px;
  color:#25324a;
  font-size:10px;
  font-weight:950;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#salesDashVisuals .sales-contrib-carousel{
  border:1px solid rgba(22,159,230,.12);
  background:#f2f8ff;
}
#salesDashVisuals .sales-contrib-nav{
  box-shadow:none;
  border:1px solid rgba(22,159,230,.12);
}
#salesDashVisuals .sales-contrib-mode{
  color:#0ea5e9;
  letter-spacing:0;
}
#salesDashVisuals .sales-pie-layout{
  grid-template-columns:minmax(180px,220px) minmax(220px,1fr);
  min-height:206px;
}
#salesDashVisuals .sales-pie-list{
  gap:8px;
  width:100%;
}
#salesDashVisuals .sales-pie-row{
  grid-template-columns:10px minmax(118px,1fr) 58px;
  padding:7px 9px;
  border-radius:12px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(121,139,168,.09);
}
#salesDashVisuals .sales-pie-row i{
  box-shadow:0 0 0 4px rgba(121,139,168,.08);
}
#salesDashVisuals .sales-visual-kpi-mini{
  min-height:118px;
  background:
    linear-gradient(180deg,#fff,#f7fbff),
    linear-gradient(90deg,rgba(22,159,230,.12),rgba(45,212,191,.12));
}
#salesDashVisuals .sales-visual-kpi-label{
  letter-spacing:0;
  color:#6b7280;
}
#salesDashVisuals .sales-visual-kpi-value{
  color:#0ea5e9;
  letter-spacing:0;
}
#salesDashVisuals .sales-visual-kpi-meter{
  height:12px;
  border:1px solid rgba(22,159,230,.10);
  background:#eaf4ff;
}
#salesDashVisuals .sales-visual-kpi-meter span{
  background:linear-gradient(90deg,#169fe6,#2dd4bf);
  box-shadow:0 0 18px rgba(45,212,191,.26);
}
#page-salesdash .cg .cc{
  border-radius:18px;
  background:linear-gradient(180deg,#fff,#fbfdff);
}
#page-salesdash .cg .cc .cb{
  min-height:0;
}
#page-salesdash .sales-shipping-card .cb{
  padding-top:2px;
}
#page-salesdash .sales-shipping-donut-layout{
  gap:16px;
  padding:0 14px 8px 8px;
}
#page-salesdash .sales-shipping-donut-svg{
  filter:drop-shadow(0 16px 18px rgba(31,41,55,.08));
}
#page-salesdash .sales-shipping-donut-row{
  grid-template-columns:9px minmax(74px,1fr) 48px;
  min-height:26px;
  padding:5px 8px;
  border-radius:10px;
  background:rgba(248,251,255,.86);
  border:1px solid rgba(121,139,168,.08);
  color:#23304a;
}
#page-salesdash .sales-shipping-donut-row i{
  box-shadow:0 0 0 4px rgba(121,139,168,.08);
}
#page-salesdash .sales-shipping-donut-row b{
  color:#111827;
}
#page-salesdash .sales-shipper-dark-card{
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
}
#page-salesdash .sales-shipper-panel{
  min-height:226px;
  padding:14px;
  border:1px solid rgba(121,139,168,.12);
  border-radius:14px;
  background:linear-gradient(180deg,#fff,#f8fbff);
  scrollbar-width:thin;
}
#page-salesdash .sales-shipper-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
  color:#0f172a;
  font-size:11px;
  font-weight:900;
}
#page-salesdash .sales-shipper-panel-head span{
  color:#7b8499;
  text-transform:uppercase;
  letter-spacing:0;
}
#page-salesdash .sales-shipper-panel-head b{
  color:#0f172a;
}
#page-salesdash .sales-shipper-wrap{
  gap:9px;
}
#page-salesdash .sales-shipper-axis{
  color:#8a93a6;
}
#page-salesdash .sales-shipper-name{
  color:#25324a;
}
#page-salesdash .sales-shipper-track{
  height:26px;
  border-radius:8px;
  background:#edf4fb;
}
#page-salesdash .sales-shipper-bar{
  border-radius:8px;
  background:linear-gradient(90deg,#169fe6,#4ca8ff);
  box-shadow:0 8px 18px rgba(22,159,230,.18);
}
#page-salesdash .sales-shipper-share{
  color:#169fe6;
}
#page-salesdash .sales-shipper-x{
  color:#8a93a6;
}
#page-salesdash .sales-shipper-empty{
  color:#7b8499;
  background:#f8fbff;
  border:1px dashed rgba(121,139,168,.18);
}
@media(max-width:980px){
  #salesDashVisuals .sales-pie-layout{grid-template-columns:1fr}
  #salesDashVisuals .sales-pie-svg{max-width:190px;margin:auto}
}
@media(max-width:760px){
  #salesDashVisuals .sales-target-card{grid-template-columns:1fr}
  #salesDashVisuals .sales-target-grid{grid-template-columns:1fr}
}
#salesDashVisuals .sales-target-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
#salesDashVisuals .sales-target-set{
  flex:0 0 auto;
  border:1px solid rgba(22,159,230,.14);
  border-radius:999px;
  background:#fff;
  color:#169fe6;
  padding:6px 10px;
  font-size:10px;
  font-weight:950;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(22,159,230,.10);
}
#salesDashVisuals .sales-target-set:hover{
  background:#169fe6;
  color:#fff;
}
#page-salesdash .sales-shipping-donut-list{
  overflow-y:auto;
  overflow-x:hidden;
  padding-right:4px;
  scrollbar-width:thin;
}
#page-salesdash .sales-shipping-donut-list::-webkit-scrollbar{width:6px}
#page-salesdash .sales-shipping-donut-list::-webkit-scrollbar-thumb{background:#cbd4e4;border-radius:999px}
[data-theme=dark] #salesDashKpi .kpi{
  background:linear-gradient(180deg,#141416,#0d0d0f)!important;
  border-color:#2a2a2d!important;
  box-shadow:0 18px 44px rgba(0,0,0,.36)!important;
}
[data-theme=dark] #salesDashKpi .kpi-lbl,
[data-theme=dark] #salesDashKpi .kpi-compare,
[data-theme=dark] #salesDashKpi .kpi-compare-ref{
  color:#8f98ad!important;
}
[data-theme=dark] #salesDashKpi .kpi-val{
  color:#f4f7fb!important;
}
[data-theme=dark] #salesDashKpi .kpi-ico{
  color:#3a3f4f;
}
[data-theme=dark] #salesDashKpi::-webkit-scrollbar-track{background:#17181c}
[data-theme=dark] #salesDashKpi::-webkit-scrollbar-thumb{background:#3b4150}
[data-theme=dark] #salesDashVisuals .sales-visual-card,
[data-theme=dark] #page-salesdash .cg .cc{
  background:linear-gradient(180deg,#141416,#0d0d0f)!important;
  border-color:#2a2a2d!important;
  color:#f4f7fb;
  box-shadow:0 18px 44px rgba(0,0,0,.34)!important;
}
[data-theme=dark] #salesDashVisuals .sales-visual-card:before{
  background:
    linear-gradient(90deg,rgba(22,159,230,.16),transparent 30%),
    linear-gradient(180deg,rgba(45,212,191,.10),transparent 36%);
  opacity:.38;
}
[data-theme=dark] #salesDashVisuals .sales-visual-title,
[data-theme=dark] #page-salesdash .ct,
[data-theme=dark] #salesDashVisuals .sales-target-value,
[data-theme=dark] #salesDashVisuals .sales-target-grid b,
[data-theme=dark] #page-salesdash .sales-shipper-panel-head b{
  color:#f4f7fb!important;
}
[data-theme=dark] #salesDashVisuals .sales-visual-sub,
[data-theme=dark] #salesDashVisuals .sales-target-label,
[data-theme=dark] #salesDashVisuals .sales-target-sub,
[data-theme=dark] #salesDashVisuals .sales-target-grid span,
[data-theme=dark] #salesDashVisuals .sales-visual-kpi-label,
[data-theme=dark] #salesDashVisuals .sales-visual-kpi-sub,
[data-theme=dark] #page-salesdash .sales-shipper-panel-head span,
[data-theme=dark] #page-salesdash .sales-shipper-axis,
[data-theme=dark] #page-salesdash .sales-shipper-x{
  color:#8f98ad!important;
}
[data-theme=dark] #salesDashVisuals .sales-visual-legend,
[data-theme=dark] #salesDashVisuals .sales-pie-row,
[data-theme=dark] #salesDashVisuals .sales-target-grid div{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.08)!important;
  color:#d7dce8!important;
}
[data-theme=dark] #salesDashVisuals .sales-pie-row b,
[data-theme=dark] #salesDashVisuals .sales-pie-row span{
  color:#eef2f8!important;
}
[data-theme=dark] #salesDashVisuals .sales-contrib-carousel{
  background:#171b24!important;
  border-color:rgba(22,159,230,.20)!important;
}
[data-theme=dark] #salesDashVisuals .sales-contrib-nav,
[data-theme=dark] #salesDashVisuals .sales-target-set{
  background:#111827!important;
  border-color:rgba(22,159,230,.24)!important;
  color:#38bdf8!important;
}
[data-theme=dark] #salesDashVisuals .sales-contrib-nav:hover,
[data-theme=dark] #salesDashVisuals .sales-target-set:hover{
  background:#169fe6!important;
  color:#fff!important;
}
[data-theme=dark] #salesDashVisuals .sales-target-meter,
[data-theme=dark] #salesDashVisuals .sales-visual-kpi-meter{
  background:#18202b!important;
  border-color:rgba(22,159,230,.26)!important;
}
[data-theme=dark] #salesDashVisuals .sales-trend-svg line{
  stroke:rgba(255,255,255,.08)!important;
}
[data-theme=dark] #salesDashVisuals .sales-trend-svg text{
  fill:#8f98ad!important;
}
[data-theme=dark] #salesDashVisuals .sales-pie-svg circle{
  fill:#0b0b0d!important;
  stroke:#242a36!important;
}
[data-theme=dark] #salesDashVisuals .sales-pie-svg path:first-of-type,
[data-theme=dark] #page-salesdash .sales-shipping-donut-svg path:first-of-type{
  stroke:#242a36!important;
}
[data-theme=dark] #salesDashVisuals .sales-pie-svg text[font-size="19"],
[data-theme=dark] #page-salesdash .sales-shipping-donut-svg text[font-size="19"]{
  fill:#f4f7fb!important;
}
[data-theme=dark] #salesDashVisuals .sales-pie-svg text[font-size="10"],
[data-theme=dark] #page-salesdash .sales-shipping-donut-svg text[font-size="10"]{
  fill:#8f98ad!important;
}
[data-theme=dark] #page-salesdash .sales-shipping-donut-row{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.08)!important;
  color:#d7dce8!important;
}
[data-theme=dark] #page-salesdash .sales-shipping-donut-row b{
  color:#f4f7fb!important;
}
[data-theme=dark] #page-salesdash .sales-shipping-donut-list::-webkit-scrollbar-thumb{
  background:#3b4150;
}
[data-theme=dark] #page-salesdash .sales-shipper-dark-card{
  background:linear-gradient(180deg,#141416,#0d0d0f)!important;
}
[data-theme=dark] #page-salesdash .sales-shipper-panel{
  background:#151514!important;
  border-color:#2d2d2d!important;
}
[data-theme=dark] #page-salesdash .sales-shipper-name{
  color:#f4f7fb!important;
}
[data-theme=dark] #page-salesdash .sales-shipper-track{
  background:#20201e!important;
}
[data-theme=dark] #page-salesdash .sales-shipper-empty,
[data-theme=dark] #salesDashVisuals .sales-empty-visual{
  background:#151514!important;
  border-color:#2d2d2d!important;
  color:#8f98ad!important;
}

/* Stock Analysis tables: scoped visual pass only, matching Dashboard Sales table density. */
#page-stock-analysis .stock-analysis-filter{
  position:relative;
  display:grid!important;
  grid-template-columns:1fr;
  grid-auto-rows:max-content;
  align-items:stretch!important;
  align-content:start!important;
  flex-wrap:nowrap!important;
  gap:10px;
  width:100%;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  box-sizing:border-box;
  padding:10px!important;
  margin-bottom:14px;
}
#page-stock-analysis .stock-analysis-filter>*{
  min-height:0;
}
#page-stock-analysis .stock-analysis-filter-head{
  display:flex;
  align-items:center;
  width:100%;
  min-height:36px;
}
#page-stock-analysis .stock-analysis-dim-row{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:10px;
  padding-top:10px;
  border-top:1px solid rgba(53,59,111,.08);
}
#page-stock-analysis .sales-dash-field{
  margin-top:0;
  min-width:0;
}
#page-stock-analysis .sales-date-card{
  width:100%;
}
#page-stock-analysis .sales-dash-field .multi-check,
#page-stock-analysis .sales-dash-field .multi-check-btn{
  width:100%;
}
#page-stock-analysis .sales-dash-advanced-menu{
  width:260px;
}
:is(#page-stock-mgmt,#page-stock-analysis) .tw{
  border:1px solid rgba(53,59,111,.10);
  border-radius:10px;
  background:#fff;
  box-shadow:none!important;
}
:is(#page-stock-mgmt,#page-stock-analysis) table{
  border-collapse:separate;
  border-spacing:0;
  font-size:12px;
}
:is(#page-stock-mgmt,#page-stock-analysis) thead,
:is(#page-stock-mgmt,#page-stock-analysis) .stock-data-table thead,
:is(#page-stock-mgmt,#page-stock-analysis) .stock-data-table thead th{
  background:linear-gradient(90deg,#169fe6,#2681eb)!important;
}
:is(#page-stock-mgmt,#page-stock-analysis) th{
  padding:13px 14px;
  background:linear-gradient(90deg,#169fe6,#2681eb)!important;
  color:#fff!important;
  border-bottom:0;
  border-right:1px solid rgba(255,255,255,.18);
  font-size:10px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
:is(#page-stock-mgmt,#page-stock-analysis) th:last-child{
  border-right:0;
}
:is(#page-stock-mgmt,#page-stock-analysis) th:nth-child(n+2),
:is(#page-stock-mgmt,#page-stock-analysis) td:nth-child(n+2){
  text-align:right;
}
:is(#page-stock-mgmt,#page-stock-analysis) th:first-child,
:is(#page-stock-mgmt,#page-stock-analysis) td:first-child{
  text-align:left;
}
:is(#page-stock-mgmt,#page-stock-analysis) th.sortable::after{
  color:rgba(255,255,255,.78);
}
:is(#page-stock-mgmt,#page-stock-analysis) td{
  padding:12px 14px!important;
  color:#142235!important;
  border-bottom:1px solid #dfe7f1;
  background:#fff!important;
  font-weight:500!important;
}
:is(#page-stock-mgmt,#page-stock-analysis) tbody tr:nth-child(even) td{
  background:#fbfdff!important;
}
:is(#page-stock-mgmt,#page-stock-analysis) tbody tr:hover td{
  background:#eef7ff!important;
}
:is(#page-stock-mgmt,#page-stock-analysis) tbody tr:last-child td{
  border-bottom:0;
}
:is(#page-stock-mgmt,#page-stock-analysis) tbody td b,
:is(#page-stock-mgmt,#page-stock-analysis) tbody td strong{
  font-weight:500!important;
}
:is(#page-stock-mgmt,#page-stock-analysis) tbody td:first-child{
  color:#142235!important;
  font-weight:500!important;
}
:is(#page-stock-mgmt,#page-stock-analysis) .stock-data-table tbody td:nth-child(1),
:is(#page-stock-mgmt,#page-stock-analysis) .stock-data-table tbody td:nth-child(2),
:is(#page-stock-mgmt,#page-stock-analysis) .stock-data-table tbody td:nth-child(3),
:is(#page-stock-mgmt,#page-stock-analysis) .stock-data-table tbody td:nth-child(4),
:is(#page-stock-mgmt,#page-stock-analysis) .stock-data-table tbody td:nth-child(5){
  background:inherit!important;
}
:is(#page-stock-mgmt,#page-stock-analysis) .stock-data-table .bx{
  font-weight:500;
}
:is(#page-stock-mgmt,#page-stock-analysis) .stock-data-table .btn{
  font-weight:700;
}
:is(#page-stock-mgmt,#page-stock-analysis) #stockAnalysisKpi{
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:12px;
  margin-bottom:16px;
}
:is(#page-stock-mgmt,#page-stock-analysis) #stockAnalysisKpi .kpi{
  min-height:86px;
  padding:13px 16px 14px;
  border-radius:16px;
}
:is(#page-stock-mgmt,#page-stock-analysis) #stockAnalysisKpi .kpi::before{
  height:3px;
}
:is(#page-stock-mgmt,#page-stock-analysis) #stockAnalysisKpi .kpi-lbl{
  margin-bottom:7px;
  font-size:9.5px;
  letter-spacing:.45px;
}
:is(#page-stock-mgmt,#page-stock-analysis) #stockAnalysisKpi .kpi-val{
  font-size:22px;
  line-height:1.08;
  letter-spacing:-.35px;
}
:is(#page-stock-mgmt,#page-stock-analysis) #stockAnalysisKpi .kpi-ico{
  right:14px;
  top:15px;
  font-size:18px;
}
[data-theme=dark] :is(#page-stock-mgmt,#page-stock-analysis) .tw{
  border-color:rgba(255,255,255,.12);
  background:var(--card);
}
[data-theme=dark] :is(#page-stock-mgmt,#page-stock-analysis) thead,
[data-theme=dark] :is(#page-stock-mgmt,#page-stock-analysis) .stock-data-table thead,
[data-theme=dark] :is(#page-stock-mgmt,#page-stock-analysis) .stock-data-table thead th,
[data-theme=dark] :is(#page-stock-mgmt,#page-stock-analysis) th{
  background:#2563a8!important;
  color:#fff!important;
}
[data-theme=dark] :is(#page-stock-mgmt,#page-stock-analysis) td{
  background:#171b2d;
  color:var(--text);
  border-bottom-color:rgba(255,255,255,.08);
}
[data-theme=dark] :is(#page-stock-mgmt,#page-stock-analysis) tbody tr:nth-child(even) td{
  background:#1b2035;
}
[data-theme=dark] :is(#page-stock-mgmt,#page-stock-analysis) tbody tr:hover td{
  background:#202842;
}
/* Data Management Sales: visual-only polish for saved sales toolbar and table. */
#page-sales-mgmt .sh:has(#salesFilterPlatform){
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  margin:16px 0 14px;
  padding:18px;
  border:1px solid rgba(53,59,111,.08);
  border-radius:20px;
  background:rgba(255,255,255,.94);
  box-shadow:0 14px 34px rgba(48,54,95,.08);
}
#page-sales-mgmt .sh:has(#salesFilterPlatform) .st{
  font-size:16px;
  font-weight:800;
  letter-spacing:-.35px;
  color:#11182f;
}
#page-sales-mgmt .sh:has(#salesFilterPlatform) .da{
  display:grid;
  grid-template-columns:repeat(7,minmax(132px,1fr)) repeat(2,minmax(136px,.82fr)) minmax(120px,.78fr);
  gap:10px;
  align-items:center;
  width:100%;
}
#page-sales-mgmt .sh:has(#salesFilterPlatform) .fsel,
#page-sales-mgmt .sh:has(#salesFilterPlatform) .finp{
  width:100%;
  min-width:0;
  max-width:none;
  min-height:38px;
  padding:8px 12px!important;
  border-radius:12px;
  border:1px solid rgba(53,59,111,.13);
  background:#f8fafc;
  color:#11182f;
  font-size:12px!important;
  font-weight:700;
}
#page-sales-mgmt .sh:has(#salesFilterPlatform) .btn{
  min-height:38px;
  justify-content:center;
  padding:8px 13px!important;
  border-radius:12px;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
  box-shadow:none;
  transform:none;
}
#page-sales-mgmt .sh:has(#salesFilterPlatform) .btn-p{
  background:#353b6f;
}
#page-sales-mgmt .sh:has(#salesFilterPlatform) .btn-s{
  background:#fff;
  border:1px solid rgba(53,59,111,.12);
  color:#11182f;
}
#page-sales-mgmt .sh:has(#salesFilterPlatform) .btn-d{
  background:#ff6f8b;
}
#page-sales-mgmt .sh:has(#salesFilterPlatform) .rc{
  justify-self:end;
  align-self:center;
  margin:0;
  padding:7px 10px;
  border:1px solid rgba(53,59,111,.10);
  border-radius:999px;
  background:#f4f7fd;
  color:#4d5570;
  font-size:11px;
  font-weight:800;
  text-align:center;
  white-space:nowrap;
}
#page-sales-mgmt .sales-mgmt-table{
  border-radius:18px;
  border:1px solid rgba(53,59,111,.08);
  background:#fff;
  box-shadow:0 14px 34px rgba(48,54,95,.08);
}
#page-sales-mgmt .sales-mgmt-table table{
  min-width:1880px;
  border-collapse:separate;
  border-spacing:0;
}
#page-sales-mgmt .sales-mgmt-table thead,
#page-sales-mgmt .sales-mgmt-table thead th,
#page-sales-mgmt .sales-mgmt-table thead th:first-child,
#page-sales-mgmt .sales-mgmt-table thead th:nth-child(-n+3){
  background:linear-gradient(90deg,#2f7df4 0%,#05a7ca 100%)!important;
  color:#fff!important;
}
#page-sales-mgmt .sales-mgmt-table th{
  padding:12px 14px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.65px;
  text-transform:uppercase;
  border-bottom:0;
  white-space:nowrap;
}
#page-sales-mgmt .sales-mgmt-table td{
  padding:12px 14px;
  border-bottom:1px solid rgba(53,59,111,.08);
  background:#fff;
  color:#11182f;
  font-size:12px;
  font-weight:650;
}
#page-sales-mgmt .sales-mgmt-table tbody tr:nth-child(even) td{
  background:#fbfdff;
}
#page-sales-mgmt .sales-mgmt-table tbody tr:hover td{
  background:#eef7ff;
}
#page-sales-mgmt .sales-mgmt-table tbody tr:hover td:nth-child(-n+3),
#page-sales-mgmt .sales-mgmt-table td:nth-child(-n+3){
  background:inherit;
}
#page-sales-mgmt .sales-mgmt-table th:nth-child(3),
#page-sales-mgmt .sales-mgmt-table td:nth-child(3){
  box-shadow:14px 0 20px -18px rgba(20,24,45,.5);
}
#page-sales-mgmt .sales-mgmt-table .bx{
  font-weight:800;
}
#page-sales-mgmt .sales-mgmt-table .sales-pager{
  background:#fff;
}

@media(max-width:1500px){
  #page-sales-mgmt .sh:has(#salesFilterPlatform) .da{
    grid-template-columns:repeat(4,minmax(132px,1fr));
  }
}
@media(max-width:860px){
  #page-sales-mgmt .sh:has(#salesFilterPlatform){
    padding:14px;
  }
  #page-sales-mgmt .sh:has(#salesFilterPlatform) .da{
    grid-template-columns:1fr;
  }
  #page-sales-mgmt .sh:has(#salesFilterPlatform) .rc{
    justify-self:stretch;
  }
}

#page-sales-mgmt .sales-mgmt-control-card{
  padding:18px 20px;
}
#page-sales-mgmt .sales-mgmt-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
#page-sales-mgmt .sales-mgmt-sub{
  margin-top:4px;
  color:#667085;
  font-size:12px;
  font-weight:700;
}
#page-sales-mgmt .sales-mgmt-counts{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
#page-sales-mgmt .sales-mgmt-actions{
  display:flex!important;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
#page-sales-mgmt .sales-mgmt-popover{
  position:relative;
  flex:0 0 auto;
}
#page-sales-mgmt .sales-filter-orb-sql{
  font-size:10px;
  letter-spacing:.04em;
}
#page-sales-mgmt .sales-mgmt-popover-panel{
  display:none;
  position:absolute;
  top:calc(100% + 10px);
  left:0;
  z-index:145;
  width:min(340px,calc(100vw - 36px));
  padding:14px;
  border:1px solid rgba(68,113,190,.16);
  border-radius:18px;
  background:#fff;
  box-shadow:0 22px 58px rgba(34,48,83,.18);
}
#page-sales-mgmt .sales-mgmt-popover.open .sales-mgmt-popover-panel{
  display:grid;
  gap:10px;
}
#page-sales-mgmt .sales-mgmt-popover-panel.sql-only{
  width:min(240px,calc(100vw - 36px));
}
#page-sales-mgmt .sales-mgmt-popover-panel .fsel{
  width:100%;
  min-width:0;
  max-width:none;
  min-height:40px;
  padding:9px 12px!important;
  border-radius:12px;
  font-size:12px!important;
}
#page-sales-mgmt .sales-mgmt-date-wrap{
  flex:1 1 390px;
  min-width:320px;
  max-width:680px;
}
#page-sales-mgmt .sales-mgmt-date-wrap .sales-date-card{
  min-height:42px;
}
#page-sales-mgmt .sales-mgmt-actions>.btn{
  flex:0 0 auto;
}
#page-sales-mgmt .sales-mgmt-date-tools{
  display:flex;
  justify-content:flex-end;
  margin-top:8px;
}
#page-sales-mgmt .sales-mgmt-date-tools button,
#page-sales-mgmt .sales-month-button{
  border:1px solid rgba(53,59,111,.12);
  border-radius:12px;
  background:#fff;
  color:#2f76ec;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
#page-sales-mgmt .sales-mgmt-date-tools button{
  min-height:30px;
  padding:0 11px;
}
#page-sales-mgmt .sales-month-button{
  width:100%;
  min-height:38px;
}
#page-sales-mgmt .sales-month-button.active{
  border-color:#2f76ec;
  background:#eef5ff;
  color:#1f6cf0;
}
@media(max-width:860px){
  #page-sales-mgmt .sales-mgmt-head{
    flex-direction:column;
  }
  #page-sales-mgmt .sales-mgmt-counts{
    width:100%;
    justify-content:flex-start;
  }
  #page-sales-mgmt .sales-mgmt-date-wrap{
    flex-basis:100%;
    min-width:0;
  }
  #page-sales-mgmt .sales-mgmt-actions>.btn{
    flex:1 1 150px;
  }
}

/* Data Management Ads: compact grouping like Data Sales Management. */
#page-manajemen .ads-mgmt-control-card{
  display:grid;
  gap:14px;
  margin:16px 0 14px;
  padding:18px 20px;
  border:1px solid rgba(53,59,111,.08);
  border-radius:20px;
  background:rgba(255,255,255,.94);
  box-shadow:0 14px 34px rgba(48,54,95,.08);
}
#page-manajemen .sales-mgmt-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
#page-manajemen .sales-mgmt-sub{
  margin-top:4px;
  color:#667085;
  font-size:12px;
  font-weight:700;
}
#page-manajemen .sales-mgmt-counts{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
#page-manajemen .ads-mgmt-control-card .rc{
  margin:0;
  padding:7px 10px;
  border:1px solid rgba(53,59,111,.10);
  border-radius:999px;
  background:#f4f7fd;
  color:#4d5570;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}
#page-manajemen .sales-mgmt-actions{
  display:flex!important;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}
#page-manajemen .sales-mgmt-popover{
  position:relative;
  flex:0 0 auto;
}
#page-manajemen .sales-filter-orb-sql{
  font-size:10px;
  letter-spacing:.04em;
}
#page-manajemen .sales-mgmt-popover-panel{
  display:none!important;
  position:absolute;
  top:calc(100% + 10px);
  left:0;
  z-index:145;
  width:min(360px,calc(100vw - 36px));
  padding:14px;
  border:1px solid rgba(68,113,190,.16);
  border-radius:18px;
  background:#fff;
  box-shadow:0 22px 58px rgba(34,48,83,.18);
}
#page-manajemen .sales-mgmt-popover.open .sales-mgmt-popover-panel{
  display:grid!important;
  gap:10px;
}
#page-manajemen .sales-mgmt-popover-panel.sql-only{
  width:min(240px,calc(100vw - 36px));
}
#page-manajemen .sales-mgmt-popover-panel .fsel{
  width:100%;
  min-width:0;
  max-width:none;
  min-height:40px;
  padding:9px 12px!important;
  border-radius:12px;
  font-size:12px!important;
}
#page-manajemen .sales-mgmt-date-wrap{
  flex:1 1 390px;
  min-width:320px;
  max-width:680px;
}
#page-manajemen .sales-mgmt-date-wrap .sales-date-card{
  min-height:42px;
}
#page-manajemen .sales-mgmt-actions>.btn{
  flex:0 0 auto;
  min-height:42px;
  border-radius:12px;
}
#page-manajemen .sales-mgmt-date-tools{
  display:flex;
  justify-content:flex-end;
  margin-top:8px;
}
#page-manajemen .sales-mgmt-date-tools button,
#page-manajemen .sales-month-button{
  border:1px solid rgba(53,59,111,.12);
  border-radius:12px;
  background:#fff;
  color:#2f76ec;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
#page-manajemen .sales-mgmt-date-tools button{
  min-height:30px;
  padding:0 11px;
}
#page-manajemen .sales-month-button{
  width:100%;
  min-height:38px;
}
#page-manajemen .sales-month-button.active{
  border-color:#2f76ec;
  background:#eef5ff;
  color:#1f6cf0;
}
#page-manajemen .ads-mgmt-table{
  border-radius:18px;
  border:1px solid rgba(53,59,111,.08);
  background:#fff;
  box-shadow:0 14px 34px rgba(48,54,95,.08);
}
#page-manajemen .ads-mgmt-table thead,
#page-manajemen .ads-mgmt-table thead th{
  background:linear-gradient(90deg,#2f7df4 0%,#05a7ca 100%)!important;
  color:#fff!important;
}

/* Management tables: freeze selector, row number, and date only. */
#page-sales-mgmt .sales-mgmt-table th:nth-child(n+4),
#page-sales-mgmt .sales-mgmt-table td:nth-child(n+4),
#page-manajemen .ads-mgmt-table th:nth-child(n+4),
#page-manajemen .ads-mgmt-table td:nth-child(n+4){
  left:auto!important;
  z-index:auto;
  box-shadow:none!important;
}
#page-sales-mgmt .sales-mgmt-table td:nth-child(n+4),
#page-manajemen .ads-mgmt-table td:nth-child(n+4){
  position:static!important;
}
#page-sales-mgmt .sales-mgmt-table thead th:nth-child(n+4),
#page-manajemen .ads-mgmt-table thead th:nth-child(n+4){
  position:sticky!important;
  top:0;
  z-index:5;
}
#page-sales-mgmt .sales-mgmt-table th:nth-child(1),
#page-sales-mgmt .sales-mgmt-table td:nth-child(1),
#page-manajemen .ads-mgmt-table th:nth-child(1),
#page-manajemen .ads-mgmt-table td:nth-child(1){
  left:0!important;
  width:46px;
  min-width:46px;
  max-width:46px;
  position:sticky!important;
  z-index:6;
}
#page-sales-mgmt .sales-mgmt-table th:nth-child(2),
#page-sales-mgmt .sales-mgmt-table td:nth-child(2),
#page-manajemen .ads-mgmt-table th:nth-child(2),
#page-manajemen .ads-mgmt-table td:nth-child(2){
  left:46px!important;
  width:58px;
  min-width:58px;
  max-width:58px;
  position:sticky!important;
  z-index:6;
  box-shadow:12px 0 18px -18px rgba(20,24,45,.45);
}
#page-sales-mgmt .sales-mgmt-table th:nth-child(3),
#page-sales-mgmt .sales-mgmt-table td:nth-child(3),
#page-manajemen .ads-mgmt-table th:nth-child(3),
#page-manajemen .ads-mgmt-table td:nth-child(3){
  left:104px!important;
  width:128px;
  min-width:128px;
  max-width:128px;
  position:sticky!important;
  z-index:6;
  box-shadow:14px 0 20px -18px rgba(20,24,45,.45)!important;
}
#page-sales-mgmt .sales-mgmt-table thead th:nth-child(-n+3),
#page-manajemen .ads-mgmt-table thead th:nth-child(-n+3){
  z-index:8;
}
#page-sales-mgmt .sales-mgmt-table td:nth-child(-n+3),
#page-manajemen .ads-mgmt-table td:nth-child(-n+3){
  background:#fff!important;
}
#page-sales-mgmt .sales-mgmt-table tbody tr:nth-child(even) td:nth-child(-n+3),
#page-manajemen .ads-mgmt-table tbody tr:nth-child(even) td:nth-child(-n+3){
  background:#fbfdff!important;
}
#page-sales-mgmt .sales-mgmt-table tbody tr:hover td:nth-child(-n+3),
#page-manajemen .ads-mgmt-table tbody tr:hover td:nth-child(-n+3){
  background:#eef7ff!important;
}

/* Stock management table: freeze selector, row number, and date only. */
#page-stock-mgmt .stock-data-table th:nth-child(n+4),
#page-stock-mgmt .stock-data-table td:nth-child(n+4){
  left:auto!important;
  z-index:auto;
  box-shadow:none!important;
}
#page-stock-mgmt .stock-data-table td:nth-child(n+4){
  position:static!important;
}
#page-stock-mgmt .stock-data-table thead th:nth-child(n+4){
  position:sticky!important;
  top:0;
  z-index:5;
}
#page-stock-mgmt .stock-data-table th:nth-child(1),
#page-stock-mgmt .stock-data-table td:nth-child(1){
  left:0!important;
  width:46px;
  min-width:46px;
  max-width:46px;
  position:sticky!important;
  z-index:6;
  box-sizing:border-box;
}
#page-stock-mgmt .stock-data-table th:nth-child(2),
#page-stock-mgmt .stock-data-table td:nth-child(2){
  left:46px!important;
  width:58px;
  min-width:58px;
  max-width:58px;
  position:sticky!important;
  z-index:6;
  box-sizing:border-box;
  box-shadow:12px 0 18px -18px rgba(20,24,45,.45);
}
#page-stock-mgmt .stock-data-table th:nth-child(3),
#page-stock-mgmt .stock-data-table td:nth-child(3){
  left:104px!important;
  width:128px;
  min-width:128px;
  max-width:128px;
  position:sticky!important;
  z-index:6;
  box-sizing:border-box;
  box-shadow:14px 0 20px -18px rgba(20,24,45,.45)!important;
}
#page-stock-mgmt .stock-data-table thead th:nth-child(-n+3){
  z-index:8;
}
#page-stock-mgmt .stock-data-table td:nth-child(-n+3){
  background:#fff!important;
}
#page-stock-mgmt .stock-data-table tbody tr:nth-child(even) td:nth-child(-n+3){
  background:#fbfdff!important;
}
#page-stock-mgmt .stock-data-table tbody tr:hover td:nth-child(-n+3){
  background:#eef7ff!important;
}
@media(max-width:860px){
  #page-manajemen .sales-mgmt-head{
    flex-direction:column;
  }
  #page-manajemen .sales-mgmt-counts{
    width:100%;
    justify-content:flex-start;
  }
  #page-manajemen .sales-mgmt-date-wrap{
    flex-basis:100%;
    min-width:0;
  }
  #page-manajemen .sales-mgmt-actions>.btn{
    flex:1 1 150px;
  }
}

/* Marketplace pages: compact operational layout and calendar controls. */
:is(#page-marketplace-mgmt,#page-marketplace-shopee,#page-marketplace-tiktok) .marketplace-period-filter{
  display:block;
  padding:12px 14px;
}
:is(#page-marketplace-shopee,#page-marketplace-tiktok) .marketplace-unified-row{
  width:100%;
  display:grid;
  grid-template-columns:minmax(260px,380px) minmax(180px,240px) minmax(220px,1fr);
  gap:12px;
  align-items:center;
}
#page-marketplace-tiktok .marketplace-unified-row{
  grid-template-columns:minmax(260px,380px) minmax(170px,220px) minmax(180px,240px) minmax(220px,1fr);
}
:is(#page-marketplace-mgmt,#page-marketplace-shopee,#page-marketplace-tiktok) .marketplace-upload-grid{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
:is(#page-marketplace-mgmt,#page-marketplace-shopee,#page-marketplace-tiktok) .marketplace-upload-help,
:is(#page-marketplace-mgmt,#page-marketplace-shopee,#page-marketplace-tiktok) .marketplace-upload-status{
  color:#70758d;
  font-size:12px;
  font-weight:800;
  line-height:1.45;
}
:is(#page-marketplace-mgmt,#page-marketplace-shopee,#page-marketplace-tiktok) .marketplace-upload-status{
  margin-top:12px;
  padding:10px 12px;
  border:1px solid rgba(53,59,111,.08);
  border-radius:12px;
  background:#f7f8fc;
}
:is(#page-marketplace-mgmt,#page-marketplace-shopee,#page-marketplace-tiktok) .marketplace-source-filter{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
  color:#70758d;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
}
:is(#page-marketplace-mgmt,#page-marketplace-shopee,#page-marketplace-tiktok) .marketplace-source-filter select{
  width:100%;
  min-height:44px;
  padding:9px 12px;
  border:1px solid rgba(53,59,111,.12);
  border-radius:14px;
  background:#fff;
  color:#26283f;
  font-size:12px;
  font-weight:900;
  outline:none;
}
:is(#page-marketplace-shopee,#page-marketplace-tiktok) .marketplace-period-note{
  min-width:0;
  padding:10px 12px;
  border:1px solid rgba(53,59,111,.08);
  border-radius:14px;
  background:#f7f8fc;
  color:#70758d;
  font-size:12px;
  font-weight:800;
}
:is(#page-marketplace-mgmt,#page-marketplace-shopee,#page-marketplace-tiktok) .kpi-grid{
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:14px;
}
:is(#page-marketplace-mgmt,#page-marketplace-shopee,#page-marketplace-tiktok) .kpi{
  min-height:112px;
  padding:17px 18px;
}
:is(#page-marketplace-mgmt,#page-marketplace-shopee,#page-marketplace-tiktok) .marketplace-inner-kpi{
  margin:0 0 14px;
}
:is(#page-marketplace-mgmt,#page-marketplace-shopee,#page-marketplace-tiktok) .marketplace-inner-kpi .kpi{
  min-height:96px;
}
:is(#page-marketplace-mgmt,#page-marketplace-shopee,#page-marketplace-tiktok) .kpi-val{
  font-size:23px;
  line-height:1.12;
}
:is(#page-marketplace-mgmt,#page-marketplace-shopee,#page-marketplace-tiktok) .marketplace-kpi-sub{
  margin-top:8px;
  color:#70758d;
  font-size:11px;
  font-weight:700;
  line-height:1.35;
}
:is(#page-marketplace-mgmt,#page-marketplace-shopee,#page-marketplace-tiktok) .cc{
  overflow:hidden;
}
:is(#page-marketplace-mgmt,#page-marketplace-shopee,#page-marketplace-tiktok) .marketplace-table{
  border-radius:16px;
  max-height:420px;
}
:is(#page-marketplace-mgmt,#page-marketplace-shopee,#page-marketplace-tiktok) .marketplace-table table{
  table-layout:auto;
  border-collapse:separate;
  border-spacing:0;
}
:is(#page-marketplace-mgmt,#page-marketplace-shopee,#page-marketplace-tiktok) .marketplace-table thead,
:is(#page-marketplace-mgmt,#page-marketplace-shopee,#page-marketplace-tiktok) .marketplace-table thead th{
  background:linear-gradient(90deg,#169fe6,#2681eb)!important;
}
:is(#page-marketplace-mgmt,#page-marketplace-shopee,#page-marketplace-tiktok) .marketplace-table th{
  color:#fff!important;
  font-size:10.5px!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  border-bottom:0!important;
}
:is(#page-marketplace-mgmt,#page-marketplace-shopee,#page-marketplace-tiktok) .marketplace-table th.sortable::after{
  color:rgba(255,255,255,.78)!important;
}
:is(#page-marketplace-mgmt,#page-marketplace-shopee,#page-marketplace-tiktok) .marketplace-table th,
:is(#page-marketplace-mgmt,#page-marketplace-shopee,#page-marketplace-tiktok) .marketplace-table td{
  padding:10px 13px;
  vertical-align:top;
}
:is(#page-marketplace-mgmt,#page-marketplace-shopee,#page-marketplace-tiktok) .marketplace-table td{
  font-size:12px;
  line-height:1.42;
}
:is(#page-marketplace-mgmt,#page-marketplace-shopee,#page-marketplace-tiktok) .marketplace-table tbody tr:nth-child(even) td{
  background:#fbfdff!important;
}
:is(#page-marketplace-mgmt,#page-marketplace-shopee,#page-marketplace-tiktok) .marketplace-table tbody tr:hover td{
  background:#f2f8ff!important;
}
:is(#page-marketplace-mgmt,#page-marketplace-shopee,#page-marketplace-tiktok) .marketplace-table td:first-child,
:is(#page-marketplace-mgmt,#page-marketplace-shopee,#page-marketplace-tiktok) .marketplace-table td:nth-child(3):not(.marketplace-num){
  white-space:normal;
}
#marketplaceShopeeProducts .marketplace-table th:first-child,
#marketplaceShopeeProducts .marketplace-table td:first-child,
#marketplaceShopeePriceCompetitiveness .marketplace-table th:first-child,
#marketplaceShopeePriceCompetitiveness .marketplace-table td:first-child,
.marketplace-action-detail-table th:first-child,
.marketplace-action-detail-table td:first-child{
  width:360px;
  max-width:360px;
  min-width:260px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap!important;
}
:is(#page-marketplace-mgmt,#page-marketplace-shopee,#page-marketplace-tiktok) .marketplace-table .marketplace-num{
  text-align:right;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
:is(#page-marketplace-mgmt,#page-marketplace-shopee,#page-marketplace-tiktok) .marketplace-table .marketplace-note-cell{
  white-space:normal;
  min-width:220px;
}
#page-ads-analysis .tw{
  border:1px solid rgba(53,59,111,.10);
  border-radius:14px;
  background:#fff;
}
#page-ads-analysis table{
  border-collapse:separate;
  border-spacing:0;
}
#page-ads-analysis thead,
#page-ads-analysis thead th{
  background:linear-gradient(90deg,#169fe6,#2681eb)!important;
}
#page-ads-analysis th{
  color:#fff!important;
  font-size:10.5px!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  border-bottom:0!important;
}
#page-ads-analysis th.sortable::after{
  color:rgba(255,255,255,.78)!important;
}
#page-ads-analysis td{
  border-bottom:1px solid #dfe7f1!important;
  background:#fff;
  color:#142235;
}
#page-ads-analysis tbody tr:nth-child(even) td{
  background:#fbfdff;
}
#page-ads-analysis tbody tr:hover td{
  background:#f2f8ff;
}
#page-ads-analysis tbody tr:last-child td{
  border-bottom:0!important;
}
#page-ads-analysis .ads-analysis-kpi-grid{
  grid-template-columns:repeat(auto-fill,minmax(176px,1fr));
  margin:16px 0 18px;
}
#page-ads-analysis .ads-analysis-kpi-grid .kpi{
  min-height:118px;
  cursor:default;
}
#page-ads-analysis .ads-analysis-kpi-grid .kpi-val{
  font-size:clamp(20px,1.7vw,28px);
}
#page-ads-analysis .ads-analysis-visual-grid{
  grid-template-columns:1.15fr 1fr;
  gap:18px;
  margin-bottom:18px;
}
#page-ads-analysis .ads-analysis-visual-card{
  min-height:280px;
  overflow:hidden;
}
#page-ads-analysis .ads-analysis-empty{
  min-height:190px;
  display:grid;
  place-items:center;
  color:#7b8499;
  font-weight:800;
  border:1px dashed rgba(53,59,111,.16);
  border-radius:16px;
  background:linear-gradient(135deg,#fbfdff,#f5f9ff);
}
#page-ads-analysis .ads-analysis-skeleton{
  display:grid;
  gap:12px;
  padding:10px 0;
}
#page-ads-analysis .ads-analysis-skeleton span{
  height:54px;
  border-radius:14px;
  background:linear-gradient(90deg,#eef4fb,#f9fbff,#eef4fb);
  background-size:220% 100%;
  animation:adsAnalysisPulse 1.2s ease-in-out infinite;
}
@keyframes adsAnalysisPulse{
  0%{background-position:0 0}
  100%{background-position:-220% 0}
}
#page-ads-analysis .ads-analysis-efficiency-map{
  min-height:220px;
}
#page-ads-analysis .ads-analysis-map-stage{
  position:relative;
  height:230px;
  border-radius:18px;
  border:1px solid rgba(53,59,111,.10);
  background:
    linear-gradient(90deg,rgba(53,59,111,.06) 1px,transparent 1px),
    linear-gradient(0deg,rgba(53,59,111,.06) 1px,transparent 1px),
    linear-gradient(135deg,#fbfdff,#f2f9ff);
  background-size:25% 100%,100% 25%,100% 100%;
}
#page-ads-analysis .ads-analysis-bubble{
  position:absolute;
  transform:translate(-50%,-50%);
  border-radius:999px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:2px;
  color:#fff;
  background:var(--bubble);
  background:color-mix(in srgb,var(--bubble) 88%,#ffffff 12%);
  box-shadow:0 18px 38px rgba(18,32,56,.20);
  border:3px solid rgba(255,255,255,.82);
  font-weight:900;
  text-align:center;
  line-height:1.05;
}
#page-ads-analysis .ads-analysis-bubble span{
  font-size:10px;
  max-width:72px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#page-ads-analysis .ads-analysis-bubble b{
  font-size:12px;
}
#page-ads-analysis .ads-analysis-map-axis{
  position:absolute;
  color:#7b8499;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
}
#page-ads-analysis .ads-analysis-map-axis.x{right:16px;bottom:10px}
#page-ads-analysis .ads-analysis-map-axis.y{left:12px;top:10px}
#page-ads-analysis .ads-analysis-map-caption{
  margin-top:10px;
  color:#70758d;
  font-size:12px;
  font-weight:700;
}
#page-ads-analysis .ads-analysis-cost-ratio{
  margin-top:10px;
  padding:12px;
  border:1px solid rgba(53,59,111,.10);
  border-radius:16px;
  background:linear-gradient(135deg,#fbfdff,#f5faff);
}
#page-ads-analysis .ads-analysis-cost-ratio-title{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:9px;
}
#page-ads-analysis .ads-analysis-cost-ratio-title b{
  font-size:13px;
}
#page-ads-analysis .ads-analysis-cost-ratio-title span{
  color:#7b8499;
  font-size:11px;
  font-weight:800;
}
#page-ads-analysis .ads-analysis-cost-ratio-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:9px 0;
  border-top:1px solid rgba(53,59,111,.08);
}
#page-ads-analysis .ads-analysis-cost-ratio-row:first-of-type{
  border-top:0;
  padding-top:0;
}
#page-ads-analysis .ads-analysis-cost-ratio-row b{
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px;
}
#page-ads-analysis .ads-analysis-cost-ratio-row span{
  display:block;
  margin-top:2px;
  color:#7b8499;
  font-size:10.5px;
  font-weight:800;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#page-ads-analysis .ads-analysis-cost-ratio-row strong{
  font-size:14px;
  font-weight:950;
  color:#168be6;
}
#page-ads-analysis .ads-analysis-cost-ratio-row.watch strong{
  color:#f59f28;
}
#page-ads-analysis .ads-analysis-cost-ratio-row.risk strong{
  color:#ff5d79;
}
#page-ads-analysis .ads-analysis-cost-ratio-row i{
  grid-column:1 / -1;
  display:block;
  height:7px;
  border-radius:999px;
  background:#eaf0f7;
  overflow:hidden;
}
#page-ads-analysis .ads-analysis-cost-ratio-row em{
  display:block;
  height:100%;
  border-radius:999px;
  background:var(--ratio,#168be6);
}
#page-ads-analysis .ads-analysis-budget-bars{
  display:grid;
  gap:13px;
}
#page-ads-analysis .ads-analysis-budget-row{
  border:1px solid rgba(53,59,111,.10);
  border-radius:14px;
  padding:12px;
  background:#fbfdff;
}
#page-ads-analysis .ads-analysis-budget-head,
#page-ads-analysis .ads-analysis-budget-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
#page-ads-analysis .ads-analysis-budget-head b{
  font-size:13px;
}
#page-ads-analysis .ads-analysis-budget-head span{
  font-size:12px;
  font-weight:900;
}
#page-ads-analysis .ads-analysis-budget-head span.pos{color:#16a36a}
#page-ads-analysis .ads-analysis-budget-head span.neg{color:#ff6b8a}
#page-ads-analysis .ads-analysis-budget-track{
  position:relative;
  height:10px;
  margin:10px 0 8px;
  border-radius:999px;
  background:#eaf0f7;
  overflow:hidden;
}
#page-ads-analysis .ads-analysis-budget-track span{
  position:absolute;
  inset:0 auto 0 0;
  border-radius:999px;
}
#page-ads-analysis .ads-analysis-budget-track .spend{
  background:var(--bar,#353b75);
  opacity:.92;
}
#page-ads-analysis .ads-analysis-budget-track .revenue{
  height:4px;
  top:3px;
  background:#22c7a8;
}
#page-ads-analysis .ads-analysis-budget-meta{
  color:#7b8499;
  font-size:11px;
  font-weight:800;
}
#page-ads-analysis .ads-analysis-funnel-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
#page-ads-analysis .ads-analysis-funnel-card{
  border:1px solid rgba(53,59,111,.10);
  border-radius:16px;
  padding:13px;
  background:linear-gradient(135deg,#ffffff,#f7fbff);
}
#page-ads-analysis .ads-analysis-funnel-title{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
}
#page-ads-analysis .ads-analysis-funnel-title span{
  width:10px;
  height:10px;
  border-radius:999px;
  background:var(--dot);
}
#page-ads-analysis .ads-analysis-funnel-title b{
  font-size:13px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#page-ads-analysis .ads-analysis-funnel-metric{
  position:relative;
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding-bottom:10px;
  margin-bottom:9px;
  font-size:12px;
  font-weight:900;
}
#page-ads-analysis .ads-analysis-funnel-metric span{
  color:#7b8499;
}
#page-ads-analysis .ads-analysis-funnel-metric i{
  position:absolute;
  left:0;
  bottom:0;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,#169fe6,#22c7a8);
}
#page-ads-analysis .ads-analysis-funnel-foot{
  color:#70758d;
  font-size:11px;
  font-weight:800;
}
#page-ads-analysis .ads-analysis-action-list{
  display:grid;
  gap:10px;
}
#page-ads-analysis .ads-analysis-action-item{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:12px;
  align-items:start;
  border:1px solid rgba(53,59,111,.10);
  border-radius:15px;
  padding:12px;
  background:#fbfdff;
}
#page-ads-analysis .ads-analysis-action-rank{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#e9f6ff;
  color:#168be6;
  font-weight:900;
}
#page-ads-analysis .ads-analysis-action-item b{
  display:block;
  font-size:13px;
  margin-bottom:3px;
}
#page-ads-analysis .ads-analysis-action-item p{
  margin:0 0 4px;
  color:#25324a;
  font-size:12px;
  font-weight:800;
}
#page-ads-analysis .ads-analysis-action-item small{
  color:#7b8499;
  font-weight:800;
}
#page-ads-analysis .ads-analysis-detail-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 18px;
  margin:2px 0 18px;
  border:1px solid rgba(53,59,111,.10);
  border-radius:18px;
  background:#fff;
  box-shadow:var(--shadow2);
}
#page-ads-analysis .ads-analysis-detail-toolbar .ss{
  color:#70758d;
  font-size:13px;
  font-weight:700;
  margin-top:3px;
}
#page-ads-analysis .ads-analysis-detail-grid[hidden]{
  display:none!important;
}
[data-theme=dark] #page-ads-analysis .ads-analysis-empty,
[data-theme=dark] #page-ads-analysis .ads-analysis-cost-ratio,
[data-theme=dark] #page-ads-analysis .ads-analysis-budget-row,
[data-theme=dark] #page-ads-analysis .ads-analysis-funnel-card,
[data-theme=dark] #page-ads-analysis .ads-analysis-action-item,
[data-theme=dark] #page-ads-analysis .ads-analysis-detail-toolbar{
  background:var(--card);
  border-color:var(--border);
}
[data-theme=dark] #page-ads-analysis .ads-analysis-map-stage{
  border-color:var(--border);
  background:
    linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),
    linear-gradient(0deg,rgba(255,255,255,.06) 1px,transparent 1px),
    linear-gradient(135deg,#121212,#161a22);
}
[data-theme=dark] #page-ads-analysis .ads-analysis-action-item p{
  color:var(--text);
}
@media(max-width:1100px){
  #page-ads-analysis .ads-analysis-visual-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:640px){
  #page-ads-analysis .ads-analysis-funnel-grid{
    grid-template-columns:1fr;
  }
  #page-ads-analysis .ads-analysis-detail-toolbar{
    align-items:stretch;
    flex-direction:column;
  }
}
#page-marketplace-analysis .marketplace-analysis-filter{
  margin:0 0 18px;
  padding:14px;
}
#page-marketplace-analysis .marketplace-analysis-filter-grid{
  display:grid;
  grid-template-columns:minmax(160px,220px) minmax(160px,220px) minmax(180px,240px) auto;
  gap:12px;
  align-items:end;
}
#page-marketplace-analysis .marketplace-analysis-filter-grid label{
  display:flex;
  flex-direction:column;
  gap:6px;
  color:#70758d;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
}
#page-marketplace-analysis .marketplace-analysis-sub{
  margin-top:4px;
  color:#70758d;
  font-size:11px;
  font-weight:800;
}
#page-marketplace-analysis .marketplace-health-grid{
  display:grid;
  grid-template-columns:minmax(220px,1.2fr) repeat(5,minmax(150px,1fr));
  gap:12px;
  margin:0 0 18px;
}
#page-marketplace-analysis .marketplace-health-main,
#page-marketplace-analysis .marketplace-health-card{
  min-width:0;
  border:1px solid rgba(53,59,111,.10);
  border-radius:18px;
  background:linear-gradient(135deg,#fff,#f7fbff);
  box-shadow:0 12px 28px rgba(53,59,111,.07);
}
#page-marketplace-analysis .marketplace-health-main{
  padding:18px;
}
#page-marketplace-analysis .marketplace-health-main span,
#page-marketplace-analysis .marketplace-health-card span{
  display:block;
  color:#70758d;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
}
#page-marketplace-analysis .marketplace-health-main b{
  display:block;
  margin:5px 0;
  color:#15162b;
  font-family:var(--fh);
  font-size:34px;
  line-height:1;
}
#page-marketplace-analysis .marketplace-health-main em,
#page-marketplace-analysis .marketplace-health-card em{
  display:block;
  color:#70758d;
  font-size:11px;
  font-style:normal;
  font-weight:800;
  line-height:1.35;
}
#page-marketplace-analysis .marketplace-health-main i,
#page-marketplace-analysis .marketplace-health-card i{
  display:block;
  height:8px;
  margin-top:12px;
  border-radius:999px;
  background:#eaf1f8;
  overflow:hidden;
}
#page-marketplace-analysis .marketplace-health-main strong,
#page-marketplace-analysis .marketplace-health-card strong{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#14b8a6,#2681eb);
}
#page-marketplace-analysis .marketplace-health-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:8px;
  padding:14px;
}
#page-marketplace-analysis .marketplace-health-card b{
  display:block;
  margin-top:4px;
  color:#15162b;
  font-family:var(--fh);
  font-size:18px;
  line-height:1.05;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#page-marketplace-analysis .marketplace-health-card small{
  color:#70758d;
  font-size:10px;
  font-weight:900;
}
#page-marketplace-analysis .marketplace-funnel{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:8px 2px 4px;
}
#page-marketplace-analysis .marketplace-funnel-step{
  display:grid;
  grid-template-columns:minmax(180px,1fr) minmax(240px,1.4fr) minmax(110px,auto);
  gap:14px;
  align-items:center;
}
#page-marketplace-analysis .marketplace-funnel-label{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}
#page-marketplace-analysis .marketplace-funnel-label b{
  color:#15162b;
  font-size:13px;
  font-weight:900;
}
#page-marketplace-analysis .marketplace-funnel-label span{
  color:#70758d;
  font-size:11px;
  font-weight:800;
}
#page-marketplace-analysis .marketplace-funnel-bar{
  height:42px;
  border-radius:999px;
  background:#edf4fb;
  overflow:hidden;
}
#page-marketplace-analysis .marketplace-funnel-bar span{
  display:block;
  width:var(--w);
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#18b7df,#2681eb);
  clip-path:polygon(0 0,calc(100% - 22px) 0,100% 50%,calc(100% - 22px) 100%,0 100%);
}
#page-marketplace-analysis .marketplace-funnel-value{
  color:#15162b;
  font-size:18px;
  font-weight:900;
  text-align:right;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
#page-marketplace-analysis .marketplace-leakage{
  display:grid;
  gap:12px;
}
#page-marketplace-analysis .marketplace-leak-card,
#page-marketplace-analysis .marketplace-benchmark-card,
#page-marketplace-analysis .marketplace-opportunity-card{
  border:1px solid rgba(53,59,111,.10);
  border-radius:16px;
  padding:14px;
  background:#fbfdff;
}
#page-marketplace-analysis .marketplace-leak-head,
#page-marketplace-analysis .marketplace-benchmark-top,
#page-marketplace-analysis .marketplace-opportunity-top{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
}
#page-marketplace-analysis .marketplace-leak-head b,
#page-marketplace-analysis .marketplace-benchmark-top span,
#page-marketplace-analysis .marketplace-opportunity-top span{
  color:#15162b;
  font-size:12px;
  font-weight:900;
}
#page-marketplace-analysis .marketplace-leak-head span,
#page-marketplace-analysis .marketplace-benchmark-top b,
#page-marketplace-analysis .marketplace-opportunity-top b{
  color:#168be6;
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
}
#page-marketplace-analysis .marketplace-leak-track,
#page-marketplace-analysis .marketplace-benchmark-track,
#page-marketplace-analysis .marketplace-opportunity-bar{
  height:9px;
  margin:10px 0;
  border-radius:999px;
  background:#eaf1f8;
  overflow:hidden;
}
#page-marketplace-analysis .marketplace-leak-track i,
#page-marketplace-analysis .marketplace-benchmark-track i,
#page-marketplace-analysis .marketplace-opportunity-bar i{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#f59e0b,#f43f5e);
}
#page-marketplace-analysis .marketplace-leak-meta{
  display:grid;
  gap:4px;
}
#page-marketplace-analysis .marketplace-leak-meta span,
#page-marketplace-analysis .marketplace-leak-meta em{
  color:#70758d;
  font-size:11px;
  font-style:normal;
  font-weight:800;
  line-height:1.35;
}
#page-marketplace-analysis .marketplace-pie-layout{
  display:grid;
  grid-template-columns:210px minmax(0,1fr);
  gap:18px;
  align-items:center;
  min-height:250px;
}
#page-marketplace-analysis .marketplace-pie{
  width:210px;
  height:210px;
  border-radius:50%;
  display:grid;
  place-items:center;
  box-shadow:inset 0 0 0 18px rgba(255,255,255,.78),0 18px 40px rgba(38,44,80,.10);
}
#page-marketplace-analysis .marketplace-pie>div{
  width:116px;
  height:116px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:4px;
  border-radius:50%;
  background:#fff;
  text-align:center;
}
#page-marketplace-analysis .marketplace-pie b{
  color:#15162b;
  font-size:14px;
  font-weight:900;
}
#page-marketplace-analysis .marketplace-pie span{
  width:86px;
  color:#70758d;
  font-size:10px;
  font-weight:800;
  line-height:1.25;
}
#page-marketplace-analysis .marketplace-pie-legend{
  display:flex;
  flex-direction:column;
  gap:10px;
}
#page-marketplace-analysis .marketplace-pie-item{
  display:flex;
  gap:10px;
  align-items:flex-start;
}
#page-marketplace-analysis .marketplace-pie-item i{
  width:12px;
  height:12px;
  margin-top:4px;
  border-radius:50%;
  flex:0 0 auto;
}
#page-marketplace-analysis .marketplace-pie-item b{
  display:block;
  color:#15162b;
  font-size:12px;
  font-weight:900;
}
#page-marketplace-analysis .marketplace-pie-item span{
  color:#70758d;
  font-size:11px;
  font-weight:800;
  line-height:1.35;
}
#page-marketplace-analysis .marketplace-dist-bars{
  display:flex;
  flex-direction:column;
  gap:12px;
}
#page-marketplace-analysis .marketplace-dist-row{
  display:grid;
  grid-template-columns:minmax(118px,160px) minmax(160px,1fr) minmax(120px,auto);
  gap:12px;
  align-items:center;
}
#page-marketplace-analysis .marketplace-dist-meta b{
  display:block;
  color:#15162b;
  font-size:12px;
  font-weight:900;
}
#page-marketplace-analysis .marketplace-dist-meta span{
  color:#70758d;
  font-size:11px;
  font-weight:800;
}
#page-marketplace-analysis .marketplace-dist-track{
  height:14px;
  border-radius:999px;
  background:#eef4fb;
  overflow:hidden;
}
#page-marketplace-analysis .marketplace-dist-track span{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#14b8a6,#2681eb);
}
#page-marketplace-analysis .marketplace-dist-value{
  color:#15162b;
  font-size:12px;
  font-weight:900;
  text-align:right;
  white-space:nowrap;
}
#page-marketplace-analysis .marketplace-benchmark-grid,
#page-marketplace-analysis .marketplace-opportunity-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
#page-marketplace-analysis .marketplace-benchmark-track i{
  background:linear-gradient(90deg,#169fe6,#22c7a8);
}
#page-marketplace-analysis .marketplace-benchmark-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
#page-marketplace-analysis .marketplace-benchmark-metrics span{
  min-width:0;
  border-radius:12px;
  padding:8px;
  background:#fff;
  border:1px solid rgba(53,59,111,.08);
}
#page-marketplace-analysis .marketplace-benchmark-metrics b,
#page-marketplace-analysis .marketplace-benchmark-metrics em{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#page-marketplace-analysis .marketplace-benchmark-metrics b{
  color:#15162b;
  font-size:12px;
  font-weight:900;
}
#page-marketplace-analysis .marketplace-benchmark-metrics em{
  color:#70758d;
  font-size:9px;
  font-style:normal;
  font-weight:900;
  text-transform:uppercase;
}
#page-marketplace-analysis .marketplace-opportunity-card{
  display:grid;
  gap:8px;
}
#page-marketplace-analysis .marketplace-opportunity-card p{
  min-height:34px;
  margin:0;
  color:#25324a;
  font-size:12px;
  font-weight:800;
  line-height:1.4;
}
#page-marketplace-analysis .marketplace-opportunity-metrics{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
#page-marketplace-analysis .marketplace-opportunity-metrics span{
  border-radius:999px;
  padding:5px 9px;
  background:#fff;
  border:1px solid rgba(53,59,111,.08);
  color:#70758d;
  font-size:10px;
  font-weight:900;
}
#page-marketplace-analysis .marketplace-opportunity-card.good .marketplace-opportunity-bar i{background:linear-gradient(90deg,#16a36a,#22c7a8)}
#page-marketplace-analysis .marketplace-opportunity-card.warn .marketplace-opportunity-bar i{background:linear-gradient(90deg,#f59e0b,#ff8f6f)}
#page-marketplace-analysis .marketplace-opportunity-card.danger .marketplace-opportunity-bar i{background:linear-gradient(90deg,#f43f5e,#ff8f6f)}
#page-marketplace-analysis .marketplace-opportunity-card.blue .marketplace-opportunity-bar i{background:linear-gradient(90deg,#169fe6,#2681eb)}
#page-marketplace-analysis .marketplace-table{
  border:1px solid rgba(53,59,111,.10);
  border-radius:16px;
  background:#fff;
  max-height:420px;
}
#page-marketplace-analysis .marketplace-table table{
  border-collapse:separate;
  border-spacing:0;
}
#page-marketplace-analysis .marketplace-table thead,
#page-marketplace-analysis .marketplace-table thead th{
  background:linear-gradient(90deg,#169fe6,#2681eb)!important;
}
#page-marketplace-analysis .marketplace-table th{
  color:#fff!important;
  font-size:10.5px!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  border-bottom:0!important;
}
#page-marketplace-analysis .marketplace-table td{
  border-bottom:1px solid #dfe7f1!important;
  background:#fff;
  color:#142235;
  font-size:12px;
}
#page-marketplace-analysis .marketplace-table tbody tr:nth-child(even) td{
  background:#fbfdff!important;
}
#page-marketplace-analysis .marketplace-table .marketplace-num{
  text-align:right;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
#page-marketplace-analysis .marketplace-empty-mini{
  padding:20px;
  border:1px dashed rgba(53,59,111,.15);
  border-radius:16px;
  color:#70758d;
  font-size:12px;
  font-weight:800;
  text-align:center;
}
.marketplace-analysis-detail-modal{
  width:min(1180px,94vw);
}
.marketplace-analysis-product-detail-table table{
  min-width:1360px;
}
.marketplace-analysis-product-detail-table td:first-child{
  max-width:320px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
@media(max-width:900px){
  #page-marketplace-analysis .marketplace-analysis-filter-grid,
  #page-marketplace-analysis .marketplace-funnel-step,
  #page-marketplace-analysis .marketplace-pie-layout,
  #page-marketplace-analysis .marketplace-dist-row,
  #page-marketplace-analysis .marketplace-health-grid,
  #page-marketplace-analysis .marketplace-benchmark-grid,
  #page-marketplace-analysis .marketplace-opportunity-grid{
    grid-template-columns:1fr;
  }
  #page-marketplace-analysis .marketplace-funnel-value,
  #page-marketplace-analysis .marketplace-dist-value{
    text-align:left;
  }
  #page-marketplace-analysis .marketplace-benchmark-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
#page-marketplace-x-ads-analysis .marketplace-xads-filter{
  margin:0 0 18px;
  padding:14px;
}
#page-marketplace-x-ads-analysis .marketplace-xads-filter-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(160px,1fr));
  gap:12px;
  align-items:end;
}
#page-marketplace-x-ads-analysis .marketplace-xads-filter-grid label{
  display:flex;
  flex-direction:column;
  gap:6px;
  color:#70758d;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
}
#page-marketplace-x-ads-analysis .marketplace-xads-kpis{
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:14px;
  margin-bottom:18px;
}
#page-marketplace-x-ads-analysis .marketplace-xads-kpis .kpi{
  min-height:108px;
  padding:17px 18px;
}
#page-marketplace-x-ads-analysis .marketplace-xads-kpis .kpi-val{
  font-size:23px;
  line-height:1.12;
}
#page-marketplace-x-ads-analysis .marketplace-xads-visual-grid{
  align-items:stretch;
  margin-bottom:18px;
}
#page-marketplace-x-ads-analysis .marketplace-xads-visual-card{
  min-width:0;
}
#page-marketplace-x-ads-analysis .marketplace-xads-sub{
  margin-top:4px;
  color:#70758d;
  font-size:11px;
  font-weight:800;
}
#page-marketplace-x-ads-analysis .marketplace-xads-bars,
#page-marketplace-x-ads-analysis .marketplace-xads-share,
#page-marketplace-x-ads-analysis .marketplace-xads-funnel,
#page-marketplace-x-ads-analysis .marketplace-xads-action-list{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:12px;
}
#page-marketplace-x-ads-analysis .marketplace-xads-empty{
  padding:18px;
  border:1px dashed rgba(38,129,235,.28);
  border-radius:14px;
  background:#f7fbff;
  color:#70758d;
  font-size:12px;
  font-weight:800;
}
#page-marketplace-x-ads-analysis .marketplace-xads-row-head,
#page-marketplace-x-ads-analysis .marketplace-xads-row-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-width:0;
}
#page-marketplace-x-ads-analysis .marketplace-xads-row-head b{
  min-width:0;
  overflow:hidden;
  color:#15162b;
  font-size:12px;
  font-weight:900;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#page-marketplace-x-ads-analysis .marketplace-xads-row-head span,
#page-marketplace-x-ads-analysis .marketplace-xads-row-foot span{
  color:#70758d;
  font-size:10.5px;
  font-weight:900;
  white-space:nowrap;
}
#page-marketplace-x-ads-analysis .marketplace-xads-row-head span.good,
#page-marketplace-x-ads-analysis .marketplace-xads-row-foot span.good{
  color:#059669;
}
#page-marketplace-x-ads-analysis .marketplace-xads-row-head span.bad,
#page-marketplace-x-ads-analysis .marketplace-xads-row-foot span.bad{
  color:#dc2626;
}
#page-marketplace-x-ads-analysis .marketplace-xads-roi-row,
#page-marketplace-x-ads-analysis .marketplace-xads-share-row,
#page-marketplace-x-ads-analysis .marketplace-xads-bar-row{
  padding:11px 12px;
  border:1px solid rgba(53,59,111,.10);
  border-radius:14px;
  background:#fff;
}
#page-marketplace-x-ads-analysis .marketplace-xads-roi-track,
#page-marketplace-x-ads-analysis .marketplace-xads-bar-track{
  position:relative;
  height:12px;
  margin:9px 0 7px;
  overflow:hidden;
  border-radius:999px;
  background:#eef4fb;
}
#page-marketplace-x-ads-analysis .marketplace-xads-roi-track span,
#page-marketplace-x-ads-analysis .marketplace-xads-bar-track span{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#169fe6,#2681eb);
}
#page-marketplace-x-ads-analysis .marketplace-xads-roi-track span.good{
  background:linear-gradient(90deg,#11b981,#55d6a4);
}
#page-marketplace-x-ads-analysis .marketplace-xads-roi-track span.bad{
  background:linear-gradient(90deg,#f97316,#ef4444);
}
#page-marketplace-x-ads-analysis .marketplace-xads-roi-track i{
  position:absolute;
  top:-4px;
  bottom:-4px;
  width:2px;
  background:#15162b;
  opacity:.48;
}
#page-marketplace-x-ads-analysis .marketplace-xads-share-bars{
  display:grid;
  gap:7px;
  margin:9px 0 7px;
}
#page-marketplace-x-ads-analysis .marketplace-xads-share-bars div{
  display:grid;
  grid-template-columns:60px minmax(0,1fr);
  align-items:center;
  gap:8px;
}
#page-marketplace-x-ads-analysis .marketplace-xads-share-bars i{
  color:#70758d;
  font-size:10px;
  font-style:normal;
  font-weight:900;
}
#page-marketplace-x-ads-analysis .marketplace-xads-share-bars div::after{
  content:"";
  grid-column:2;
  grid-row:1;
  height:10px;
  border-radius:999px;
  background:#eef4fb;
}
#page-marketplace-x-ads-analysis .marketplace-xads-share-bars span{
  grid-column:2;
  grid-row:1;
  z-index:1;
  height:10px;
  border-radius:999px;
  background:#86a8ce;
}
#page-marketplace-x-ads-analysis .marketplace-xads-share-bars span.good{
  background:#11b981;
}
#page-marketplace-x-ads-analysis .marketplace-xads-share-bars span.bad{
  background:#ef4444;
}
#page-marketplace-x-ads-analysis .marketplace-xads-tile-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
#page-marketplace-x-ads-analysis .marketplace-xads-tile{
  min-width:0;
  padding:12px;
  border:1px solid rgba(53,59,111,.10);
  border-left:4px solid #2681eb;
  border-radius:14px;
  background:#fff;
}
#page-marketplace-x-ads-analysis .marketplace-xads-tile.good{border-left-color:#10b981}
#page-marketplace-x-ads-analysis .marketplace-xads-tile.mid{border-left-color:#f59e0b}
#page-marketplace-x-ads-analysis .marketplace-xads-tile.bad{border-left-color:#ef4444}
#page-marketplace-x-ads-analysis .marketplace-xads-tile b,
#page-marketplace-x-ads-analysis .marketplace-xads-tile span,
#page-marketplace-x-ads-analysis .marketplace-xads-tile small{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#page-marketplace-x-ads-analysis .marketplace-xads-tile b{
  color:#15162b;
  font-size:12px;
  font-weight:900;
}
#page-marketplace-x-ads-analysis .marketplace-xads-tile strong{
  display:block;
  margin:6px 0;
  color:#15162b;
  font-size:22px;
  font-weight:900;
}
#page-marketplace-x-ads-analysis .marketplace-xads-tile span,
#page-marketplace-x-ads-analysis .marketplace-xads-tile small{
  color:#70758d;
  font-size:10.5px;
  font-weight:800;
}
#page-marketplace-x-ads-analysis .marketplace-xads-funnel-row{
  display:grid;
  grid-template-columns:minmax(145px,1fr) minmax(180px,1.25fr) auto;
  gap:12px;
  align-items:center;
}
#page-marketplace-x-ads-analysis .marketplace-xads-funnel-row div{
  min-width:0;
}
#page-marketplace-x-ads-analysis .marketplace-xads-funnel-row b,
#page-marketplace-x-ads-analysis .marketplace-xads-funnel-row span{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#page-marketplace-x-ads-analysis .marketplace-xads-funnel-row b{
  color:#15162b;
  font-size:12px;
  font-weight:900;
}
#page-marketplace-x-ads-analysis .marketplace-xads-funnel-row span{
  color:#70758d;
  font-size:10.5px;
  font-weight:800;
}
#page-marketplace-x-ads-analysis .marketplace-xads-funnel-row em{
  display:block;
  height:34px;
  overflow:hidden;
  border-radius:999px;
  background:#eef4fb;
}
#page-marketplace-x-ads-analysis .marketplace-xads-funnel-row i{
  display:block;
  width:var(--w);
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#18b7df,#2681eb);
  clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%);
}
#page-marketplace-x-ads-analysis .marketplace-xads-funnel-row strong{
  color:#15162b;
  font-size:14px;
  font-weight:900;
  white-space:nowrap;
}
#page-marketplace-x-ads-analysis .marketplace-xads-action-item{
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  gap:10px;
  padding:11px;
  border:1px solid rgba(53,59,111,.10);
  border-radius:14px;
  background:#fff;
}
#page-marketplace-x-ads-analysis .marketplace-xads-action-item i{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:10px;
  background:#e9f6ff;
  color:#168be6;
  font-style:normal;
  font-weight:900;
}
#page-marketplace-x-ads-analysis .marketplace-xads-action-item b,
#page-marketplace-x-ads-analysis .marketplace-xads-action-item p,
#page-marketplace-x-ads-analysis .marketplace-xads-action-item span,
#page-marketplace-x-ads-analysis .marketplace-xads-action-item small{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#page-marketplace-x-ads-analysis .marketplace-xads-action-item b{
  color:#15162b;
  font-size:12px;
  font-weight:900;
}
#page-marketplace-x-ads-analysis .marketplace-xads-action-item p{
  margin:2px 0;
  color:#25324a;
  font-size:12px;
  font-weight:800;
}
#page-marketplace-x-ads-analysis .marketplace-xads-action-item span,
#page-marketplace-x-ads-analysis .marketplace-xads-action-item small{
  color:#70758d;
  font-size:10.5px;
  font-weight:800;
}
#page-marketplace-x-ads-analysis .marketplace-xads-detail-shell{
  margin-bottom:18px;
}
#page-marketplace-x-ads-analysis .marketplace-xads-detail-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
#page-marketplace-x-ads-analysis .marketplace-xads-detail-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
#page-marketplace-x-ads-analysis .marketplace-xads-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 12px;
}
#page-marketplace-x-ads-analysis .marketplace-xads-tab.active{
  background:linear-gradient(135deg,#169fe6,#2681eb);
  color:#fff;
  border-color:rgba(38,129,235,.4);
}
#page-marketplace-x-ads-analysis .cg,
#page-marketplace-x-ads-analysis .cc.full{
  min-width:0;
}
#page-marketplace-x-ads-analysis .marketplace-table{
  border:1px solid rgba(53,59,111,.10);
  border-radius:16px;
  background:#fff;
  max-height:520px;
}
#page-marketplace-x-ads-analysis .marketplace-xads-table{
  display:block;
  width:100%;
  max-width:100%;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
}
#page-marketplace-x-ads-analysis .marketplace-table table{
  table-layout:auto;
  border-collapse:separate;
  border-spacing:0;
}
#page-marketplace-x-ads-analysis .marketplace-xads-table table{
  width:max-content;
  min-width:100%;
}
#page-marketplace-x-ads-analysis #marketplaceXAdsDetailTableWrap table{
  min-width:3200px!important;
}
#page-marketplace-x-ads-analysis .marketplace-table thead,
#page-marketplace-x-ads-analysis .marketplace-table thead th{
  background:linear-gradient(90deg,#169fe6,#2681eb)!important;
}
#page-marketplace-x-ads-analysis .marketplace-xads-table thead th{
  position:sticky;
  top:0;
  z-index:5;
  box-shadow:0 1px 0 rgba(223,231,241,.95);
}
#page-marketplace-x-ads-analysis .marketplace-table th{
  color:#fff!important;
  font-size:10.5px!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  border-bottom:0!important;
}
#page-marketplace-x-ads-analysis .marketplace-table th.sortable::after{
  color:rgba(255,255,255,.78)!important;
}
#page-marketplace-x-ads-analysis .marketplace-table th,
#page-marketplace-x-ads-analysis .marketplace-table td{
  padding:10px 13px;
  vertical-align:top;
}
#page-marketplace-x-ads-analysis .marketplace-xads-table th,
#page-marketplace-x-ads-analysis .marketplace-xads-table td{
  white-space:nowrap;
}
#page-marketplace-x-ads-analysis .marketplace-table td{
  border-bottom:1px solid #dfe7f1!important;
  background:#fff;
  color:#142235;
  font-size:12px;
  line-height:1.42;
}
#page-marketplace-x-ads-analysis .marketplace-table tbody tr:nth-child(even) td{
  background:#fbfdff!important;
}
#page-marketplace-x-ads-analysis .marketplace-table tbody tr:hover td{
  background:#f2f8ff!important;
}
#page-marketplace-x-ads-analysis .marketplace-table td:first-child,
#page-marketplace-x-ads-analysis .marketplace-table td:nth-child(4),
#page-marketplace-x-ads-analysis .marketplace-table td:nth-child(5){
  max-width:360px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap!important;
}
#page-marketplace-x-ads-analysis .marketplace-table .marketplace-num{
  text-align:right;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
#page-marketplace-x-ads-analysis .marketplace-xads-table::-webkit-scrollbar{
  width:10px;
  height:10px;
}
#page-marketplace-x-ads-analysis .marketplace-xads-table::-webkit-scrollbar-track{
  background:#eef4fb;
  border-radius:999px;
}
#page-marketplace-x-ads-analysis .marketplace-xads-table::-webkit-scrollbar-thumb{
  background:#9bb4d4;
  border:2px solid #eef4fb;
  border-radius:999px;
}
@media(max-width:900px){
  #page-marketplace-x-ads-analysis .marketplace-xads-filter-grid{
    grid-template-columns:1fr;
  }
  #page-marketplace-x-ads-analysis .marketplace-xads-tile-grid,
  #page-marketplace-x-ads-analysis .marketplace-xads-funnel-row{
    grid-template-columns:1fr;
  }
  #page-marketplace-x-ads-analysis .marketplace-xads-detail-head{
    align-items:stretch;
    flex-direction:column;
  }
}
.marketplace-source-placeholder{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:18px;
  border:1px dashed rgba(22,159,230,.32);
  border-radius:16px;
  background:#f7fbff;
  color:#70758d;
  font-size:12px;
  font-weight:700;
}
.marketplace-source-placeholder b{
  color:#26283f;
  font-size:13px;
}
@media(max-width:900px){
  :is(#page-marketplace-shopee,#page-marketplace-tiktok) .marketplace-unified-row{
    grid-template-columns:1fr;
  }
}
.sales-analysis-detail-backdrop{
  z-index:900;
}
.sales-analysis-detail-modal{
  width:min(1180px,94vw);
  max-height:86vh;
  padding:22px;
  border-radius:18px;
}
.sales-analysis-detail-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.sales-analysis-detail-head .modal-sub{
  margin:4px 0 0;
}
.sales-analysis-detail-body{
  max-height:68vh;
  overflow:auto;
}
.sales-analysis-detail-table{
  max-height:56vh;
  overflow:auto;
}
.sales-analysis-detail-table table{
  min-width:860px;
}
.marketplace-voucher-detail-table table{
  min-width:1380px;
}
.marketplace-detail-btn{
  min-width:72px;
}
.marketplace-action-detail-table table{
  min-width:1320px;
}
.marketplace-detail-tabs{
  display:flex;
  gap:8px;
  margin:0 0 12px;
  flex-wrap:wrap;
}
.marketplace-detail-tabs button{
  border:1px solid var(--border);
  border-radius:10px;
  background:var(--bg3);
  color:var(--muted);
  font-weight:800;
  padding:8px 12px;
  cursor:pointer;
}
.marketplace-detail-tabs button.active{
  background:linear-gradient(135deg,#11a7e8,#2876ed);
  color:white;
  border-color:transparent;
}
@media(max-width:720px){
  .sales-analysis-detail-modal{
    width:96vw;
    padding:16px;
  }
  .sales-analysis-detail-head{
    align-items:stretch;
    flex-direction:column;
  }
}

/* Codex-style black theme. Sidebar intentionally keeps the light palette. */
body[data-theme=dark]{
  --bg:#050505;
  --bg2:#080808;
  --bg3:#141414;
  --card:#0f0f10;
  --border:rgba(255,255,255,.10);
  --text:#f4f4f5;
  --muted:#71717a;
  --muted2:#a1a1aa;
  --shadow:0 18px 46px rgba(0,0,0,.44);
  --shadow2:0 10px 26px rgba(0,0,0,.34);
  --page-bg:#050505;
  background:#050505;
}
[data-theme=dark] .main,
[data-theme=dark] .content{
  background:#050505;
}
[data-theme=dark] .topbar{
  background:#050505!important;
}
[data-theme=dark] .kpi,
[data-theme=dark] .cc,
[data-theme=dark] .filter-bar,
[data-theme=dark] .sbar,
[data-theme=dark] .cmp-card,
[data-theme=dark] .ai-box,
[data-theme=dark] .tw,
[data-theme=dark] .uz,
[data-theme=dark] .modal,
[data-theme=dark] .modal-file-info,
[data-theme=dark] .ins,
[data-theme=dark] .sales-date-card,
[data-theme=dark] .sales-date-panel,
[data-theme=dark] .sales-dash-advanced-menu,
[data-theme=dark] .multi-check-menu,
[data-theme=dark] .period-picker-menu{
  background:#101011!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.38)!important;
}
[data-theme=dark] .finp,
[data-theme=dark] .fsel,
[data-theme=dark] .filter-tabs,
[data-theme=dark] thead{
  background:#171717!important;
  border-color:rgba(255,255,255,.11)!important;
  color:#f4f4f5!important;
}
[data-theme=dark] td,
[data-theme=dark] th,
[data-theme=dark] .pt,
[data-theme=dark] .ct,
[data-theme=dark] .st,
[data-theme=dark] .kpi-val,
[data-theme=dark] .cmp-v1{
  color:#f4f4f5;
}
[data-theme=dark] tbody tr:hover,
[data-theme=dark] tbody tr:hover td{
  background:#181818!important;
}
[data-theme=dark] .sales-mgmt-table td:nth-child(-n+3),
[data-theme=dark] .ads-mgmt-table td:nth-child(-n+3),
[data-theme=dark] .sales-diag-table td:first-child{
  background:#101011!important;
}
[data-theme=dark] .cloud-status,
[data-theme=dark] .topbar-context-status{
  background:#101011!important;
  color:#f4f4f5!important;
  box-shadow:none!important;
}
[data-theme=dark] .profile-btn{
  color:#f4f4f5!important;
}
[data-theme=dark] .profile-avatar{
  background:#101011!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#f4f4f5!important;
  box-shadow:none!important;
}
.theme-toggle{
  min-height:32px;
  min-width:78px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 12px 0 9px;
  border:1px solid rgba(53,59,111,.12);
  border-radius:999px;
  background:#fff;
  color:#14172a;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 12px 30px rgba(53,59,111,.10);
  transition:background var(--tr),color var(--tr),border-color var(--tr),box-shadow var(--tr);
}
.theme-toggle-track{
  width:28px;
  height:16px;
  display:inline-flex;
  align-items:center;
  padding:2px;
  border-radius:999px;
  background:#d8deea;
}
.theme-toggle-dot{
  width:12px;
  height:12px;
  border-radius:999px;
  background:#353b6f;
  transition:transform var(--tr),background var(--tr);
}
[data-theme=dark] .theme-toggle{
  background:#101011;
  border-color:rgba(255,255,255,.12);
  color:#f4f4f5;
  box-shadow:none;
}
[data-theme=dark] .theme-toggle-track{
  background:#252525;
}
[data-theme=dark] .theme-toggle-dot{
  background:#f4f4f5;
  transform:translateX(12px);
}
[data-theme=dark] .sidebar{
  background:rgba(255,255,255,.72)!important;
  border-right:1px solid rgba(53,59,111,.08)!important;
  box-shadow:16px 0 40px rgba(53,59,111,.07)!important;
  color:#26283f!important;
}
[data-theme=dark] .sidebar .s-logo-text,
[data-theme=dark] .sidebar .s-logo-sub,
[data-theme=dark] .sidebar .ni,
[data-theme=dark] .sidebar .source-title{
  color:#70758d!important;
  -webkit-text-fill-color:currentColor;
}
[data-theme=dark] .sidebar .s-logo-text{
  color:#26283f!important;
}
[data-theme=dark] .sidebar .ni:hover{
  background:#f1f3f8!important;
  color:#26283f!important;
}
[data-theme=dark] .sidebar .ni.active{
  background:rgba(53,59,111,.10)!important;
  color:#353b6f!important;
}
[data-theme=dark] .sidebar .ni-icon{
  background:#f2f4f9!important;
  color:#353b6f!important;
}
[data-theme=dark] .sidebar .ni.active .ni-icon{
  background:#353b6f!important;
  color:#fff!important;
}
[data-theme=dark] .sidebar .source-card{
  background:#27364d!important;
  border-color:rgba(255,255,255,.16)!important;
}
[data-theme=dark] .sidebar .source-row{
  color:#fff!important;
}
.profile-menu .profile-btn{
  cursor:pointer!important;
}
[data-theme=dark] .auth-shell{
  background:radial-gradient(circle at top left,rgba(88,167,248,.18),transparent 34%),linear-gradient(135deg,#090b12,#121520);
}
[data-theme=dark] .auth-card{
  background:#161622;
  border-color:rgba(255,255,255,.08);
  box-shadow:0 24px 70px rgba(0,0,0,.38);
}
[data-theme=dark] .auth-brand-title,
[data-theme=dark] .auth-title{
  color:#f4f4f5;
}
[data-theme=dark] .auth-brand-sub,
[data-theme=dark] .auth-sub,
[data-theme=dark] .auth-field span{
  color:#9ca3af;
}
[data-theme=dark] .auth-field .finp{
  background:#101011;
  border-color:rgba(255,255,255,.12);
  color:#f4f4f5;
}
[data-theme=dark] .tw,
[data-theme=dark] table,
[data-theme=dark] .visual-table-card,
[data-theme=dark] .marketplace-source-placeholder{
  background:#101011!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#f4f4f5!important;
}
[data-theme=dark] .tw td,
[data-theme=dark] .tw th,
[data-theme=dark] .sales-data-table td,
[data-theme=dark] .sales-data-table th,
[data-theme=dark] .sales-platform-table td,
[data-theme=dark] .sales-platform-table th,
[data-theme=dark] .sales-mgmt-table td,
[data-theme=dark] .sales-mgmt-table th,
[data-theme=dark] .ads-mgmt-table td,
[data-theme=dark] .ads-mgmt-table th,
[data-theme=dark] .stock-data-table td,
[data-theme=dark] .stock-data-table th{
  background:#101011!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#f4f4f5!important;
}
[data-theme=dark] .tw thead,
[data-theme=dark] .tw thead th,
[data-theme=dark] table thead,
[data-theme=dark] table thead th{
  background:#171717!important;
  color:#f4f4f5!important;
}
[data-theme=dark] .tw tbody tr:nth-child(even) td,
[data-theme=dark] table tbody tr:nth-child(even) td{
  background:#131313!important;
}
[data-theme=dark] .tw tbody tr:hover td,
[data-theme=dark] table tbody tr:hover td{
  background:#1b1b1b!important;
}
[data-theme=dark] .period-select-actions button,
[data-theme=dark] .multi-check-actions,
[data-theme=dark] .multi-check-actions button,
[data-theme=dark] .period-picker .multi-check-actions,
[data-theme=dark] .multi-check-option:hover{
  background:#171717!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#f4f4f5!important;
}
[data-theme=dark] :is(#page-salesanalysis,#page-sales-x-stock,#page-stock-analysis) .sales-date-card,
[data-theme=dark] :is(#page-salesanalysis,#page-sales-x-stock,#page-stock-analysis) .sales-analysis-filter,
[data-theme=dark] :is(#page-salesanalysis,#page-sales-x-stock,#page-stock-analysis) .sales-analysis-dim-row,
[data-theme=dark] :is(#page-salesanalysis,#page-sales-x-stock,#page-stock-analysis) .sales-dash-field .multi-check,
[data-theme=dark] :is(#page-salesanalysis,#page-sales-x-stock,#page-stock-analysis) .sales-dash-field .multi-check-btn,
[data-theme=dark] :is(#page-salesanalysis,#page-sales-x-stock,#page-stock-analysis) .sales-analysis-filter .multi-check-btn,
[data-theme=dark] :is(#page-salesanalysis,#page-sales-x-stock,#page-stock-analysis) .period-picker-btn{
  background:#101011!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#f4f4f5!important;
  box-shadow:none!important;
}
[data-theme=dark] :is(#page-salesanalysis,#page-sales-x-stock,#page-stock-analysis) .sales-dash-field>span,
[data-theme=dark] :is(#page-salesanalysis,#page-sales-x-stock,#page-stock-analysis) .sales-date-copy b,
[data-theme=dark] :is(#page-salesanalysis,#page-sales-x-stock,#page-stock-analysis) .sales-date-copy em,
[data-theme=dark] :is(#page-salesanalysis,#page-sales-x-stock,#page-stock-analysis) .sales-date-eyebrow,
[data-theme=dark] :is(#page-salesanalysis,#page-sales-x-stock,#page-stock-analysis) .multi-check-btn span,
[data-theme=dark] :is(#page-salesanalysis,#page-sales-x-stock,#page-stock-analysis) .period-picker-btn span{
  color:#f4f4f5!important;
}
[data-theme=dark] :is(#page-salesanalysis,#page-sales-x-stock,#page-stock-analysis) .sales-date-eyebrow,
[data-theme=dark] :is(#page-salesanalysis,#page-sales-x-stock,#page-stock-analysis) .sales-dash-field>span{
  color:#a1a1aa!important;
}
[data-theme=dark] :is(#page-salesanalysis,#page-sales-x-stock,#page-stock-analysis) .sales-filter-orb{
  background:#149fda!important;
  color:#fff!important;
  box-shadow:none!important;
}
[data-theme=dark] #page-salesdash .sales-dash-advanced-title{
  color:#f4f4f5!important;
}
[data-theme=dark] #page-salesdash .sales-dash-field>span{
  color:#a1a1aa!important;
}
[data-theme=dark] #page-salesdash .sales-dash-field .fsel,
[data-theme=dark] #page-salesdash .sales-dash-field .multi-check,
[data-theme=dark] #page-salesdash .sales-dash-field .multi-check-btn{
  background:#101011!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#f4f4f5!important;
  box-shadow:none!important;
}
[data-theme=dark] #page-salesdash .sales-dash-field .multi-check-btn span,
[data-theme=dark] #page-salesdash .sales-dash-field .multi-check-arrow{
  color:#f4f4f5!important;
}
[data-theme=dark] #page-salesdash .sales-dash-field .multi-check.open .multi-check-btn{
  border-color:#58a7f8!important;
  box-shadow:0 0 0 4px rgba(88,167,248,.12)!important;
}
[data-theme=dark] #page-salesdash .sales-dash-field .multi-check-menu{
  background:#101011!important;
  border-color:rgba(255,255,255,.10)!important;
}
[data-theme=dark] #page-salesdash .sales-dash-field .multi-check-option{
  color:#f4f4f5!important;
}
[data-theme=dark] #page-salesdash .sales-dash-field .multi-check-option:hover{
  background:#171717!important;
}
[data-theme=dark] :is(#page-sales-shopee,#page-sales-tiktok,#page-sales-tokopedia,#page-sales-lazada,#page-sales-blibli,#page-sales-akulaku,#page-sales-zalora) .sales-platform-advanced .sales-dash-advanced-title{
  color:#f4f4f5!important;
}
[data-theme=dark] :is(#page-sales-shopee,#page-sales-tiktok,#page-sales-tokopedia,#page-sales-lazada,#page-sales-blibli,#page-sales-akulaku,#page-sales-zalora) .sales-platform-advanced .sales-dash-field>span{
  color:#a1a1aa!important;
}
[data-theme=dark] :is(#page-sales-shopee,#page-sales-tiktok,#page-sales-tokopedia,#page-sales-lazada,#page-sales-blibli,#page-sales-akulaku,#page-sales-zalora) .sales-platform-advanced .sales-platform-store-slot,
[data-theme=dark] :is(#page-sales-shopee,#page-sales-tiktok,#page-sales-tokopedia,#page-sales-lazada,#page-sales-blibli,#page-sales-akulaku,#page-sales-zalora) .sales-platform-advanced .sales-platform-store-slot .fsel,
[data-theme=dark] :is(#page-sales-shopee,#page-sales-tiktok,#page-sales-tokopedia,#page-sales-lazada,#page-sales-blibli,#page-sales-akulaku,#page-sales-zalora) .sales-platform-advanced .sales-dash-field .multi-check,
[data-theme=dark] :is(#page-sales-shopee,#page-sales-tiktok,#page-sales-tokopedia,#page-sales-lazada,#page-sales-blibli,#page-sales-akulaku,#page-sales-zalora) .sales-platform-advanced .sales-dash-field .multi-check-btn{
  background:#101011!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#f4f4f5!important;
  box-shadow:none!important;
}
[data-theme=dark] :is(#page-sales-shopee,#page-sales-tiktok,#page-sales-tokopedia,#page-sales-lazada,#page-sales-blibli,#page-sales-akulaku,#page-sales-zalora) .sales-platform-advanced .sales-dash-field .multi-check-btn span,
[data-theme=dark] :is(#page-sales-shopee,#page-sales-tiktok,#page-sales-tokopedia,#page-sales-lazada,#page-sales-blibli,#page-sales-akulaku,#page-sales-zalora) .sales-platform-advanced .sales-dash-field .multi-check-arrow{
  color:#f4f4f5!important;
}
[data-theme=dark] :is(#page-sales-shopee,#page-sales-tiktok,#page-sales-tokopedia,#page-sales-lazada,#page-sales-blibli,#page-sales-akulaku,#page-sales-zalora) .sales-platform-advanced .sales-dash-field .multi-check.open .multi-check-btn{
  border-color:#58a7f8!important;
  box-shadow:0 0 0 4px rgba(88,167,248,.12)!important;
}
[data-theme=dark] :is(#page-sales-shopee,#page-sales-tiktok,#page-sales-tokopedia,#page-sales-lazada,#page-sales-blibli,#page-sales-akulaku,#page-sales-zalora) .sales-platform-advanced .sales-dash-field .multi-check-menu{
  background:#101011!important;
  border-color:rgba(255,255,255,.10)!important;
}
[data-theme=dark] :is(#page-sales-shopee,#page-sales-tiktok,#page-sales-tokopedia,#page-sales-lazada,#page-sales-blibli,#page-sales-akulaku,#page-sales-zalora) .sales-platform-advanced .sales-dash-field .multi-check-option{
  color:#f4f4f5!important;
}
[data-theme=dark] :is(#page-sales-shopee,#page-sales-tiktok,#page-sales-tokopedia,#page-sales-lazada,#page-sales-blibli,#page-sales-akulaku,#page-sales-zalora) .sales-platform-advanced .sales-dash-field .multi-check-option:hover{
  background:#171717!important;
}
[data-theme=dark] :is(#page-sales-x-stock,#page-salesanalysis,#page-ads-analysis,#page-dashboard) .tw,
[data-theme=dark] :is(#page-sales-x-stock,#page-salesanalysis,#page-ads-analysis,#page-dashboard) .sales-summary-visual-table{
  background:#101011!important;
  border-color:rgba(255,255,255,.10)!important;
}
[data-theme=dark] :is(#page-sales-x-stock,#page-salesanalysis,#page-ads-analysis,#page-dashboard) td,
[data-theme=dark] :is(#page-sales-x-stock,#page-salesanalysis,#page-ads-analysis,#page-dashboard) td:first-child,
[data-theme=dark] :is(#page-sales-x-stock,#page-salesanalysis,#page-ads-analysis,#page-dashboard) tbody tr:nth-child(even) td,
[data-theme=dark] :is(#page-sales-x-stock,#page-salesanalysis,#page-ads-analysis,#page-dashboard) tbody tr:nth-child(even) td:first-child,
[data-theme=dark] :is(#page-sales-x-stock,#page-salesanalysis,#page-ads-analysis,#page-dashboard) .sales-summary-visual-table td,
[data-theme=dark] :is(#page-sales-x-stock,#page-salesanalysis,#page-ads-analysis,#page-dashboard) .sales-summary-visual-table td:first-child{
  background:#101011!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#f4f4f5!important;
}
[data-theme=dark] :is(#page-sales-x-stock,#page-salesanalysis,#page-ads-analysis,#page-dashboard) tbody tr:nth-child(even) td{
  background:#131313!important;
}
[data-theme=dark] :is(#page-sales-x-stock,#page-salesanalysis,#page-ads-analysis,#page-dashboard) tbody tr:hover td,
[data-theme=dark] :is(#page-sales-x-stock,#page-salesanalysis,#page-ads-analysis,#page-dashboard) tbody tr:hover td:first-child{
  background:#1b1b1b!important;
}
[data-theme=dark] :is(#page-sales-x-stock,#page-salesanalysis,#page-ads-analysis,#page-dashboard) th,
[data-theme=dark] :is(#page-sales-x-stock,#page-salesanalysis,#page-ads-analysis,#page-dashboard) th:first-child,
[data-theme=dark] :is(#page-sales-x-stock,#page-salesanalysis,#page-ads-analysis,#page-dashboard) thead,
[data-theme=dark] :is(#page-sales-x-stock,#page-salesanalysis,#page-ads-analysis,#page-dashboard) thead th,
[data-theme=dark] :is(#page-sales-x-stock,#page-salesanalysis,#page-ads-analysis,#page-dashboard) .sales-summary-visual-table th{
  background:#171717!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#f4f4f5!important;
}
[data-theme=dark] #page-sales-x-stock .sales-x-stock-platform-corner,
[data-theme=dark] #page-sales-x-stock .sales-x-stock-platform-head{
  background:#172744;
  border-color:rgba(255,255,255,.10);
  color:#88cfff;
}
[data-theme=dark] #page-sales-x-stock .sales-x-stock-platform-name,
[data-theme=dark] #page-sales-x-stock .sales-x-stock-platform-total{
  background:#141827;
  border-color:rgba(255,255,255,.10);
  color:var(--text);
}
[data-theme=dark] #page-sales-x-stock .sales-x-stock-platform-cell{
  border-color:rgba(255,255,255,.10);
  background:rgba(22,159,230,calc(.10 + var(--cohort-alpha,0) * .28));
  color:var(--text);
}
[data-theme=dark] #page-sales-x-stock .sales-x-stock-platform-cell.empty{
  background:#151a2a;
  color:#738098;
}
[data-theme=dark] .sales-analysis-age-percent{
  color:#75c9ff;
}
[data-theme=dark] #page-sales-x-stock .sales-x-stock-age-category-note,
[data-theme=dark] #page-sales-x-stock .sales-x-stock-age-category-meta,
[data-theme=dark] #page-sales-x-stock .sales-x-stock-age-category-buckets em{
  color:#9aa4b7;
}
[data-theme=dark] #page-sales-x-stock .sales-x-stock-age-category-card{
  background:linear-gradient(90deg,color-mix(in srgb,var(--rank-color,#159fe5) calc(var(--category-weight,.2) * 22%),#141827) 0%,#141827 76%);
  border-color:rgba(255,255,255,.10);
  color:var(--text);
  box-shadow:none;
}
[data-theme=dark] #page-sales-x-stock .sales-x-stock-age-category-buckets span{
  background:rgba(22,159,230,calc(.08 + var(--bucket-alpha,0) * .20));
}
[data-theme=dark] #page-sales-x-stock .sales-x-stock-age-category-top b,
[data-theme=dark] #page-sales-x-stock .sales-x-stock-age-category-buckets i{
  color:#75c9ff;
}
[data-theme=dark] .notice.nok,
[data-theme=dark] .notice.nwarn,
[data-theme=dark] .notice.nerr{
  background:#101011!important;
  border-color:rgba(255,255,255,.10)!important;
}
[data-theme=dark] .notice.nok{color:#52d7ad!important}
[data-theme=dark] .notice.nwarn{color:#f5b35c!important}
[data-theme=dark] .notice.nerr{color:#ff8b9f!important}
[data-theme=dark] :is(.sales-summary-visual-table,.platform-summary-table,.social-summary-table,.marketplace-table,.stock-data-table) tbody tr,
[data-theme=dark] :is(.sales-summary-visual-table,.platform-summary-table,.social-summary-table,.marketplace-table,.stock-data-table) tbody tr:nth-child(1),
[data-theme=dark] :is(.sales-summary-visual-table,.platform-summary-table,.social-summary-table,.marketplace-table,.stock-data-table) tbody tr:nth-child(2),
[data-theme=dark] :is(.sales-summary-visual-table,.platform-summary-table,.social-summary-table,.marketplace-table,.stock-data-table) tbody tr:nth-child(3),
[data-theme=dark] :is(.sales-summary-visual-table,.platform-summary-table,.social-summary-table,.marketplace-table,.stock-data-table) tbody tr:nth-child(n+4){
  background:#101011!important;
}
[data-theme=dark] :is(.sales-summary-visual-table,.platform-summary-table,.social-summary-table,.marketplace-table,.stock-data-table) td,
[data-theme=dark] :is(.sales-summary-visual-table,.platform-summary-table,.social-summary-table,.marketplace-table,.stock-data-table) td:first-child,
[data-theme=dark] :is(.sales-summary-visual-table,.platform-summary-table,.social-summary-table,.marketplace-table,.stock-data-table) td:nth-child(2),
[data-theme=dark] :is(.sales-summary-visual-table,.platform-summary-table,.social-summary-table,.marketplace-table,.stock-data-table) td b,
[data-theme=dark] :is(.platform-summary-table,.social-summary-table) .platform-name{
  background:#101011!important;
  color:#f4f4f5!important;
  border-color:rgba(255,255,255,.10)!important;
}
[data-theme=dark] :is(.sales-summary-visual-table,.platform-summary-table,.social-summary-table,.marketplace-table,.stock-data-table) tbody tr:nth-child(even) td,
[data-theme=dark] :is(.sales-summary-visual-table,.platform-summary-table,.social-summary-table,.marketplace-table,.stock-data-table) tbody tr:nth-child(even) td:first-child,
[data-theme=dark] :is(.sales-summary-visual-table,.platform-summary-table,.social-summary-table,.marketplace-table,.stock-data-table) tbody tr:nth-child(even) td:nth-child(2){
  background:#131313!important;
}
[data-theme=dark] :is(.sales-summary-visual-table,.platform-summary-table,.social-summary-table,.marketplace-table,.stock-data-table) tbody tr:hover td,
[data-theme=dark] :is(.sales-summary-visual-table,.platform-summary-table,.social-summary-table,.marketplace-table,.stock-data-table) tbody tr:hover td:first-child,
[data-theme=dark] :is(.sales-summary-visual-table,.platform-summary-table,.social-summary-table,.marketplace-table,.stock-data-table) tbody tr:hover td:nth-child(2){
  background:#1b1b1b!important;
}
[data-theme=dark] :is(.sales-summary-visual-table,.platform-summary-table,.social-summary-table,.marketplace-table,.stock-data-table) tbody tr.dash-total-row,
[data-theme=dark] :is(.sales-summary-visual-table,.platform-summary-table,.social-summary-table,.marketplace-table,.stock-data-table) tbody tr.dash-total-row td,
[data-theme=dark] :is(.sales-summary-visual-table,.platform-summary-table,.social-summary-table,.marketplace-table,.stock-data-table) tbody tr.dash-total-row td:first-child{
  background:#171717!important;
  color:#f4f4f5!important;
}
[data-theme=dark] :is(#page-stock-mgmt,#page-stock-analysis,#page-sales-mgmt,#page-manajemen,#page-marketplace-mgmt,#page-marketplace-shopee,#page-marketplace-tiktok) td,
[data-theme=dark] :is(#page-stock-mgmt,#page-stock-analysis,#page-sales-mgmt,#page-manajemen,#page-marketplace-mgmt,#page-marketplace-shopee,#page-marketplace-tiktok) td:nth-child(-n+4),
[data-theme=dark] :is(#page-stock-mgmt,#page-stock-analysis,#page-sales-mgmt,#page-manajemen,#page-marketplace-mgmt,#page-marketplace-shopee,#page-marketplace-tiktok) tbody td:first-child{
  background:#101011!important;
  color:#f4f4f5!important;
  border-color:rgba(255,255,255,.10)!important;
}
[data-theme=dark] :is(#page-stock-mgmt,#page-stock-analysis,#page-sales-mgmt,#page-manajemen,#page-marketplace-mgmt,#page-marketplace-shopee,#page-marketplace-tiktok) tbody tr:nth-child(even) td,
[data-theme=dark] :is(#page-stock-mgmt,#page-stock-analysis,#page-sales-mgmt,#page-manajemen,#page-marketplace-mgmt,#page-marketplace-shopee,#page-marketplace-tiktok) tbody tr:nth-child(even) td:nth-child(-n+4){
  background:#131313!important;
}
[data-theme=dark] :is(#page-stock-mgmt,#page-stock-analysis,#page-sales-mgmt,#page-manajemen,#page-marketplace-mgmt,#page-marketplace-shopee,#page-marketplace-tiktok) tbody tr:hover td,
[data-theme=dark] :is(#page-stock-mgmt,#page-stock-analysis,#page-sales-mgmt,#page-manajemen,#page-marketplace-mgmt,#page-marketplace-shopee,#page-marketplace-tiktok) tbody tr:hover td:nth-child(-n+4){
  background:#1b1b1b!important;
}
[data-theme=dark] .sales-shipper-dark-card,
[data-theme=dark] .sales-shipper-dark-card .cb,
[data-theme=dark] .sales-shipper-dark-card .ch{
  background:#101011!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#f4f4f5!important;
}
[data-theme=dark] .sales-shipper-dark-card .ct,
[data-theme=dark] .sales-shipping-donut-row b,
[data-theme=dark] .marketplace-source-placeholder b{
  color:#f4f4f5!important;
}
[data-theme=dark] #page-salesdash .sales-shipper-dark-card,
[data-theme=dark] #page-salesdash .sales-shipper-dark-card .cb,
[data-theme=dark] #page-salesdash .sales-shipper-dark-card .ch{
  background:#101011!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#f4f4f5!important;
}
[data-theme=dark] #page-salesdash .sales-shipper-dark-card .ct{
  color:#f4f4f5!important;
}
[data-theme=dark] #page-salesdash .sales-shipper-panel{
  background:#151514!important;
  border-color:#2d2d2d!important;
}
[data-theme=dark] #page-salesdash .sales-shipper-panel-head,
[data-theme=dark] #page-salesdash .sales-shipper-name{
  color:#f4f4f5!important;
}
[data-theme=dark] #page-salesdash .sales-shipper-track{
  background:#20201e!important;
}
[data-theme=dark] .visual-table-actions .btn,
[data-theme=dark] .visual-table-actions .number-toggle-btn,
[data-theme=dark] .sales-month-option,
[data-theme=dark] .sales-month-option.active{
  background:#171717!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#f4f4f5!important;
  box-shadow:none!important;
}
[data-theme=dark] .sales-date-panel-tabs,
[data-theme=dark] .sales-date-display,
[data-theme=dark] .sales-cal-head,
[data-theme=dark] .sales-month-year{
  background:#171717!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#f4f4f5!important;
}
[data-theme=dark] .sales-date-panel-tabs button{
  background:transparent!important;
  color:#a1a1aa!important;
}
[data-theme=dark] .sales-date-panel-tabs button.active{
  background:#202842!important;
  color:#58a7f8!important;
  box-shadow:none!important;
}
[data-theme=dark] .sales-date-display span,
[data-theme=dark] .sales-cal-week,
[data-theme=dark] .sales-month-tools{
  color:#9ca3af!important;
}
[data-theme=dark] .sales-date-display b,
[data-theme=dark] .sales-cal-head button,
[data-theme=dark] .sales-cal-head select,
[data-theme=dark] .sales-cal-head input,
[data-theme=dark] .sales-month-year button,
[data-theme=dark] .sales-month-year select{
  color:#f4f4f5!important;
}
[data-theme=dark] .sales-cal-head button,
[data-theme=dark] .sales-cal-head select,
[data-theme=dark] .sales-cal-head input,
[data-theme=dark] .sales-month-year button,
[data-theme=dark] .sales-month-year select{
  background:#101011!important;
  border-color:rgba(255,255,255,.12)!important;
}
[data-theme=dark] .sales-cal-day{
  background:#182033!important;
  color:#7db7ff!important;
}
[data-theme=dark] .sales-cal-day:hover,
[data-theme=dark] .sales-cal-day.inside{
  background:#213452!important;
  color:#dbeafe!important;
}
[data-theme=dark] .sales-cal-day.muted{
  background:transparent!important;
  color:#6b7280!important;
}
[data-theme=dark] .sales-cal-day.selected{
  background:linear-gradient(135deg,#2f76ec,#15afd0)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(47,118,236,.28)!important;
}
[data-theme=dark] .sales-month-tools button{
  color:#58a7f8!important;
}
[data-theme=dark] .sales-month-option{
  background:#171717!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#f4f4f5!important;
}
[data-theme=dark] .sales-month-option.active{
  background:#202842!important;
  border-color:rgba(88,167,248,.38)!important;
  color:#58a7f8!important;
}
[data-theme=dark] :is(#page-sales-mgmt .sales-mgmt-control-card,#page-manajemen .ads-mgmt-control-card,#page-product-age .product-age-kpi-card,#page-product-age .product-age-table-card,#page-marketplace-shopee .marketplace-period-filter,#page-marketplace-tiktok .marketplace-period-filter){
  background:#101011!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#f4f4f5!important;
  box-shadow:0 16px 40px rgba(0,0,0,.34)!important;
}
[data-theme=dark] :is(#page-sales-mgmt,#page-manajemen) :is(.sales-mgmt-sub,.sales-dash-advanced-title,.sales-mgmt-popover-panel,.sales-mgmt-popover-panel .fsel){
  color:#f4f4f5!important;
}
[data-theme=dark] :is(#page-sales-mgmt,#page-manajemen) :is(.sales-mgmt-counts .rc,.sales-mgmt-popover-panel,.sales-mgmt-popover-panel .fsel){
  background:#101011!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#f4f4f5!important;
  box-shadow:none!important;
}
[data-theme=dark] :is(#page-sales-mgmt,#page-manajemen) .sales-mgmt-sub{
  color:#9ca3af!important;
}
[data-theme=dark] :is(#page-sales-mgmt,#page-manajemen) :is(.sales-mgmt-actions .btn-s,.sales-mgmt-actions .btn){
  border-color:rgba(255,255,255,.12)!important;
}
[data-theme=dark] :is(#page-product-age,#page-stock-analysis) :is(.product-age-kpi-mini,.product-age-refill-card,.product-age-kpi-empty){
  background:#101011!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#f4f4f5!important;
  box-shadow:none!important;
}
[data-theme=dark] :is(#page-product-age,#page-stock-analysis) :is(.product-age-kpi-mini-top span,.product-age-kpi-mini-top b,.product-age-table-head .ct){
  color:#f4f4f5!important;
}
[data-theme=dark] :is(#page-product-age,#page-stock-analysis) :is(.product-age-kpi-sub,.product-age-kpi-meta){
  color:#9ca3af!important;
}
[data-theme=dark] :is(#page-product-age,#page-stock-analysis) .product-age-kpi-track{
  background:#1b2430!important;
}
[data-theme=dark] :is(#page-product-age,#page-stock-analysis) .product-age-carousel-tab{
  background:#171717!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#a1a1aa!important;
}
[data-theme=dark] :is(#page-product-age,#page-stock-analysis) .product-age-carousel-tab.active{
  background:#8587ff!important;
  border-color:#8587ff!important;
  color:#fff!important;
}
[data-theme=dark] :is(#page-marketplace-shopee,#page-marketplace-tiktok) :is(.marketplace-source-filter,.marketplace-upload-help,.marketplace-upload-status,.marketplace-period-note,.marketplace-kpi-sub){
  color:#9ca3af!important;
}
[data-theme=dark] :is(#page-marketplace-shopee,#page-marketplace-tiktok) :is(.marketplace-source-filter select,.marketplace-upload-status,.marketplace-period-note,.marketplace-table,.marketplace-source-card){
  background:#101011!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#f4f4f5!important;
  box-shadow:none!important;
}
[data-theme=dark] :is(#page-marketplace-shopee,#page-marketplace-tiktok) :is(.marketplace-source-filter span,.marketplace-source-filter select){
  color:#f4f4f5!important;
}
[data-theme=dark] :is(#page-marketplace-shopee,#page-marketplace-tiktok) .marketplace-table tbody tr:nth-child(even) td{
  background:#131313!important;
}
[data-theme=dark] :is(#page-marketplace-shopee,#page-marketplace-tiktok) .marketplace-table tbody tr:hover td{
  background:#1b1b1b!important;
}
[data-theme=dark] #page-dashboard #dashAdvanced :is(.sales-dash-advanced-title,.sales-dash-field .multi-check-btn span,.sales-dash-field .multi-check-arrow,.sales-dash-field .fsel){
  color:#f4f4f5!important;
}
[data-theme=dark] #page-dashboard #dashAdvanced .sales-dash-field>span{
  color:#a1a1aa!important;
}
[data-theme=dark] #page-dashboard #dashAdvanced :is(.sales-dash-field .fsel,.sales-dash-field .multi-check,.sales-dash-field .multi-check-btn,.sales-dash-field .multi-check-menu){
  background:#101011!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#f4f4f5!important;
  box-shadow:none!important;
}
[data-theme=dark] #page-dashboard #dashAdvanced .sales-dash-field .multi-check.open .multi-check-btn{
  border-color:#58a7f8!important;
  box-shadow:0 0 0 4px rgba(88,167,248,.12)!important;
}
[data-theme=dark] #page-dashboard #dashAdvanced :is(.multi-check-option,.multi-check-option span){
  color:#f4f4f5!important;
}
[data-theme=dark] #page-dashboard #dashAdvanced .multi-check-option:hover{
  background:#171717!important;
}
[data-theme=dark] :is(#page-shopee,#page-tiktok,#page-lazada,#page-social) .ads-platform-advanced :is(.sales-dash-advanced-title,.sales-dash-field .multi-check-btn span,.sales-dash-field .multi-check-arrow){
  color:#f4f4f5!important;
}
[data-theme=dark] :is(#page-shopee,#page-tiktok,#page-lazada,#page-social) .ads-platform-advanced .sales-dash-field>span{
  color:#a1a1aa!important;
}
[data-theme=dark] :is(#page-shopee,#page-tiktok,#page-lazada,#page-social) .ads-platform-advanced :is(.sales-dash-field .multi-check,.sales-dash-field .multi-check-btn,.sales-dash-field .multi-check-menu){
  background:#101011!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#f4f4f5!important;
  box-shadow:none!important;
}
[data-theme=dark] :is(#page-shopee,#page-tiktok,#page-lazada,#page-social) .ads-platform-advanced .sales-dash-field .multi-check.open .multi-check-btn{
  border-color:#58a7f8!important;
  box-shadow:0 0 0 4px rgba(88,167,248,.12)!important;
}
[data-theme=dark] :is(#page-shopee,#page-tiktok,#page-lazada,#page-social) .ads-platform-advanced :is(.multi-check-option,.multi-check-option span){
  color:#f4f4f5!important;
}
[data-theme=dark] :is(#page-shopee,#page-tiktok,#page-lazada,#page-social) .ads-platform-advanced .multi-check-option:hover{
  background:#171717!important;
}
@media(max-width:760px){
  .theme-toggle{
    min-width:42px;
    padding:0 7px;
  }
  .theme-toggle-label{
    display:none;
  }
}

/* Sidebar icons and dark-mode lock: keep the sidebar's navy system unchanged. */
:root{
  --ico-default:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5' fill='black'/%3E%3C/svg%3E");
  --ico-ai:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3l1.8 5.2L19 10l-5.2 1.8L12 17l-1.8-5.2L5 10l5.2-1.8L12 3zM18 15l.9 2.6L21 18.5l-2.1.9L18 22l-.9-2.6-2.1-.9 2.1-.9L18 15z' fill='black'/%3E%3C/svg%3E");
  --ico-sales:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 19V5h16v14H4zm3-3h2v-5H7v5zm4 0h2V8h-2v8zm4 0h2v-3h-2v3z' fill='black'/%3E%3C/svg%3E");
  --ico-shop:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9h12l-1 11H7L6 9zm3 0a3 3 0 016 0h-2a1 1 0 10-2 0H9z' fill='black'/%3E%3C/svg%3E");
  --ico-video:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 5v14l12-7L7 5z' fill='black'/%3E%3C/svg%3E");
  --ico-market:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h2l2.1 10.5A2 2 0 0010 17h7a2 2 0 001.9-1.4L21 8H8.3L8 6H4V5zm6 15a1.7 1.7 0 110-3.4 1.7 1.7 0 010 3.4zm7 0a1.7 1.7 0 110-3.4 1.7 1.7 0 010 3.4z' fill='black'/%3E%3C/svg%3E");
  --ico-cross:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 5h6v6H5V5zm8 0h6v6h-6V5zM5 13h6v6H5v-6zm8 0h6v6h-6v-6z' fill='black'/%3E%3C/svg%3E");
  --ico-analysis:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.5 4a6.5 6.5 0 014.9 10.8l4 4-1.6 1.6-4-4A6.5 6.5 0 1110.5 4zm0 3a3.5 3.5 0 100 7 3.5 3.5 0 000-7z' fill='black'/%3E%3C/svg%3E");
  --ico-stock:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3l8 4v10l-8 4-8-4V7l8-4zm0 2.7L7.3 8 12 10.3 16.7 8 12 5.7zM6 10v5.8l5 2.5v-5.8L6 10zm12 0l-5 2.5v5.8l5-2.5V10z' fill='black'/%3E%3C/svg%3E");
  --ico-data:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3c4.4 0 8 1.6 8 3.5v11c0 1.9-3.6 3.5-8 3.5s-8-1.6-8-3.5v-11C4 4.6 7.6 3 12 3zm0 2c-3.1 0-5.4.8-5.9 1.5C6.6 7.2 8.9 8 12 8s5.4-.8 5.9-1.5C17.4 5.8 15.1 5 12 5zm6 4.2C16.5 10 14.4 10.5 12 10.5S7.5 10 6 9.2v2.3c.5.7 2.9 1.5 6 1.5s5.5-.8 6-1.5V9.2zm0 5C16.5 15 14.4 15.5 12 15.5S7.5 15 6 14.2v3.3c.5.7 2.9 1.5 6 1.5s5.5-.8 6-1.5v-3.3z' fill='black'/%3E%3C/svg%3E");
  --ico-age:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4a8 8 0 110 16 8 8 0 010-16zm1 4h-2v5l4 3 1.2-1.6-3.2-2.4V8z' fill='black'/%3E%3C/svg%3E");
  --ico-ads:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 10v4h3l7 4V6l-7 4H4zm12-2.5v9a5 5 0 000-9zm2.2-2.2v13.4A8 8 0 0018.2 5.3z' fill='black'/%3E%3C/svg%3E");
  --ico-social:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 6a3 3 0 116 0 3 3 0 01-6 0zm-4 14c.4-3.3 3-5 7-5s6.6 1.7 7 5H4zm13-9a2.5 2.5 0 110-5 2.5 2.5 0 010 5zm1.4 2.5c2.7.4 4.4 1.9 4.6 4.5h-3.2a6 6 0 00-1.4-4.5z' fill='black'/%3E%3C/svg%3E");
}
.ni-icon{
  position:relative;
  font-size:0!important;
  line-height:0;
}
.ni-icon::before{
  content:"";
  width:17px;
  height:17px;
  display:block;
  background:currentColor;
  -webkit-mask:var(--ni-mask,var(--ico-default)) center/contain no-repeat;
  mask:var(--ni-mask,var(--ico-default)) center/contain no-repeat;
}
.ni.child .ni-icon::before{
  width:15px;
  height:15px;
}
.ni.nav-primary .ni-icon{--ni-mask:var(--ico-ai)}
#dd-salesperformance .ni-icon,
#nav-salesdash .ni-icon,
#nav-salesanalysis .ni-icon{--ni-mask:var(--ico-sales)}
#nav-sales-shopee .ni-icon,
#nav-sales-tokopedia .ni-icon,
#nav-sales-lazada .ni-icon,
#nav-sales-blibli .ni-icon,
#nav-sales-akulaku .ni-icon,
#nav-sales-zalora .ni-icon,
#nav-marketplace-shopee .ni-icon,
#nav-marketplace-tiktok .ni-icon{--ni-mask:var(--ico-shop)}
#nav-sales-tiktok .ni-icon{--ni-mask:var(--ico-video)}
#dd-crossdata .ni-icon,
#nav-marketplace-x-ads-analysis .ni-icon{--ni-mask:var(--ico-cross)}
#nav-marketplace-analysis .ni-icon{--ni-mask:var(--ico-analysis)}
#nav-sales-x-stock .ni-icon{--ni-mask:var(--ico-market)}
#nav-stock-analysis .ni-icon,
#nav-stock-mgmt .ni-icon{--ni-mask:var(--ico-stock)}
#nav-ads-analysis .ni-icon,
#nav-dashboard .ni-icon,
#nav-shopee .ni-icon,
#nav-tiktok .ni-icon,
#nav-lazada .ni-icon,
#dd-dataads .ni-icon{--ni-mask:var(--ico-ads)}
#nav-social .ni-icon{--ni-mask:var(--ico-social)}
#dd-datamanagement .ni-icon,
#nav-sales-mgmt .ni-icon,
#nav-manajemen .ni-icon,
#nav-marketplace-mgmt .ni-icon{--ni-mask:var(--ico-data)}
#dd-marketplace .ni-icon{--ni-mask:var(--ico-market)}
#nav-product-age .ni-icon{--ni-mask:var(--ico-age)}
[data-theme=dark] #page-dashboard .dash-mix-grid>.cc,
[data-theme=dark] #page-dashboard .dash-mix-grid+.cg>.cc{
  background:linear-gradient(180deg,rgba(22,22,34,.98),rgba(18,18,28,.96));
  border-color:rgba(255,255,255,.08);
  box-shadow:0 18px 46px rgba(0,0,0,.28);
}
[data-theme=dark] #page-dashboard .dash-donut-track{
  stroke:rgba(255,255,255,.08);
}
[data-theme=dark] #page-dashboard .dash-donut-row em{
  background:rgba(255,255,255,.08);
}
[data-theme=dark] .sidebar{
  background:#0e1b2e!important;
  border-right:1px solid rgba(255,255,255,.06)!important;
  box-shadow:none!important;
  color:#d9e3f2!important;
}
[data-theme=dark] .sidebar .s-logo-text{
  color:#fff!important;
  -webkit-text-fill-color:currentColor;
}
[data-theme=dark] .sidebar .s-logo-sub{
  color:#b8c4d6!important;
}
[data-theme=dark] .sidebar .ni,
[data-theme=dark] .sidebar .source-title{
  color:#c4cfdf!important;
}
[data-theme=dark] .sidebar .ni:hover,
[data-theme=dark] .sidebar .ni.active,
[data-theme=dark] .sidebar .ni.nav-primary{
  background:#263449!important;
  color:#fff!important;
  box-shadow:none!important;
}
[data-theme=dark] .sidebar .ni.child:hover,
[data-theme=dark] .sidebar .ni.child.active{
  background:#223047!important;
  color:#fff!important;
}
[data-theme=dark] .sidebar .ni-icon{
  background:transparent!important;
  color:#c4cfdf!important;
  border-color:rgba(196,207,223,.22)!important;
}
[data-theme=dark] .sidebar .ni:hover .ni-icon,
[data-theme=dark] .sidebar .ni.active .ni-icon,
[data-theme=dark] .sidebar .ni.nav-primary .ni-icon{
  background:transparent!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.28)!important;
}
[data-theme=dark] .sidebar .source-card{
  background:#27364d!important;
  border-color:rgba(255,255,255,.16)!important;
}
[data-theme=dark] .sidebar .source-row{
  color:#fff!important;
}