:root{--bg:#f4f6f3;--surface:#fff;--fg:#19231f;--muted:#64716b;--line:#dce3de;--accent:#176b55;--accent2:#2c8b70;--soft:#e4f1ec;--bad:#b33f2d;--bad-soft:#fae7e2;--warn:#9a6900;--warn-soft:#fff2cf;--blue:#326b8c;--display:"Readex Pro","IBM Plex Sans Arabic",sans-serif;--body:"IBM Plex Sans Arabic",Tahoma,sans-serif}
@media(prefers-color-scheme:dark){:root{--bg:#121816;--surface:#1b2420;--fg:#e7ece9;--muted:#9cabA4;--line:#303b36;--accent:#62c5a7;--accent2:#75d4b6;--soft:#1d3a31;--bad:#f08a74;--bad-soft:#3d2520;--warn:#e5b951;--warn-soft:#3b321e;--blue:#77b8dc;color-scheme:dark}}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.65 var(--body);padding:24px max(16px,env(safe-area-inset-right)) 56px max(16px,env(safe-area-inset-left))}.wrap{max-width:1240px;margin:auto;display:flex;flex-direction:column;gap:26px}h1,h2{font-family:var(--display);margin:0}h1{font-size:1.85rem}h2{font-size:1.15rem}p{margin:3px 0;color:var(--muted)}header,.auth,.filters,.table-controls,.legend,.alert-summary{display:flex;flex-wrap:wrap;gap:10px;align-items:center}header{justify-content:space-between}.src,.muted,.note{color:var(--muted)}main{display:flex;flex-direction:column;gap:30px}.btn,.chip{border:0;border-radius:8px;padding:9px 14px;font:600 .9rem var(--body);cursor:pointer;background:var(--accent);color:#fff}.btn.ghost,.chip{background:var(--surface);color:var(--accent);border:1px solid var(--line)}.chip.on{background:var(--accent);color:#fff;border-color:var(--accent)}.chip.secondary{margin-inline-start:auto}.btn input{display:none}.btn:focus-visible,.chip:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}input,select{font:inherit;color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:7px 9px}.panel,.bars,.kpi,.insight,.quality-card{background:var(--surface);border:1px solid var(--line);border-radius:12px}.filters{padding:12px 14px}.section-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.sku-head{align-items:end}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:11px}.kpis.compact{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.kpi{padding:14px 16px;display:flex;flex-direction:column;gap:2px;min-height:108px}.kpi .label{font-size:.84rem;color:var(--muted)}.kpi .value{font:700 1.42rem var(--display);direction:ltr;unicode-bidi:isolate;text-align:right}.kpi .sub{font-size:.8rem;color:var(--muted)}.kpi.bad .value{color:var(--bad)}.kpi.warn .value{color:var(--warn)}.insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;margin-top:11px}.insight{padding:12px 14px;border-inline-start:5px solid var(--accent)}.insight.bad{border-color:var(--bad);background:var(--bad-soft)}.insight.warn{border-color:var(--warn);background:var(--warn-soft)}.insight strong{display:block}.alert-summary{margin-bottom:12px}.badge{display:inline-flex;gap:5px;align-items:center;border-radius:999px;padding:4px 9px;background:var(--soft);color:var(--accent);font-size:.79rem;font-weight:600}.badge.bad{background:var(--bad-soft);color:var(--bad)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.bars{padding:16px;display:flex;flex-direction:column;gap:9px}.bar{display:grid;grid-template-columns:165px minmax(120px,1fr) 190px;gap:12px;align-items:center}.track{height:14px;background:var(--bg);border-radius:5px;overflow:hidden}.fill{height:100%;width:var(--w);background:var(--bad);border-radius:5px}.bar.pos .fill{background:var(--accent)}.bar .amt{text-align:left;direction:ltr;unicode-bidi:isolate}.bar.total{border-top:1px solid var(--line);padding-top:10px;font-weight:700}.chart{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px;overflow:auto}.chart svg{display:block;min-width:620px;width:100%;max-height:300px}.legend{font-size:.84rem;color:var(--muted);margin-bottom:8px}.legend i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-inline-end:5px}.sales-dot{background:#9bc6b7}.net-dot{background:var(--accent)}.tbl{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.84rem}th,td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}th{position:sticky;top:0;background:var(--surface);z-index:1;color:var(--muted);font-weight:600}th.sort{cursor:pointer}td.n,th.n{text-align:left;font-variant-numeric:tabular-nums;direction:ltr}td.name{max-width:280px;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}tfoot td{font-weight:700}.neg{color:var(--bad)}.pos{color:var(--accent)}td input[type=number]{width:86px;padding:4px 6px}.quality-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.quality-card{padding:13px}.quality-card strong{font:700 1.25rem var(--display);display:block}.quality-card.bad{border-color:var(--bad);background:var(--bad-soft)}details{margin-top:10px;padding:12px 16px}summary{cursor:pointer;font-weight:600}.note{font-size:.86rem}.drop{border:2px dashed var(--accent);background:var(--soft);border-radius:12px;padding:20px;text-align:center}.err{background:var(--bad-soft);color:var(--bad);padding:11px 14px;border-radius:9px}.empty{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px}.okmsg{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;padding:9px 16px;border-radius:8px;z-index:10}.risk-high{background:var(--bad-soft)}.risk-med{background:var(--warn-soft)}
@media(max-width:700px){body{padding-inline:10px}.bar{grid-template-columns:110px 1fr}.bar .amt{grid-column:1/-1;text-align:right}.sku-head{align-items:stretch;flex-direction:column}.table-controls{width:100%}.table-controls input{flex:1;min-width:180px}.chip.secondary{margin-inline-start:0}}

/* Visual hierarchy and accessible controls */
body{background:radial-gradient(circle at 100% 0%,var(--soft),transparent 34rem),var(--bg);line-height:1.75}
.wrap{gap:30px}header{padding:22px 24px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 30px #14281c0d}
h1{font-size:clamp(1.5rem,3vw,2.1rem);letter-spacing:-.02em}h2{font-size:1.25rem}.section-head{align-items:center;margin-bottom:14px}
.panel,.bars,.kpi,.insight,.quality-card,.chart,.empty{border-radius:16px;box-shadow:0 5px 20px #14281c0a}
.filters{padding:16px;gap:12px}.btn,.chip{min-height:44px;border-radius:10px;transition:transform .15s,box-shadow .15s}.btn:hover,.chip:hover{transform:translateY(-1px);box-shadow:0 4px 12px #14281c20}
.kpis{gap:14px}.kpi{min-height:125px;padding:18px;gap:5px}.kpi .label{font-size:.9rem}.kpi .value{font-size:1.55rem}.insight{padding:17px}.bars{padding:20px;gap:14px}.track,.fill{border-radius:999px}.track{height:12px}
.tbl{border:1px solid var(--line);border-radius:14px;background:var(--surface);overscroll-behavior-inline:contain}th,td{padding:12px 14px}tbody tr:hover{background:var(--soft)}th{font-size:.8rem}input,select{min-height:42px;border-radius:9px}td input[type=number]{min-height:36px}
@media(max-width:700px){body{padding:12px 12px 40px}.wrap{gap:20px}header{padding:16px;gap:14px}main{gap:24px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kpi{min-height:110px;padding:12px}.kpi .value{font-size:1.15rem}.insights{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.filters>*{max-width:100%}.bar{gap:8px}.chart svg{min-width:560px}}

/* Dashboard redesign */
.page-tabs{display:flex;gap:10px}.explain-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.explain{padding:22px}.flow-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:18px}.flow-row .track{grid-column:1/-1}.return-stats{display:flex;gap:24px;margin:24px 0}.return-stats div{flex:1;background:var(--soft);padding:16px;border-radius:12px}.return-stats strong{display:block;font-size:1.8rem}.product-caption{display:block;max-width:350px;white-space:normal;color:var(--muted)}@media(max-width:700px){.explain-grid{grid-template-columns:1fr}}
:root{--bg:#eef2f0;--surface:#fff;--fg:#142c28;--muted:#667c76;--line:#dbe6e1;--accent:#087c67;--accent2:#0a9b7b;--soft:#e5f4ee}
@media(prefers-color-scheme:dark){:root{--bg:#101b19;--surface:#182925;--fg:#eaf5f0;--muted:#a3bab0;--line:#304740;--accent:#72d9b7;--accent2:#91e4c8;--soft:#203c32}}
body{background:var(--bg);padding-top:22px}.wrap{max-width:1380px;gap:22px}header{background:linear-gradient(115deg,#092c28,#125847);color:#fff;border:0;padding:28px 32px;box-shadow:0 16px 36px #06392c2e}.brand{display:flex;align-items:center;gap:16px}.brand-mark{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:#ffffff20;border:1px solid #ffffff45;font:700 1.1rem var(--display);letter-spacing:.04em}.eyebrow{color:#9de0c9;font-size:.72rem;font-weight:700;letter-spacing:.16em}header h1{font-size:1.9rem}header .src,header .muted{color:#c1e2d5}header .btn.ghost{background:#ffffff16;color:white;border-color:#ffffff55}header .btn:not(.ghost){background:#d0f1a1;color:#163a2d}
.section-nav{display:flex;gap:6px;overflow-x:auto;padding:7px;background:var(--surface);border:1px solid var(--line);border-radius:14px;scrollbar-width:thin}.section-nav a{flex:none;color:var(--muted);text-decoration:none;font-weight:600;padding:10px 17px;border-radius:9px}.section-nav a:hover,.section-nav a:focus-visible{background:var(--soft);color:var(--accent)}
.filters{box-shadow:none;background:transparent;padding:4px;border:0}.filters strong{color:var(--accent)}main{gap:34px}main section{scroll-margin-top:20px}.section-head h2{font-size:1.35rem}.section-head p{font-size:.9rem}.kpi{position:relative;border:1px solid var(--line);border-top:4px solid var(--accent);padding:19px 18px;min-height:140px;box-shadow:0 8px 24px #173d2d0a}.kpi.bad{border-top-color:var(--bad)}.kpi.warn{border-top-color:var(--warn)}.kpi .value{font-size:clamp(1.2rem,1.8vw,1.8rem);margin-block:7px}.insight{border-inline-start-width:4px}.panel:has(.alert-summary){padding:16px}.alert-summary{padding:2px 0 10px}.badge{padding:6px 12px}.chart{padding:20px}.legend{padding:8px 0}.tbl{box-shadow:0 8px 24px #173d2d0a}th{background:var(--soft);color:var(--fg)}td,th{padding:13px 15px}.bars{gap:16px}.track{height:16px}.fill{background:linear-gradient(90deg,#f3a58f,var(--bad))}.bar.pos .fill{background:linear-gradient(90deg,#9cddbe,var(--accent))}
@media(max-width:700px){header{padding:19px}.brand-mark{width:45px;height:45px}header h1{font-size:1.35rem}.section-nav{margin-inline:-2px}.section-nav a{padding:9px 12px;font-size:.84rem}.kpi{min-height:118px}.kpi .value{font-size:1.1rem}main{gap:28px}.filters{gap:8px}.section-head h2{font-size:1.2rem}}