:root{--bg:#f6f7f9;--card:#fff;--text:#121418;--muted:#737985;--line:#e7e9ee;--dark:#111318;--accent:#5b5cf0;--green:#0a8f5b;--greenbg:#eaf8f1;--red:#c93a45;--redbg:#fff0f1;--shadow:0 1px 2px rgba(15,23,42,.03),0 8px 28px rgba(15,23,42,.04)}*{box-sizing:border-box}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);margin:0}.top{height:68px;background:var(--dark);color:#fff;padding:0 28px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.brand{display:flex;gap:10px;align-items:center}.brandmark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#fff;color:#111;font-weight:900}.brand div{display:flex;flex-direction:column;line-height:1.05}.brand small{font-size:11px;color:#8e95a3;margin-top:5px}.top nav{display:flex;gap:4px}.top a{color:#b9bec8;text-decoration:none;padding:9px 11px;border-radius:8px;font-size:14px}.top a:hover{background:#23262d;color:#fff}.wrap{max-width:1540px;margin:0 auto;padding:28px}.wrap.narrow{max-width:900px}.pagehead{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin:4px 0 20px}.pagehead h1,h1{font-size:30px;letter-spacing:-.035em;margin:4px 0 4px}.pagehead p{margin:0;color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:800;color:#8b90a0}.filterbar{background:#fff;border:1px solid var(--line);padding:12px;border-radius:14px;box-shadow:var(--shadow);align-items:flex-end;position:relative}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0}.filters.compact{align-items:flex-end}.filters label,.formgrid label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--muted);font-weight:700}.filters select,.filters input,.filters button,.btn,input,select{font:inherit;padding:10px 12px;border:1px solid #dfe2e8;border-radius:9px;background:#fff;color:var(--text)}.filters select,.filters input{min-height:40px}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}.btn.primary{background:var(--dark);border-color:var(--dark);color:#fff}.btn.ghost{background:#fff}.kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:16px 0}.kpi{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:18px;box-shadow:var(--shadow);min-height:120px}.kpi span{color:var(--muted);font-size:12px;font-weight:700}.kpi strong{display:block;font-size:28px;letter-spacing:-.035em;margin:10px 0 5px}.kpi small{color:var(--muted);font-size:11px}.kpi.featured{border-color:#d8d9ff;background:linear-gradient(180deg,#fff 0,#f8f8ff 100%)}.kpi.profit strong{color:var(--green)}.kpi.danger strong{color:var(--red)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.span2{grid-column:span 2}.panel{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:var(--shadow);margin-top:14px}.panelhead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.panelhead h2{font-size:17px;margin:3px 0 0;letter-spacing:-.02em}.badge,.statusdot,.storecode{display:inline-flex;align-items:center;border-radius:999px;background:#f1f2f5;padding:6px 9px;font-size:11px;color:#686e79;font-weight:700}.statusdot:before{content:"";width:6px;height:6px;background:#20a36b;border-radius:50%;margin-right:6px}.storecode{border-radius:7px;background:#181a20;color:#fff;margin-bottom:5px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #edf0f3}th{color:#7a808b;font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:700}tr:last-child td{border-bottom:0}.muted{color:var(--muted)}.pill{display:inline-block;padding:5px 8px;border-radius:999px;background:#f1f2f4;font-size:11px}.pill.good{background:var(--greenbg);color:var(--green)}.pill.bad{background:var(--redbg);color:var(--red)}.notice{padding:14px 16px;background:#eef4ff;border:1px solid #dce8ff;border-radius:12px;margin:12px 0;line-height:1.5}.notice.success{background:var(--greenbg);border-color:#d4f1e3}.notice.subtle{background:#fff;border-color:var(--line);color:#525862}.funnelrow{display:grid;grid-template-columns:150px 1fr 72px;gap:14px;align-items:center;margin:15px 0}.funnelrow>div:first-child{display:flex;justify-content:space-between;gap:8px}.funnelrow small{color:var(--muted)}.barbg{height:10px;background:#f0f1f4;border-radius:20px;overflow:hidden}.barfill{height:100%;background:#252833;border-radius:20px}.funnelmeta{display:flex;gap:20px;border-top:1px solid var(--line);padding-top:15px;color:var(--muted);font-size:12px}.statline{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px}.statline:last-child{border:0}.statline.danger b{color:var(--red)}.chart{height:260px;display:flex;align-items:flex-end;gap:7px;padding-top:30px;overflow-x:auto}.chartcol{min-width:34px;flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative}.chartbar{height:190px;width:100%;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid var(--line)}.chartbar i{display:block;width:min(22px,70%);background:#242731;border-radius:5px 5px 2px 2px;min-height:4px}.chartcol small{font-size:9px;color:var(--muted);margin-top:7px;white-space:nowrap}.chartvalue{font-size:9px;color:#8b9098;white-space:nowrap;margin-bottom:4px}.empty{color:var(--muted);margin:auto}.formgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}.formgrid input,.formgrid select{width:100%}.formaction{display:flex;align-items:end}.help{font-size:12px;color:var(--muted);line-height:1.55}.bigprofit{font-size:42px;font-weight:800;letter-spacing:-.04em;color:var(--green);margin:18px 0}.calc{display:grid;gap:9px;color:var(--muted);font-size:13px}.calc span{display:flex;justify-content:space-between}.calc b{color:var(--text)}code{background:#f1f2f5;padding:2px 5px;border-radius:5px}a{color:inherit}@media(max-width:1200px){.kpis{grid-template-columns:repeat(3,1fr)}.formgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.top{height:auto;align-items:flex-start;padding:14px;gap:12px}.top nav{flex-wrap:wrap;justify-content:flex-end}.wrap{padding:16px}.grid2,.grid3{grid-template-columns:1fr}.span2{grid-column:span 1}.kpis{grid-template-columns:repeat(2,1fr)}.formgrid{grid-template-columns:1fr}.pagehead{align-items:flex-start;flex-direction:column}.funnelrow{grid-template-columns:115px 1fr 55px}.funnelmeta{flex-direction:column;gap:6px}}@media(max-width:520px){.kpis{grid-template-columns:1fr}.top{position:static}.brand small{display:none}}
.refreshbox{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.refreshbox b{color:var(--text)}.compact-kpis .kpi{min-height:105px}.compact-kpis .kpi strong{font-size:23px}.hero-kpis{margin-bottom:0}@media(max-width:700px){.refreshbox{width:100%;justify-content:space-between}}
\n/* v1.1 mobile + funnel refinements */
.purchase-kpi{border-color:#dfe9ff;background:linear-gradient(180deg,#fff 0,#f8fbff 100%)}
@media(max-width:850px){
  .top{overflow:hidden}.top nav{flex-wrap:nowrap;overflow-x:auto;max-width:68vw;-webkit-overflow-scrolling:touch;scrollbar-width:none}.top nav::-webkit-scrollbar{display:none}.top a{white-space:nowrap}
  .filterbar{padding:10px}.filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.filters label{min-width:0}.filters select,.filters input,.filters button{width:100%;min-width:0}.filters>.btn{align-self:end}
  .hero-kpis,.compact-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.kpi{padding:14px;min-height:104px}.kpi strong{font-size:24px;margin:7px 0 4px}.compact-kpis .kpi{min-height:96px}.compact-kpis .kpi strong{font-size:22px}
  .panel{padding:15px}.chart{min-width:620px}.panel.span2{overflow-x:auto}.tablewrap{margin-left:-4px;margin-right:-4px}
}
@media(max-width:600px){
  .top{padding:11px 12px;align-items:center}.brandmark{width:32px;height:32px}.brand div>strong{font-size:13px}.top nav{max-width:64vw}.top a{font-size:12px;padding:7px 8px}
  .wrap{padding:12px}.pagehead{margin-bottom:12px;gap:10px}.pagehead h1,h1{font-size:25px}.pagehead p{font-size:12px}
  .filters{grid-template-columns:1fr 1fr;margin:10px 0}.filters label:nth-last-child(2){grid-column:1/-1}.filters>.btn{grid-column:1/-1;min-height:42px}
  .refreshbox{font-size:11px}.refreshbox .btn{padding:8px 10px}
  .hero-kpis,.compact-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kpi{border-radius:12px;padding:12px;min-height:94px}.kpi span{font-size:10px}.kpi strong{font-size:21px;overflow-wrap:anywhere}.kpi small{font-size:10px;line-height:1.25;display:block}.compact-kpis .kpi{min-height:90px}.compact-kpis .kpi strong{font-size:20px}
  .panel{border-radius:12px;padding:13px;margin-top:10px}.panelhead{margin-bottom:9px}.panelhead h2{font-size:15px}
  .funnelrow{grid-template-columns:100px 1fr 44px;gap:8px;margin:12px 0}.funnelrow b{font-size:12px}.funnelrow small{font-size:10px}.funnelmeta{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;font-size:10px}
  .statline{padding:9px 0;font-size:12px}table{font-size:11px}th,td{padding:9px 7px}.chart{height:220px;min-width:560px}.chartbar{height:155px}
}
@media(max-width:390px){.hero-kpis,.compact-kpis{grid-template-columns:1fr 1fr}.kpi strong{font-size:19px}.filters{grid-template-columns:1fr}.filters label:nth-last-child(2),.filters>.btn{grid-column:auto}.top nav{max-width:61vw}}

/* v1.2 visual refresh */
:root{--bg:#f4f6fb;--card:#fff;--text:#111827;--muted:#697386;--line:#e5e9f2;--dark:#0b1020;--accent:#635bff;--accent2:#8b5cf6;--accentsoft:#f1efff;--green:#079669;--greenbg:#e9fbf4;--red:#d14452;--redbg:#fff1f2;--shadow:0 1px 2px rgba(15,23,42,.03),0 10px 30px rgba(30,41,59,.055)}
body{background:radial-gradient(circle at 80% -10%,rgba(99,91,255,.08),transparent 30%),var(--bg)}
.top{height:70px;background:linear-gradient(110deg,#0a0f1d 0%,#10172b 75%,#151a31 100%);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 8px 28px rgba(2,6,23,.12)}
.brand{text-decoration:none;color:#fff}.brandmark{background:linear-gradient(135deg,#fff,#e7e5ff);color:#17142f;box-shadow:0 4px 14px rgba(99,91,255,.25)}
.top a.active{background:rgba(99,91,255,.18);color:#fff;box-shadow:inset 0 0 0 1px rgba(151,143,255,.18)}
.top a:hover{background:rgba(255,255,255,.08)}
.kpi{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.kpi:hover{transform:translateY(-1px);box-shadow:0 12px 34px rgba(30,41,59,.08)}
.kpi.featured{border-color:#cbc7ff;background:linear-gradient(145deg,#fff 0%,#f4f2ff 100%)}.kpi.featured strong{color:#312e81}
.purchase-kpi{border-color:#d7d3ff;background:linear-gradient(145deg,#fff,#f7f5ff)}
.barfill{background:linear-gradient(90deg,var(--accent),var(--accent2))}.chartbar i{background:linear-gradient(180deg,#6d63ff,#3436a8)}
.btn.primary{background:linear-gradient(135deg,#171827,#2b2f48);box-shadow:0 5px 14px rgba(17,24,39,.15)}
.badge{background:#f0efff;color:#5147cf}.panel{overflow:hidden}.eyebrow{color:#6e66d9}.menubtn{display:none;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:10px;width:40px;height:40px;padding:9px;cursor:pointer}.menubtn i{display:block;height:2px;background:#fff;border-radius:3px;margin:4px 0}.navscrim{display:none}
@media(max-width:760px){
  .top{height:60px;padding:0 12px;align-items:center;overflow:visible}.brandmark{width:32px;height:32px;border-radius:9px}.brand small{display:none}.brand div>strong{font-size:13px}.menubtn{display:block;margin-left:auto}.top nav{position:fixed;z-index:40;right:10px;top:68px;width:min(300px,calc(100vw - 20px));max-width:none!important;display:flex;flex-direction:column;gap:4px;padding:10px;background:#101526;border:1px solid rgba(255,255,255,.09);border-radius:16px;box-shadow:0 22px 70px rgba(2,6,23,.42);opacity:0;transform:translateY(-8px) scale(.98);pointer-events:none;transition:.16s ease;overflow:visible}.top nav a{padding:12px 13px;font-size:14px;border-radius:10px;color:#cbd1df}.top nav .logout{border-top:1px solid rgba(255,255,255,.08);margin-top:5px;padding-top:13px;color:#f3a8ad}.navopen .top nav{opacity:1;transform:none;pointer-events:auto}.navscrim{position:fixed;inset:60px 0 0;background:rgba(3,7,18,.25);backdrop-filter:blur(2px);z-index:30}.navopen .navscrim{display:block}.wrap{padding:12px}.pagehead{padding-top:4px}.pagehead h1,h1{font-size:24px}.filterbar{border-radius:13px}.hero-kpis,.compact-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi{padding:13px;min-height:96px}.kpi strong{font-size:22px}.grid2,.grid3{gap:10px}.panel{padding:14px;border-radius:13px}.refreshbox{gap:7px}.refreshbox span{white-space:nowrap}.refreshbox .btn{min-height:36px}.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.tablewrap table{min-width:720px}.chart{min-width:650px}}
@media(max-width:430px){.hero-kpis,.compact-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.kpi{padding:11px;min-height:90px}.kpi strong{font-size:19px}.kpi span,.kpi small{font-size:10px}.pagehead p{max-width:95vw}.refreshbox{width:100%;justify-content:space-between}.filters{grid-template-columns:1fr 1fr}.filters label{font-size:10px}.filters select,.filters input{padding:9px 8px;font-size:12px}.filters>.btn{grid-column:1/-1}.panelhead h2{font-size:15px}}