:root{font-family:Tajawal,sans-serif;color:#17251f;background:#f4f7f5;font-synthesis:none;--green:#146c54;--green-dark:#0d3027;--muted:#718079;--line:#e3eae6}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button,a{transition:.18s ease}button:hover,a:hover{transform:translateY(-1px)}.app-shell{min-height:100vh;display:flex;direction:rtl}.sidebar{position:fixed;right:0;top:0;bottom:0;width:258px;background:#0f2d26;color:#fff;padding:25px 18px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:11px;padding:0 7px 22px}.brand-mark{width:39px;height:39px;border-radius:12px;background:linear-gradient(145deg,#d6b56f,#9c7b39);display:grid;place-items:center;font:800 23px Georgia}.brand strong{display:block;letter-spacing:2px;font-size:16px}.brand span{font-size:10px;color:#8da79f;letter-spacing:.8px}.mobile-close{display:none}.branch-card{background:#173a31;border:1px solid #244b40;border-radius:14px;padding:13px 14px;margin-bottom:23px}.branch-card span,.branch-card small{display:block;color:#8fa9a1;font-size:11px}.branch-card strong{font-size:13px;display:block;margin:4px 0 8px}.branch-card small i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#46c78f;margin-left:6px}.sidebar nav p{color:#6f8e84;font-size:10px;font-weight:700;padding:0 12px;margin:0 0 9px}.sidebar nav button,.sidebar-bottom>button{width:100%;display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#a9bbb5;padding:11px 13px;border-radius:10px;margin:2px 0;text-align:right;font-size:14px}.sidebar nav button.active{background:#f2f6f4;color:#123f33;font-weight:700}.sidebar nav button em{margin-right:auto;background:#c19a52;color:#fff;border-radius:8px;padding:1px 7px;font-style:normal;font-size:11px}.sidebar-bottom{margin-top:auto}.user-mini{margin-top:15px;border-top:1px solid #27473f;padding:18px 5px 0;display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;background:#d8c08f;color:#264238;display:grid;place-items:center;font-weight:800}.user-mini div:nth-child(2){flex:1}.user-mini strong,.user-mini span{display:block;font-size:12px}.user-mini span{color:#87a097;font-size:10px;margin-top:2px}main{margin-right:258px;width:calc(100% - 258px)}header{height:82px;background:#fff;border-bottom:1px solid var(--line);padding:0 28px;display:flex;align-items:center;gap:20px;position:sticky;top:0;z-index:20}.page-heading{min-width:210px}.page-heading h1{font-size:21px;margin:2px 0 0}.page-heading span{font-size:11px;color:var(--muted)}.header-actions{margin-right:auto;display:flex;align-items:center;gap:10px}.global-search,.table-tools label,.product-filters label{height:42px;display:flex;align-items:center;gap:8px;background:#f5f7f6;border:1px solid #edf1ef;border-radius:11px;padding:0 12px;color:#84918b}.global-search{width:min(340px,30vw)}input{border:0;background:transparent;outline:0;width:100%;color:#243b32}.global-search kbd{direction:ltr;background:#fff;border:1px solid #dfe6e2;border-radius:5px;padding:2px 6px;font-size:10px}.icon-btn,.menu-btn{width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:11px;display:grid;place-items:center;position:relative}.icon-btn i{position:absolute;top:8px;right:9px;width:7px;height:7px;background:#d2644b;border-radius:50%;border:2px solid white}.primary,.secondary{height:42px;border-radius:10px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;border:1px solid var(--green)}.primary{background:var(--green);color:#fff}.secondary{background:#fff;color:#284139;border-color:var(--line)}.menu-btn{display:none}.content{padding:24px 28px 50px;max-width:1600px;margin:auto}.status-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.snapshot{font-size:11px;color:#64746e;display:flex;align-items:center;gap:6px}.snapshot span{background:#e4f2ec;color:#23745b;border-radius:10px;padding:3px 8px;margin-right:6px}.date-filter{background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 12px;display:flex;align-items:center;gap:8px;font-size:12px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.kpi-grid.three{grid-template-columns:repeat(3,1fr)}.kpi,.panel,.mini-stats,.channel{background:#fff;border:1px solid var(--line);border-radius:15px}.kpi{padding:17px;position:relative}.kpi-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;float:left}.kpi-icon.green,.task-icon.green{background:#e2f2eb;color:#147052}.kpi-icon.blue{background:#e5eef8;color:#3d6f9e}.kpi-icon.purple{background:#eee8f7;color:#79599b}.kpi-icon.orange,.task-icon.orange{background:#f8ecda;color:#a57023}.kpi-label{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.kpi-value{font-size:25px;font-weight:800;margin:11px 0}.kpi-value small{font-size:11px;color:#84918b}.kpi-trend{display:flex;align-items:center;gap:4px;color:#17815e;font-weight:700;font-size:11px}.kpi-trend svg{width:15px}.kpi-trend span{color:#929e99;font-weight:400}.kpi-trend.down{color:#bd674e}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.85fr);gap:16px;margin-bottom:16px}.panel{padding:20px;margin-bottom:16px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:17px}.panel-head h2,.page-toolbar h2{font-size:16px;margin:0 0 3px}.panel-head p,.page-toolbar p{font-size:11px;color:var(--muted);margin:0}.panel-head button{background:transparent;border:0;color:var(--green);font-size:11px;font-weight:700;display:flex;align-items:center;gap:3px}.chart-total{display:flex;justify-content:space-between;align-items:center}.chart-total strong{font-size:23px}.chart-total strong small{font-size:11px}.chart-total span{color:#18805e;font-size:11px;display:flex;gap:4px}.task{display:flex;gap:10px;padding:13px 0;border-bottom:1px solid #edf1ef}.task-icon{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;flex:none}.task-icon.red{background:#f9e7e3;color:#c75f49}.task>div:nth-child(2){flex:1}.task strong{font-size:12px}.task p{font-size:11px;color:#67766f;margin:3px 0}.task span{font-size:10px;color:#929d98;display:flex;align-items:center;gap:4px}.task button{background:transparent;border:0}.add-task{margin-top:15px;width:100%;height:38px;border:1px dashed #b9cbc3;color:#277058;background:#f8fbf9;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:right;color:#829089;font-weight:500;font-size:11px;padding:10px;border-bottom:1px solid var(--line)}td{padding:13px 10px;border-bottom:1px solid #eef2f0;font-size:12px}td button{border:0;background:transparent;color:#819088}.status{display:inline-flex;align-items:center;gap:6px;color:#23745b;background:#e9f4ef;padding:4px 9px;border-radius:12px;font-size:10px}.status i{width:6px;height:6px;background:#32a277;border-radius:50%}.status.warn{color:#9c6b21;background:#f8eddd}.status.warn i{background:#c58d37}.page-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.page-toolbar>div:last-child{display:flex;gap:8px}.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);padding:14px;margin-bottom:16px}.mini-stats>div{display:flex;align-items:center;gap:10px;padding:5px 20px;border-left:1px solid var(--line);color:#277058}.mini-stats>div:last-child{border:0}.mini-stats span{font-size:10px;color:var(--muted)}.mini-stats strong{display:block;color:#21382f;font-size:19px;margin-top:2px}.table-tools{display:flex;gap:8px;margin-bottom:16px}.table-tools label{width:330px}.table-tools button{height:42px;padding:0 13px;border:1px solid var(--line);background:#fff;border-radius:10px;display:flex;align-items:center;gap:7px;font-size:11px;color:#52635b}.customer-row{display:grid;grid-template-columns:2fr 1fr 1.15fr .65fr .9fr 1.1fr 30px;align-items:center;padding:12px 7px;border-top:1px solid #edf1ef;gap:10px;cursor:pointer}.customer-row:hover{background:#fafcfb}.customer-name{display:flex;align-items:center;gap:10px}.avatar.lg{width:42px;height:42px}.customer-name strong,.customer-name span{display:block;font-size:12px}.customer-name span{color:var(--muted);font-size:10px;margin-top:3px}.segment{font-size:10px;color:#70571c;background:#f5ecd5;border-radius:12px;padding:5px 9px;width:max-content}.segment.risk{color:#a4523f;background:#f8e6e1}.metric span,.metric strong{display:block;font-size:10px;color:var(--muted)}.metric strong{color:#31453d;font-size:12px;margin-top:3px}.consent{font-size:10px;display:flex;align-items:center;gap:5px}.consent svg{width:15px}.consent.yes{color:#28795f}.consent.no{color:#b36b4e}.row-view{border:0;background:transparent;color:#697a72}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1d18aa;z-index:50}.drawer{position:fixed;z-index:51;left:0;top:0;bottom:0;width:min(440px,100%);background:#f6f8f7;padding:20px;overflow:auto;box-shadow:15px 0 45px #0002}.drawer-head{display:flex;align-items:center;justify-content:space-between}.drawer-head button{border:0;background:#fff;width:36px;height:36px;border-radius:9px}.drawer-head span{font-weight:700}.profile-hero{text-align:center;padding:20px}.avatar.xl{width:70px;height:70px;font-size:20px;margin:auto}.profile-hero h2{margin:10px 0 4px}.profile-hero p{display:flex;justify-content:center;align-items:center;gap:4px;color:var(--muted);font-size:11px}.profile-hero .segment{margin:auto}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick-actions a,.quick-actions button{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;display:flex;align-items:center;justify-content:center;gap:6px;color:#2a6553;text-decoration:none;font-size:11px}.profile-numbers{display:grid;grid-template-columns:repeat(3,1fr);background:#153c31;color:#fff;border-radius:13px;margin:14px 0;padding:14px}.profile-numbers div{text-align:center;border-left:1px solid #2a574a}.profile-numbers div:last-child{border:0}.profile-numbers span,.profile-numbers strong{display:block;font-size:10px}.profile-numbers strong{font-size:13px;margin-top:5px}.drawer-section{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px;margin-bottom:12px}.drawer-section h3{font-size:13px;margin:0 0 12px}.drawer-section>p{display:flex;align-items:center;gap:10px;border-top:1px solid #edf1ef;padding:10px 0 0}.drawer-section>p span{flex:1;color:var(--muted);font-size:10px}.drawer-section>p strong{display:block;color:#263b33;font-size:11px;margin-top:3px}.drawer-section>p i{font-size:9px}.drawer-section>p i.ok{color:#1a7758}.purchase{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf1ef;padding:10px 0}.purchase>div{display:flex;gap:8px}.purchase span,.purchase strong{display:block;font-size:10px}.purchase b{font-size:11px}.full{width:100%}.product-filters{display:flex;gap:8px;margin-bottom:17px}.product-filters label{width:340px;margin-left:10px}.product-filters button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:0 18px}.product-filters button.active{background:#153c31;color:#fff}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.product-art{height:180px;display:grid;place-items:center;color:#77867f;position:relative}.stock-tag{position:absolute;top:12px;right:12px;background:#e5f1ec;color:#26745c;padding:4px 9px;border-radius:12px;font-size:10px}.stock-tag.low{background:#f6ead7;color:#9e6e28}.stock-tag.out{background:#f5e2dd;color:#ad5a45}.product-card>div:last-child{padding:15px}.product-card span{font-size:10px;color:var(--muted)}.product-card h3{font-size:14px;margin:5px 0 12px}.product-card strong{font-size:14px}.product-card p{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted)}.product-card p svg{width:15px}.inventory-alert{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.small-art{width:44px;height:44px;border-radius:9px;display:grid;place-items:center}.inventory-alert>div:nth-child(2){flex:1}.inventory-alert strong,.inventory-alert span{display:block;font-size:11px}.inventory-alert span{color:var(--muted);margin-top:3px}.inventory-alert button{border:1px solid var(--line);background:#fff;border-radius:8px;font-size:10px;padding:7px}.channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.channel{padding:17px}.channel>span{display:block;color:var(--muted);font-size:11px;margin-top:14px}.channel>strong{font-size:25px;display:block;margin:4px 0}.channel>small{color:var(--muted)}.channel>button{width:100%;border:0;border-top:1px solid var(--line);background:transparent;margin-top:14px;padding-top:12px;display:flex;justify-content:space-between;color:var(--green);font-size:11px}.campaign{display:grid;grid-template-columns:45px 2fr 1fr 1fr .7fr;align-items:center;gap:12px;padding:13px;border-top:1px solid var(--line)}.campaign-icon{width:40px;height:40px;border-radius:10px;background:#e1f2ea;color:#197257;display:grid;place-items:center}.campaign-icon.gold{background:#f4ead7;color:#a47832}.campaign span,.campaign strong{display:block;font-size:10px}.campaign strong{font-size:12px;margin-bottom:4px}.campaign span{color:var(--muted)}.status.muted{background:#edf0ef;color:#65736d}.toast{position:fixed;bottom:25px;left:25px;background:#143b31;color:#fff;padding:12px 18px;border-radius:11px;z-index:80;display:flex;align-items:center;gap:8px;box-shadow:0 12px 35px #0003;font-size:12px}@media(max-width:1100px){.kpi-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.customer-row{grid-template-columns:2fr 1fr 1fr 1fr 30px}.customer-row .metric:nth-of-type(3),.customer-row .consent{display:none}.global-search{display:none}.channel-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{transform:translate(105%);transition:.25s}.sidebar.open{transform:none}.mobile-close{display:grid;margin-right:auto;background:transparent;border:0;color:#fff}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#071a15aa;z-index:29}main{margin:0;width:100%}header{height:70px;padding:0 14px}.menu-btn{display:grid}.page-heading span{display:none}.page-heading{min-width:0;flex:1}.page-heading h1{font-size:18px}.header-actions{margin:0}.header-actions .primary{width:42px;padding:0;font-size:0}.icon-btn{display:none}.content{padding:16px 13px 80px}.status-row{align-items:flex-start}.snapshot span{display:none}.kpi-grid,.kpi-grid.three{grid-template-columns:repeat(2,1fr);gap:9px}.kpi{padding:13px}.kpi-value{font-size:20px}.kpi-trend span{display:none}.dashboard-grid{grid-template-columns:1fr}.mini-stats{grid-template-columns:repeat(2,1fr)}.mini-stats>div{border-bottom:1px solid var(--line);padding:10px;border-left:0}.page-toolbar{align-items:flex-start}.page-toolbar p{max-width:200px}.page-toolbar .secondary{font-size:0;width:42px;padding:0}.table-tools{overflow:auto}.table-tools label{min-width:240px}.customer-row{grid-template-columns:2fr 1fr 30px}.customer-row>.metric,.customer-row>.consent{display:none}.product-filters{overflow:auto}.product-filters label{min-width:230px}.product-grid{grid-template-columns:1fr 1fr;gap:9px}.product-art{height:130px}.channel-grid{grid-template-columns:1fr 1fr;gap:9px}.campaign{grid-template-columns:40px 2fr .8fr}.campaign>div:nth-child(4),.campaign>.status{display:none}.panel{padding:14px}.chart-total{align-items:flex-start;gap:10px}.chart-total span{display:none}}@media(max-width:430px){.kpi-grid{grid-template-columns:1fr 1fr}.kpi-icon{width:34px;height:34px}.product-grid{grid-template-columns:1fr}.date-filter{font-size:10px}.page-toolbar h2{font-size:15px}.page-toolbar>div:last-child .primary{font-size:0;width:42px;padding:0}}