*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}:root{--primary:#1b3a6b;--accent:#c9a227;--bg:#f3f5f9;--surface:#fff;--ink:#0f1b2d;--ink-2:#5b6880;--ink-3:#98a2b3;--line:#e7ebf2;--ok:#12b76a;--ok-ink:#067647;--danger:#e5484d;--border:var(--line);--muted:var(--ink-3);--primary-50:color-mix(in srgb,var(--primary) 7%,#fff);--primary-100:color-mix(in srgb,var(--primary) 14%,#fff);--primary-700:color-mix(in srgb,var(--primary) 82%,#000);--accent-50:color-mix(in srgb,var(--accent) 14%,#fff);--accent-ink:color-mix(in srgb,var(--accent) 55%,#000);--font:"Tajawal",system-ui,sans-serif;--display:"Readex Pro","Tajawal",system-ui,sans-serif;--r:18px;--shadow-1:0 1px 2px #0f1b2d0d,0 1px 1px #0f1b2d08;--shadow-2:0 10px 30px -10px #0f1b2d2e,0 2px 6px #0f1b2d0d;--sidebar:224px;--ease:cubic-bezier(.2,.8,.2,1)}body,html{background:#f3f5f9;background:var(--bg)}body{-webkit-font-smoothing:antialiased;color:#0f1b2d;color:var(--ink);direction:rtl;font-family:Tajawal,system-ui,sans-serif;font-family:var(--font);font-size:15px;line-height:1.5}button,input,select,textarea{color:inherit;font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}:focus-visible{border-radius:8px;outline:2.5px solid #c9a227;outline:2.5px solid var(--accent);outline-offset:2px}table{border-collapse:collapse;width:100%}.num{font-feature-settings:"tnum";font-family:Readex Pro,Tajawal,system-ui,sans-serif;font-family:var(--display);font-variant-numeric:tabular-nums}.sidebar{background:#111418;bottom:0;color:#fff;display:flex;flex-direction:column;overflow-y:auto;position:fixed;right:0;top:0;width:224px;width:var(--sidebar);z-index:50}.side-brand{align-items:center;border-bottom:1px solid #ffffff14;display:flex;gap:10px;padding:18px 14px}.side-brand .mark{background:#c9a227;background:var(--accent);border-radius:10px;display:grid;flex-shrink:0;font-size:18px;height:36px;overflow:hidden;place-items:center;width:36px}.side-brand .mark img{height:100%;object-fit:cover;width:100%}.side-brand b{font-size:.98rem;font-weight:800;line-height:1.2}.side-brand small{color:#ffffff73;display:block;font-size:.72rem;font-weight:500}.side-nav{display:flex;flex-direction:column;padding:10px 0}.side-nav a{align-items:center;border-right:3px solid #0000;color:#ffffff94;display:flex;font-size:.9rem;font-weight:700;gap:11px;padding:11px 18px;text-decoration:none;transition:background .15s,color .15s}.side-nav a:hover{background:#ffffff0d;color:#fff}.side-nav a.active{background:color-mix(in srgb,#c9a227 16%,#0000);background:color-mix(in srgb,var(--accent) 16%,#0000);border-right-color:#c9a227;border-right-color:var(--accent);color:#fff}.side-nav a.active .ico{color:#c9a227;color:var(--accent)}.side-nav .ico{display:grid;flex-shrink:0;place-items:center;width:22px}.side-nav .count{background:#e5484d;background:var(--danger);border-radius:999px;color:#fff;display:grid;font-family:Readex Pro,Tajawal,system-ui,sans-serif;font-family:var(--display);font-size:.72rem;height:22px;margin-inline-start:auto;min-width:22px;padding:0 6px;place-items:center}.side-foot{border-top:1px solid #ffffff14;margin-top:auto}.side-foot button{align-items:center;background:none;border:0;color:#ffffff73;display:flex;font-weight:700;gap:11px;padding:14px 18px;text-align:right;width:100%}.side-foot button:hover{color:#fff}.layout-main{margin-right:224px;margin-right:var(--sidebar);min-height:100vh}@media (max-width:760px){:root{--sidebar:60px}.side-brand{justify-content:center;padding:14px 0}.nav-label,.side-brand .txt{display:none}.side-foot button,.side-nav a{justify-content:center;padding:13px 0;position:relative}.side-nav .count{font-size:.66rem;height:18px;left:6px;min-width:18px;padding:0 4px;position:absolute;top:4px}}.page{max-width:1360px;padding:26px clamp(16px,3vw,32px) 40px}.page-head{flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.page-head,.page-head h1{align-items:center;display:flex}.page-head h1{font-family:Readex Pro,Tajawal,system-ui,sans-serif;font-family:var(--display);font-size:1.45rem;font-weight:600;gap:10px;letter-spacing:-.02em}.page-head p{color:#98a2b3;color:var(--ink-3);font-size:.86rem;margin-top:2px}.page-head .tools{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.live{align-items:center;background:color-mix(in srgb,#12b76a 12%,#fff);background:color-mix(in srgb,var(--ok) 12%,#fff);border-radius:999px;color:#067647;color:var(--ok-ink);display:inline-flex;font-size:.8rem;font-weight:700;gap:6px;padding:4px 10px}.live:before{animation:pulse 1.8s infinite;background:#12b76a;background:var(--ok);border-radius:50%;content:"";height:7px;width:7px}.card{background:#fff;background:var(--surface);border-radius:18px;border-radius:var(--r);box-shadow:0 1px 2px #0f1b2d0d,0 1px 1px #0f1b2d08;box-shadow:var(--shadow-1)}.card-head{align-items:center;border-bottom:1px solid #e7ebf2;border-bottom:1px solid var(--line);display:flex;gap:10px;justify-content:space-between;padding:16px 18px}.card-head h2{font-family:Readex Pro,Tajawal,system-ui,sans-serif;font-family:var(--display);font-size:1.02rem;font-weight:600}.table-wrap{overflow-x:auto}th{position:sticky;top:0}tbody tr{transition:background .15s}tbody tr:hover{background:#fafbfd}tbody tr:last-child td{border-bottom:0}.kpis{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}@media (min-width:1400px){.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:680px){.kpis{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.kpi{gap:8px;padding:13px}.kpi .ico{font-size:17px;height:36px;width:36px}.kpi b{font-size:1.3rem}.kpi span{font-size:.78rem}.page-head h1{font-size:1.25rem}}.kpi{animation:rise .4s cubic-bezier(.2,.8,.2,1) both;animation:rise .4s var(--ease) both;animation-delay:0ms;animation-delay:calc(var(--i, 0)*40ms);background:#fff;background:var(--surface);border-radius:18px;border-radius:var(--r);box-shadow:0 1px 2px #0f1b2d0d,0 1px 1px #0f1b2d08;box-shadow:var(--shadow-1);display:flex;flex-direction:column;gap:10px;min-width:0;overflow:hidden;padding:16px}.kpi .ico{background:color-mix(in srgb,#1b3a6b 7%,#fff);background:var(--tint,var(--primary-50));border-radius:13px;display:grid;font-size:20px;height:42px;place-items:center;width:42px}.kpi b{font-feature-settings:"tnum";font-family:Readex Pro,Tajawal,system-ui,sans-serif;font-family:var(--display);font-size:1.55rem;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-.02em;line-height:1.1}.kpi b small{color:#98a2b3;color:var(--ink-3);font-family:Tajawal,system-ui,sans-serif;font-family:var(--font);font-size:.8rem;font-weight:700;margin-inline-start:4px}.kpi span{color:#5b6880;color:var(--ink-2);font-size:.84rem;font-weight:700}.kpi.alert{box-shadow:0 0 0 2px color-mix(in srgb,#e5484d 45%,#0000),0 1px 2px #0f1b2d0d,0 1px 1px #0f1b2d08;box-shadow:0 0 0 2px color-mix(in srgb,var(--danger) 45%,#0000),var(--shadow-1)}.kpi.alert b{color:#e5484d;color:var(--danger)}.cols{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}.cols>:first-child{order:2}@media (min-width:1400px){.cols{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.cols>:first-child{order:0}}.chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{align-items:center;background:#fff;background:var(--surface);border:1.5px solid #e7ebf2;border:1.5px solid var(--line);color:#5b6880;color:var(--ink-2);display:inline-flex;flex:0 0 auto;font-size:.85rem;font-weight:700;gap:6px;padding:7px 14px}.chip,.chip b{border-radius:999px}.chip b{background:#f3f5f9;background:var(--bg);font-family:Readex Pro,Tajawal,system-ui,sans-serif;font-family:var(--display);font-size:.78rem;font-weight:600;min-width:22px;padding:0 7px;text-align:center}.chip[aria-pressed=true]{background:#0f1b2d;background:var(--ink);border-color:#0f1b2d;border-color:var(--ink);color:#fff}.chip[aria-pressed=true] b{background:#ffffff29}.kind-badge{align-items:center;background:color-mix(in srgb,#1b3a6b 7%,#fff);background:var(--primary-50);border-radius:999px;color:#1b3a6b;color:var(--primary);display:inline-flex;font-size:.76rem;font-weight:800;gap:5px;padding:3px 10px;white-space:nowrap}.kind-badge.custom{background:color-mix(in srgb,#c9a227 14%,#fff);background:var(--accent-50);color:color-mix(in srgb,#c9a227 55%,#000);color:var(--accent-ink)}.attn{align-items:center;background:none;border:0;border-bottom:1px solid var(--line);display:flex;gap:12px;padding:12px 18px;text-align:right;width:100%}.attn:last-child{border-bottom:0}.attn:hover{background:#fafbfd}.attn .grow{flex:1 1;min-width:0}.attn .grow b{display:block;font-size:.92rem}.attn .grow small{color:#98a2b3;color:var(--ink-3);display:block;overflow:hidden;text-overflow:ellipsis}.attn .grow small,.wait{font-size:.8rem;white-space:nowrap}.wait{color:#e5484d;color:var(--danger);font-family:Readex Pro,Tajawal,system-ui,sans-serif;font-family:var(--display);font-weight:600}.drawer-backdrop{animation:fade .2s;background:#0f1b2d73;display:flex;inset:0;justify-content:flex-start;position:fixed;z-index:400}.drawer{animation:slideIn .3s cubic-bezier(.2,.8,.2,1);animation:slideIn .3s var(--ease);background:#f3f5f9;background:var(--bg);display:flex;flex-direction:column;height:100%;overflow-y:auto;width:min(460px,100%)}.drawer-head{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #e7ebf2;border-bottom:1px solid var(--line);display:flex;gap:10px;padding:16px 18px;position:sticky;top:0;z-index:1}.drawer-head h2{font-family:Readex Pro,Tajawal,system-ui,sans-serif;font-family:var(--display);font-size:1.1rem;font-weight:600}.drawer-body{display:flex;flex-direction:column;gap:12px;padding:16px}.drawer .card{padding:16px}.drawer h3{font-family:Readex Pro,Tajawal,system-ui,sans-serif;font-family:var(--display);font-size:.95rem;font-weight:600;margin-bottom:10px}.kv{display:flex;font-size:.9rem;gap:10px;padding:4px 0}.kv span:first-child{color:#98a2b3;color:var(--ink-3);min-width:76px}.request-box{background:#f3f5f9;background:var(--bg);border-radius:12px;font-size:.92rem;line-height:1.7;padding:12px 14px;white-space:pre-wrap}.status-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}.login{background:linear-gradient(165deg,color-mix(in srgb,#1b3a6b 78%,#fff),#1b3a6b 45%,color-mix(in srgb,#1b3a6b 82%,#000));background:linear-gradient(165deg,color-mix(in srgb,var(--primary) 78%,#fff) 0,var(--primary) 45%,var(--primary-700) 100%);display:grid;min-height:100vh;overflow:hidden;padding:24px 16px;place-items:center;position:relative}.login:before{border:60px solid #ffffff0d;border-radius:50%;content:"";height:420px;left:-160px;position:absolute;top:-150px;width:420px}.login-card{animation:rise .5s cubic-bezier(.2,.8,.2,1);animation:rise .5s var(--ease);background:#fff;background:var(--surface);border-radius:26px;box-shadow:0 30px 60px -20px #00000073;max-width:400px;padding:30px 24px;position:relative;text-align:center;width:100%}.login-card .mark{background:#c9a227;background:var(--accent);border-radius:20px;display:grid;font-size:30px;height:60px;margin:0 auto 14px;place-items:center;width:60px}.login-card h1{font-family:Readex Pro,Tajawal,system-ui,sans-serif;font-family:var(--display);font-size:1.35rem;font-weight:600}.login-card p{color:#98a2b3;color:var(--ink-3);font-size:.88rem;margin:2px 0 22px}.toast{animation:toastIn .3s cubic-bezier(.2,.8,.2,1);animation:toastIn .3s var(--ease);border-radius:14px;bottom:90px;box-shadow:0 10px 30px -10px #0f1b2d2e,0 2px 6px #0f1b2d0d;box-shadow:var(--shadow-2);font-weight:700;left:50%;max-width:calc(100% - 32px);padding:12px 18px;transform:translateX(-50%);z-index:600}.new-order-toast,.toast{background:#0f1b2d;background:var(--ink);color:#fff;position:fixed}.new-order-toast{align-items:center;animation:toastDrop .4s cubic-bezier(.2,.8,.2,1);animation:toastDrop .4s var(--ease);border:0;border-radius:16px;box-shadow:0 20px 40px -12px #0f1b2d80;display:flex;font-weight:800;gap:12px;left:16px;padding:14px 18px;top:16px;z-index:500}.new-order-toast .bell{animation:ringBell 1s ease 2;background:#c9a227;background:var(--accent);border-radius:12px;display:grid;font-size:18px;height:38px;place-items:center;width:38px}.skel{animation:shimmer 1.2s linear infinite;background:linear-gradient(90deg,#ebeef4,#f6f8fb 50%,#ebeef4);background-size:200% 100%;border-radius:18px;border-radius:var(--r)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes toastDrop{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}@keyframes ringBell{0%,to{transform:rotate(0)}20%{transform:rotate(14deg)}40%{transform:rotate(-12deg)}60%{transform:rotate(8deg)}80%{transform:rotate(-4deg)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}.sections-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(330px,100%),1fr))}.section-row{align-items:center;border:1.5px solid #e7ebf2;border:1.5px solid var(--line);border-radius:14px;display:flex;gap:12px;padding:12px;transition:background .2s,opacity .2s}.section-row[data-state=paused]{background:#fffbf2}.section-row[data-state=hidden]{background:#f8f9fb}.section-row[data-state=hidden] .section-name{opacity:.55}.section-ico{background:#f3f5f9;background:var(--bg);border-radius:12px;display:grid;flex:none;font-size:1.5rem;height:40px;place-items:center;width:40px}.section-name{display:flex;flex:1 1;flex-direction:column;min-width:0}.section-name small{color:#98a2b3;color:var(--ink-3);font-size:.78rem}.seg{display:flex;flex:none;gap:4px}.seg button{background:#fff;background:var(--surface);border:1.5px solid #e7ebf2;border:1.5px solid var(--line);border-radius:10px;color:#5b6880;color:var(--ink-2);cursor:pointer;font:inherit;font-size:.8rem;font-weight:700;padding:6px 9px;white-space:nowrap}.seg button:focus-visible{outline:2px solid #1b3a6b;outline:2px solid var(--primary);outline-offset:2px}@media (max-width:560px){.section-row{flex-wrap:wrap}.seg{width:100%}.seg button{flex:1 1;padding:8px 4px}}@media (max-width:600px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi b{font-size:1.3rem;overflow-wrap:anywhere}}.analytics{--viz-1:#2a78d6;--viz-grid:#edf0f5}.filters{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.filters .chip{cursor:pointer}.filters .range{display:flex;flex-wrap:wrap;gap:8px;margin-inline-start:auto}.filters .range label{align-items:center;color:#5b6880;color:var(--ink-2);display:flex;font-size:.84rem;font-weight:700;gap:6px}.filters input[type=date]{background:#fff;background:var(--surface);border:1.5px solid #e7ebf2;border:1.5px solid var(--line);border-radius:10px;color:#0f1b2d;color:var(--ink);font:inherit;padding:6px 8px}.compare-note{color:#98a2b3;color:var(--ink-3);font-size:.78rem;margin:0 0 10px}.stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.stat{background:#fff;background:var(--surface);border-radius:18px;border-radius:var(--r);box-shadow:0 1px 2px #0f1b2d0d,0 1px 1px #0f1b2d08;box-shadow:var(--shadow-1);display:flex;flex-direction:column;gap:4px;min-width:0;padding:14px 16px}.stat-label{color:#5b6880;color:var(--ink-2);font-size:.82rem;font-weight:700}.stat-value{font-family:Readex Pro,Tajawal,system-ui,sans-serif;font-family:var(--display);font-size:clamp(1.05rem,4.6vw,1.5rem);font-weight:600;letter-spacing:-.02em;white-space:nowrap}.stat-value small{color:#98a2b3;color:var(--ink-3);font-family:Tajawal,system-ui,sans-serif;font-family:var(--font);font-size:.78rem;font-weight:700;margin-inline-start:4px}.stat-foot{align-items:center;display:flex;flex-wrap:wrap;font-size:.78rem;gap:8px}.stat-foot small{color:#98a2b3;color:var(--ink-3);font-weight:700}.delta{border-radius:999px;font-weight:800;padding:1px 8px}.delta.good{background:#ecfdf3;color:#067647}.delta.bad{background:#fef3f2;color:#b42318}.delta.up{background:#eff8ff;color:#175cd3}.delta.flat{color:#98a2b3;color:var(--ink-3);padding:0}.viz-card{margin-bottom:16px;overflow:hidden}.viz-card .card-head{flex-wrap:wrap}.muted,.viz-card .card-head .muted{color:#98a2b3;color:var(--ink-3);font-size:.8rem;font-weight:600}.viz-body{padding:14px 16px}.viz-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr))}.viz-grid .viz-card{margin-bottom:0}.viz-grid+.viz-card{margin-top:16px}.viz{position:relative;width:100%}.viz svg{display:block;overflow:visible}.viz-tick{fill:#98a2b3;fill:var(--ink-3);font-family:Tajawal,system-ui,sans-serif;font-family:var(--font);font-size:11px}.viz-hit{cursor:pointer;outline:none}.viz-hit:focus-visible{stroke:#1b3a6b;stroke:var(--primary);stroke-width:2}.viz-tip{background:#fff;background:var(--surface);border:1px solid #e7ebf2;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px -10px #0f1b2d2e,0 2px 6px #0f1b2d0d;box-shadow:var(--shadow-2);direction:rtl;display:flex;flex-direction:column;gap:2px;min-width:140px;padding:8px 10px;pointer-events:none;position:absolute;z-index:2}.viz-tip b{font-feature-settings:"tnum";font-size:1rem;font-variant-numeric:tabular-nums}.viz-tip b small{color:#98a2b3;color:var(--ink-3);font-size:.74rem}.viz-tip span{color:#5b6880;color:var(--ink-2);font-size:.78rem}.viz-empty{color:#98a2b3;color:var(--ink-3);font-size:.86rem;padding:18px 0;text-align:center}.hbars{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.hbars li{grid-gap:10px;align-items:center;border-radius:8px;display:grid;gap:10px;grid-template-columns:minmax(80px,34%) 1fr auto;outline:none}.hbars li:focus-visible{box-shadow:0 0 0 2px #1b3a6b;box-shadow:0 0 0 2px var(--primary)}.hb-name{font-size:.86rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hb-track{background:#f2f5fa;border-radius:4px;height:12px;overflow:hidden}.hb-fill{background:#2a78d6;background:var(--viz-1,#2a78d6);border-radius:0 4px 4px 0;display:block;height:100%;min-width:2px}[dir=rtl] .hb-fill{border-radius:4px 0 0 4px;margin-inline-start:0}.hb-val{display:flex;flex-direction:column;font-size:.86rem;font-weight:800;line-height:1.15;text-align:end}.hb-val small{color:#98a2b3;color:var(--ink-3);font-size:.72rem;font-weight:600}.seg-mini{display:flex;gap:4px}.seg-mini button{background:#fff;background:var(--surface);border:1.5px solid #e7ebf2;border:1.5px solid var(--line);border-radius:999px;color:#5b6880;color:var(--ink-2);cursor:pointer;font:inherit;font-size:.8rem;font-weight:700;padding:4px 11px}.seg-mini button[aria-checked=true]{background:#1b3a6b;background:var(--primary);border-color:#1b3a6b;border-color:var(--primary);color:#fff}.as-table{margin-top:10px}.as-table summary{color:#1b3a6b;color:var(--primary);cursor:pointer;font-size:.82rem;font-weight:700}.downloads{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.downloads p{flex-basis:100%;margin:4px 0 0}@media (max-width:1100px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.filters .range{margin-inline-start:0}.stat{padding:12px}.stat-value small{display:block;margin:0}.hbars li{grid-template-columns:minmax(70px,30%) 1fr auto}}@media print{.closed-banner,.new-order-toast,.no-print,.sidebar,.toast,.topbar{display:none!important}.layout-main{margin:0!important}body{background:#fff!important}.page{max-width:none;padding:0}.card,.stat{border:1px solid #ddd;box-shadow:none!important;break-inside:avoid;page-break-inside:avoid}.as-table{display:none}.stats{grid-template-columns:repeat(4,1fr)}@page{margin:12mm}}