@font-face{font-family:'Noto Sans Arabic';src:url('Arabic-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:'Noto Sans Arabic';src:url('Arabic-Bold.ttf') format('truetype');font-weight:600 900;font-display:swap}
500;600;700;800&display=swap');
:root{--bg:#f5f7fa;--ink:#192d35;--muted:#859198;--teal:#087f74;--line:#e8edf0;--side:260px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:13px 'Noto Sans Arabic','Segoe UI',Tahoma,sans-serif}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}aside{width:var(--side);position:fixed;right:0;top:0;bottom:0;background:#fff;border-left:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:11px;padding:0 10px;font:800 25px 'Segoe UI',sans-serif}.brandmark{background:var(--teal);color:white;width:40px;height:43px;display:grid;place-items:center;border-radius:12px;font-size:27px;box-shadow:0 6px 15px #087f7420}.brand small{font:11px Noto Sans Arabic,Tahoma,sans-serif;display:block;color:var(--muted);margin-top:3px}.workspace{margin:30px 0 24px;padding:14px 10px;border:1px solid var(--line);border-radius:11px;display:flex;gap:9px;align-items:center;font-size:10px}.workspace small,.profile small{display:block;color:var(--muted);font-size:10px}.shop{background:#f0f6f5;padding:7px;border-radius:7px;font-size:19px;color:var(--teal)}.green-dot{width:6px;height:6px;background:#1ba77e;border-radius:50%;margin-right:auto}.nav-caption{font-size:10px;color:#a1aab0;padding:0 15px 12px}nav a{display:flex;align-items:center;gap:13px;padding:12px 16px;margin-bottom:6px;border-radius:9px;color:#7c8a91;font-weight:600;transition:.2s}nav a:hover{background:#f5f8f8}nav a.active{background:#eaf6f2;color:var(--teal)}nav a .ni{font-size:20px;width:22px;text-align:center}nav a .arrow{margin-right:auto;opacity:.4}.sidebar-bottom{margin-top:auto}.trial{background:#f5f8f7;border:1px solid #e6efec;border-radius:12px;padding:16px;margin-top:24px}.trial>span{color:var(--teal);font-size:24px;display:block}.trial b{font-size:11px}.trial p{color:var(--muted);font-size:10px;line-height:2;margin-bottom:0}.profile{display:flex;gap:11px;align-items:center;border-top:1px solid var(--line);padding:22px 8px 0;margin-top:22px}.avatar{display:grid;place-items:center;background:#e9f2ef;color:var(--teal);width:36px;height:36px;border-radius:50%;font-weight:700}.avatar.small{width:30px;height:30px;font-size:11px}.layout{margin-right:var(--side)}header{height:78px;display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid var(--line);padding:0 35px}.breadcrumb,.head-tools{display:flex;align-items:center;gap:18px}.breadcrumb span{color:var(--muted);font-size:11px}.breadcrumb i{color:#c5ced2}.breadcrumb b{font-size:12px}.demo-pill{color:#71837b;background:#f3f7f5;border:1px solid #e6eee9;padding:5px 12px;border-radius:30px;font-size:10px;display:flex;align-items:center;gap:7px}.demo-pill span{width:5px;height:5px;background:#4da382;border-radius:50%}.icon-btn{border:0;background:transparent;color:#85949b;font-size:21px;line-height:1;padding:8px}.mobile{display:none}main{max-width:1600px;margin:auto;padding:33px 35px}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:15px}.eyebrow{font-size:10px;color:var(--teal);font-weight:700;margin-bottom:4px}.page-head h1{font-size:24px;line-height:1.6;margin:0;font-weight:800;letter-spacing:-.8px}.page-head p{color:var(--muted);margin:5px 0 0;font-size:11px}.actions{display:flex;gap:9px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #dfe6e9;border-radius:8px;padding:10px 17px;background:#fff;color:#637780;font-weight:600;font-size:11px;transition:.2s}.btn:hover{box-shadow:0 4px 12px #183b3610;transform:translateY(-1px)}.btn.primary{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:0 4px 8px #087f7415}.btn.danger{color:#c24b4b}.period{display:flex;justify-content:space-between;align-items:center;margin:8px 0 20px;color:#89959c;font-size:10px}.period b{color:#50666e}.period select{background:#fff;border:1px solid var(--line);border-radius:7px;padding:7px 10px;color:#657880}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:23px}.kpi{background:white;border:1px solid var(--line);border-radius:13px;padding:20px;position:relative;overflow:hidden}.kpi.featured{background:#087b70;color:white;border:0}.kpi-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#819096}.kpi.featured .kpi-top{color:#c6e6df}.badge-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:#eef6f3;color:var(--teal);font-size:18px}.featured .badge-icon{background:#ffffff1a;color:#fff}.kpi-number{font:700 27px 'Segoe UI',sans-serif;letter-spacing:-1px;margin:12px 0 9px;direction:ltr;text-align:right}.kpi-number small{font:10px Noto Sans Arabic,Tahoma,sans-serif;letter-spacing:0;margin-left:6px;color:#9ba8ad}.featured .kpi-number small{color:#bfded7}.kpi-note{font-size:9px;color:#a0aaaf}.featured .kpi-note{color:#b9dcd4}.positive{color:#168f71}.negative{color:#c45e4f}.dashboard-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:21px;margin-bottom:22px}.panel{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;border-bottom:1px solid #f0f3f5;gap:10px}.panel-head h2{font-size:13px;margin:0}.panel-head small{display:block;color:#a0aab0;font-size:9px;margin-top:4px}.text-btn{background:none;border:0;color:var(--teal);font-size:10px;font-weight:700}.chart{padding:25px 20px 15px;position:relative}.chart svg{width:100%;height:180px;overflow:visible}.chart-labels{display:flex;justify-content:space-between;font-size:9px;color:#a6b0b5;margin:0 20px}.legend{display:flex;gap:17px;font-size:9px;color:#8d9a9f}.legend i{display:inline-block;width:7px;height:7px;background:var(--teal);border-radius:50%;margin-left:5px}.legend i.gold{background:#dbbb77}.cash-list{padding:16px 22px}.cash-item{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px dashed var(--line);font-size:10px;color:#809198}.cash-item b{font:600 14px 'Segoe UI',sans-serif;color:#3a555f}.cash-item.total{background:#f0f8f5;margin:12px -5px 3px;padding:13px 10px;border:0;border-radius:8px;color:var(--teal)}.cash-item.total b{color:var(--teal);font-size:19px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap}th{padding:13px 21px;background:#fafcfc;color:#98a4aa;font-size:10px;font-weight:600;border-bottom:1px solid var(--line)}td{padding:15px 21px;border-bottom:1px solid #f0f3f5;color:#657d86;font-size:11px}tr:last-child td{border-bottom:0}td strong{color:#2a4651;font-weight:600}.number{font-family:'Segoe UI',sans-serif;font-size:12px;font-weight:600;direction:ltr;display:inline-block}.name-cell{display:flex;align-items:center;gap:10px}.mini-avatar{height:30px;width:30px;border-radius:9px;background:#eef4f1;color:#54857a;display:grid;place-items:center;font-weight:700;font-size:10px}.pill{display:inline-flex;border-radius:20px;padding:3px 9px;font-size:9px;background:#eaf7f1;color:#2d987c}.pill.amber{background:#fcf4e6;color:#ba944b}.pill.red{background:#fff0ed;color:#c57463}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px}.list-line{display:flex;align-items:center;gap:12px;padding:14px 22px;border-bottom:1px solid #f3f5f6}.list-line:last-child{border:0}.rank{color:#bac3c7;font:11px 'Segoe UI',sans-serif}.list-line .line-title{font-size:11px}.list-line small{display:block;color:#a1adb2;font-size:9px}.list-line .end{margin-right:auto;text-align:left;font-size:11px;font-weight:700}.filterbar{display:flex;justify-content:space-between;align-items:center;padding:17px 22px;gap:12px;border-bottom:1px solid var(--line)}.search{background:#f8fafb;border:1px solid var(--line);border-radius:8px;padding:9px 12px;min-width:240px;color:var(--ink);outline:none}.search:focus,input:focus,select:focus{border-color:#62b8a6;outline:none}.muted{color:var(--muted)}.empty{text-align:center;padding:40px;color:var(--muted)}.note{background:#edf7f3;border:1px solid #dceee7;border-radius:10px;padding:15px 20px;color:#578476;font-size:11px;margin-bottom:20px;line-height:2}.note.amber{background:#fcf7ec;border-color:#f2e8ce;color:#9b8650}.profit-box{background:#0b7c71;border-radius:13px;padding:26px;color:#fff;margin:20px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.profit-box h2{font-size:16px;margin:0}.profit-box p{font-size:10px;color:#b7dbd3}.profit-box .big{font:700 32px 'Segoe UI',sans-serif}.equation{display:grid;grid-template-columns:1fr 1fr;gap:22px}.math-list{padding:8px 22px}.math-list>div{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line)}.math-list>div:last-child{border:0;font-weight:700;color:var(--teal)}.metric-bar{height:5px;border-radius:20px;background:#edf3f1;overflow:hidden;margin-top:7px}.metric-bar i{display:block;background:#62aa96;height:100%;border-radius:20px}.tabs{display:flex;gap:7px;margin-bottom:20px}.tabs button{padding:9px 20px;border:1px solid var(--line);background:white;border-radius:8px;color:#84949a;font-size:11px}.tabs button.active{background:#e6f3ee;color:var(--teal);border-color:#cbe5db}.detail-head{display:flex;align-items:center;gap:15px}.detail-head .avatar{width:50px;height:50px;font-size:17px}footer{display:flex;justify-content:space-between;padding:12px 35px 26px;font-size:9px;color:#a6b2b7}footer b{color:#6d8d83}dialog{width:min(570px,92vw);border:0;border-radius:17px;padding:25px;color:var(--ink);box-shadow:0 25px 100px #122e3d25}dialog::backdrop{background:#183c435c;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:20px}.modal-head small{font-size:10px;color:var(--muted)}.modal-head h2{font-size:18px;margin:5px 0 0}#fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field label{display:block;color:#657d86;font-size:11px;margin-bottom:7px}.field input,.field select{width:100%;padding:10px 12px;border:1px solid #dfe7e9;border-radius:8px;background:#fafcfc;color:var(--ink)}.field.full{grid-column:1/-1}.modal-actions{display:flex;gap:10px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}#toast{position:fixed;bottom:25px;left:25px;background:#123e36;color:white;border-radius:10px;padding:13px 25px;opacity:0;transform:translateY(15px);transition:.2s;z-index:100;pointer-events:none}#toast.show{opacity:1;transform:none}.backdrop{display:none}button:focus-visible,a:focus-visible{outline:2px solid #54b6a3;outline-offset:3px}.print-title{display:none}@media(min-width:1500px){main{padding-top:40px}.kpi{padding:23px}.kpi-number{font-size:32px}.chart svg{height:210px}}@media(max-width:1150px){:root{--side:220px}aside{padding:25px 12px}.workspace{font-size:9px}.kpis{gap:10px}.kpi{padding:16px}.kpi-number{font-size:23px}.dashboard-grid{grid-template-columns:1.4fr 1fr}main{padding:25px 22px}td,th{padding-right:14px;padding-left:14px}.kpi-note{font-size:8px}}@media(max-width:850px){:root{--side:0px}aside{width:260px;transform:translateX(100%);transition:.25s}.menu-open aside{transform:none}.menu-open .backdrop{display:block;position:fixed;inset:0;background:#183c4360;z-index:29}.mobile{display:block}header{padding:0 20px;height:65px}.breadcrumb{gap:10px}.kpis{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.bottom-grid{grid-template-columns:1fr 1fr}.equation{grid-template-columns:1fr}.page-head h1{font-size:21px}.page-head{align-items:flex-start}.actions .btn{padding:9px 12px}.trial{margin-top:12px}.sidebar-bottom{margin-top:20px}}@media(max-width:540px){main{padding:22px 15px}.page-head{flex-direction:column}.page-head .actions{width:100%}.page-head .actions .btn{flex:1}.head-tools{gap:8px}.breadcrumb span,.breadcrumb i{display:none}.demo-pill{font-size:9px}.kpi{padding:15px}.kpi-number{font-size:23px}.kpi-top{font-size:10px}.badge-icon{width:27px;height:27px;font-size:15px}.kpi-note{line-height:1.8}.bottom-grid{grid-template-columns:1fr}.filterbar{padding:14px;flex-wrap:wrap}.search{width:100%;min-width:0}.panel-head{padding:16px}.profit-box{align-items:flex-start;flex-direction:column}.period{gap:8px}footer{padding:12px 15px 25px;font-size:8px}#fields{grid-template-columns:1fr}.field.full{grid-column:auto}}@media print{aside,header,.actions,.btn,footer,.filterbar,.tabs{display:none!important}.layout{margin:0}main{padding:0}.panel,.kpi{break-inside:avoid}.print-title{display:block}body{background:white}.dashboard-grid{grid-template-columns:1fr 1fr}}

#period-select{padding:7px;border:1px solid #e0e9e5;border-radius:7px;background:white;color:#466960}.kpi-number{font-size:25px}.chart-labels{gap:5px}.sidebar-bottom .trial{display:none}@media(max-width:540px){.head-tools{gap:3px}.head-tools .btn{padding:7px}#period-select{max-width:110px}}