:root{--bg-dark:#070c1e;--bg-dark-accent:#0f1733;--surface:#141f4040;--surface-2:#0d142c29;--surface-solid:#0d142b;--primary:#00d2c4;--primary-hover:#00b5a9;--primary-bright:#33ebd9;--primary-glow:#00d2c473;--secondary:#ff7c00;--secondary-hover:#ffa043;--secondary-bright:#ffb86b;--secondary-glow:#ff7c0066;--brand-gradient:linear-gradient(135deg, #00d2c4 0%, #00cec9 45%, #ff7c00 120%);--brand-gradient-soft:linear-gradient(135deg, #00d2c42e, #ff7c001a);--glass-border:#00d2c426;--glass-border-focus:#ff7c0073;--color-success:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--color-info:#3b82f6;--color-neutral:#64748b;--accent-overview:#a368f5;--accent-orders:#3b82f6;--accent-people:#8b5cf6;--accent-stores:#ff7c00;--accent-finance:#10b981;--accent-marketing:#ec4899;--accent-notify:#06b6d4;--section-accent:var(--primary);--text-main:#ece7fb;--text-muted:#9ab0e0;--text-white:#fff;--text-white-adaptive:#fff;--font-ar:"Cairo", system-ui, sans-serif;--font-en:"Outfit", system-ui, sans-serif;box-sizing:border-box}body.theme-default{--bg-dark:#070c1e;--bg-dark-accent:#0f1733;--surface:#141f4040;--surface-2:#0d142c29;--surface-solid:#0d142b;--primary:#00d2c4;--primary-hover:#00b5a9;--primary-bright:#33ebd9;--primary-glow:#00d2c473;--secondary:#ff7c00;--secondary-hover:#ffa043;--secondary-bright:#ffb86b;--secondary-glow:#ff7c0066;--brand-gradient:linear-gradient(135deg, #00d2c4 0%, #00cec9 45%, #ff7c00 120%);--brand-gradient-soft:linear-gradient(135deg, #00d2c42e, #ff7c001a);--glass-border:#00d2c426;--glass-border-focus:#ff7c0073;--text-main:#ece7fb;--text-muted:#9ab0e0;--text-white:#fff;--text-white-adaptive:#fff;background-image:radial-gradient(at 0 0,#00d2c438 0,#0000 50%),radial-gradient(at 100% 0,#ff7c001f 0,#0000 45%),radial-gradient(at 100% 100%,#00d2c426 0,#0000 50%),radial-gradient(at 0 100%,#ff7c001a 0,#0000 45%)}body.theme-classic{--bg-dark:#0b0617;--bg-dark-accent:#150d2b;--surface:#1c133440;--surface-2:#120c2429;--surface-solid:#120925;--primary:#6c2bc4;--primary-hover:#8b4ddb;--primary-bright:#a368f5;--primary-glow:#7c3aed73;--secondary:#ff7300;--secondary-hover:#ff8c2b;--secondary-bright:#ffa443;--secondary-glow:#ff730066;--brand-gradient:linear-gradient(135deg, #6c2bc4 0%, #9333ea 45%, #ff7300 120%);--brand-gradient-soft:linear-gradient(135deg, #6c2bc42e, #ff73001a);--glass-border:#8c5ae633;--glass-border-focus:#ff730073;--text-main:#ece7fb;--text-muted:#a89cc4;--text-white:#fff;--text-white-adaptive:#fff;background-image:radial-gradient(at 0 0,#6c2bc44d 0,#0000 45%),radial-gradient(at 100% 0,#a855f724 0,#0000 42%),radial-gradient(at 100% 100%,#ff73001f 0,#0000 46%),radial-gradient(at 0 100%,#4c1d9533 0,#0000 46%)}body.theme-cool{--bg-dark:#050a15;--bg-dark-accent:#0a1426;--surface:#0f1e3a47;--surface-2:#0a142829;--surface-solid:#080f1f;--primary:#0ea5e9;--primary-hover:#0284c7;--primary-bright:#38bdf8;--primary-glow:#0ea5e973;--secondary:#10b981;--secondary-hover:#059669;--secondary-bright:#34d399;--secondary-glow:#10b98166;--brand-gradient:linear-gradient(135deg, #0ea5e9 0%, #06b6d4 45%, #10b981 120%);--brand-gradient-soft:linear-gradient(135deg, #0ea5e92e, #10b9811a);--glass-border:#0ea5e926;--glass-border-focus:#10b98173;--text-main:#e0f2fe;--text-muted:#94a3b8;--text-white:#fff;--text-white-adaptive:#fff;background-image:radial-gradient(at 0 0,#0ea5e940 0,#0000 50%),radial-gradient(at 100% 0,#10b9811f 0,#0000 45%),radial-gradient(at 100% 100%,#0ea5e926 0,#0000 50%),radial-gradient(at 0 100%,#10b9811a 0,#0000 45%)}body.theme-sunset{--bg-dark:#111112;--bg-dark-accent:#18181b;--surface:#27272a47;--surface-2:#18181b29;--surface-solid:#151518;--primary:#f59e0b;--primary-hover:#d97706;--primary-bright:#fbbf24;--primary-glow:#f59e0b73;--secondary:#f43f5e;--secondary-hover:#dc2626;--secondary-bright:#fb7185;--secondary-glow:#f43f5e66;--brand-gradient:linear-gradient(135deg, #f59e0b 0%, #f97316 45%, #f43f5e 120%);--brand-gradient-soft:linear-gradient(135deg, #f59e0b2e, #f43f5e1a);--glass-border:#f59e0b26;--glass-border-focus:#f43f5e73;--text-main:#fafafa;--text-muted:#a1a1aa;--text-white:#fff;--text-white-adaptive:#fff;background-image:radial-gradient(at 0 0,#f59e0b40 0,#0000 50%),radial-gradient(at 100% 0,#f43f5e1f 0,#0000 45%),radial-gradient(at 100% 100%,#f59e0b26 0,#0000 50%),radial-gradient(at 0 100%,#f43f5e1a 0,#0000 45%)}*,:before,:after{box-sizing:inherit}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-ar);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 0 0,#6c2bc44d 0,#0000 45%),radial-gradient(at 100% 0,#a855f724 0,#0000 42%),radial-gradient(at 100% 100%,#ff73001f 0,#0000 46%),radial-gradient(at 0 100%,#4c1d9533 0,#0000 46%);background-attachment:fixed;margin:0;padding:0;overflow-x:hidden}#root{text-align:right;background:0 0;border:none;width:100%;max-width:100vw;min-height:100vh;margin:0;padding:0;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#8c5ae64d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.flex{display:flex}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.items-center{align-items:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}@media (max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-5{grid-template-columns:1fr}.col-span-1,.col-span-2,.col-span-3{grid-column:span 1/span 1!important}}h1,h2,h3,h4,h5,h6{color:var(--text-white);margin:0;font-weight:700}.glass-panel{background:linear-gradient(135deg, #ffffff0a, #fff0 60%), var(--surface);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #00000061,inset 0 1px #ffffff0d}.glass-panel:hover{border-color:color-mix(in srgb, var(--primary) 45%, transparent);box-shadow:0 10px 40px #00000073, 0 0 30px var(--primary-glow), inset 0 1px 0 #ffffff0f}button{cursor:pointer;font-family:var(--font-ar);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-weight:600;transition:all .2s ease-in-out;display:inline-flex}button.primary{background:linear-gradient(135deg, var(--primary), #9333ea);color:#fff;box-shadow:0 4px 16px var(--primary-glow)}button.primary:hover{background:linear-gradient(135deg, var(--primary-hover), #a855f7);transform:translateY(-1px);box-shadow:0 6px 24px #7c3aed8c}button.primary:active{transform:translateY(1px)}button.secondary{background:linear-gradient(135deg, var(--secondary), #f80);color:#fff;box-shadow:0 4px 16px var(--secondary-glow)}button.secondary:hover{background:linear-gradient(135deg, var(--secondary-hover), #ffa200);transform:translateY(-1px);box-shadow:0 6px 24px #ff73008c}button.outline{border:1px solid var(--glass-border);color:var(--text-main);background:0 0}button.outline:hover{border-color:var(--primary);color:var(--text-white);background:#6c2bc41f}button.danger{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d}button.danger:hover{background:var(--color-danger);color:var(--text-white);box-shadow:0 0 15px #ef444466}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}label{color:var(--text-muted);font-size:.875rem;font-weight:600}input:not([type]),input[type=text],input[type=password],input[type=number],input[type=date],input[type=time],input[type=tel],input[type=email],input[type=search],input[type=url],select,textarea{border:1px solid var(--glass-border);color:var(--text-main);font-family:var(--font-ar);background:#120c2099;border-radius:11px;width:100%;padding:.7rem .95rem;font-size:.92rem;transition:border-color .18s,box-shadow .18s,background .18s;box-shadow:inset 0 1px 2px #00000040}input:hover,select:hover,textarea:hover{border-color:color-mix(in srgb, var(--primary) 40%, transparent)}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.6}input:-webkit-autofill{-webkit-text-fill-color:var(--text-main);caret-color:var(--text-main);transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #140d24f2}input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-main);caret-color:var(--text-main);transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #140d24f2}input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-main);caret-color:var(--text-main);transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #140d24f2}textarea:-webkit-autofill{-webkit-text-fill-color:var(--text-main);caret-color:var(--text-main);transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #140d24f2}select:-webkit-autofill{-webkit-text-fill-color:var(--text-main);caret-color:var(--text-main);transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #140d24f2}select{-webkit-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a89cc4' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");background-position:.9rem;background-repeat:no-repeat;padding-left:2.4rem}select option{background:var(--surface-solid);color:var(--text-main)}input:focus,select:focus,textarea:focus{border-color:var(--glass-border-focus);box-shadow:0 0 0 3px var(--secondary-glow), inset 0 1px 2px #00000040;background:#18102cd9;outline:none}.table-container{border:1px solid var(--glass-border);border-radius:12px;max-height:540px;position:relative;overflow:auto}table{border-collapse:collapse;text-align:right;width:100%;font-size:.9rem}th{background:linear-gradient(90deg, color-mix(in srgb, var(--primary) 14%, transparent), color-mix(in srgb, var(--secondary) 8%, transparent));color:var(--text-white);border-bottom:1px solid var(--glass-border);white-space:nowrap;z-index:2;box-shadow:0 1px 0 var(--glass-border);padding:.85rem 1rem;font-weight:700;position:-webkit-sticky;position:sticky;top:0}td{border-bottom:1px solid var(--glass-border);color:var(--text-main);white-space:nowrap;padding:.85rem 1rem}tr:nth-child(2n) td{background:#ffffff04}tr:hover td{background:color-mix(in srgb, var(--primary) 7%, transparent)}td.font-en,th.font-en{text-align:left;direction:ltr}.empty-state-container{text-align:center;color:var(--text-muted);border:1px dashed var(--glass-border);background:#ffffff03;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.85rem;width:100%;padding:3.5rem 2rem;display:flex}.empty-state-icon{color:var(--secondary);opacity:.8;filter:drop-shadow(0 0 10px var(--secondary-glow))}.empty-state-title{color:var(--text-white);margin:0;font-size:1.1rem;font-weight:700}.empty-state-desc{max-width:320px;margin:0;font-size:.85rem;line-height:1.5}.badge{border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge.success{color:#a7f3d0;background:#10b98126;border:1px solid #10b9814d}.badge.danger{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d}.badge.warning{color:#fde68a;background:#f59e0b26;border:1px solid #f59e0b4d}.badge.info{color:#bfdbfe;background:#3b82f626;border:1px solid #3b82f64d}.pulse-dot{background:var(--color-success);border-radius:50%;width:8px;height:8px;display:inline-block;position:relative}.pulse-dot:after{content:"";background:var(--color-success);border-radius:50%;animation:1.5s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.5)}80%,to{opacity:0;transform:scale(2.2)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-400% 0}to{background-position:400% 0}}@keyframes glowPulse{0%,to{box-shadow:0 0 8px #6c2bc466}50%{box-shadow:0 0 20px #6c2bc4cc,0 0 40px #ff73004d}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.animate-slide-up{animation:.45s cubic-bezier(.16,1,.3,1) forwards fadeSlideUp}.animate-scale-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards scaleIn}.animate-stagger-1{animation-delay:0s}.animate-stagger-2{animation-delay:70ms}.animate-stagger-3{animation-delay:.14s}.animate-stagger-4{animation-delay:.21s}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17 37%,#ffffff0a 63%) 0 0/400% 100%;border-radius:8px;animation:1.5s infinite shimmer}@keyframes flashUpdate{0%{background-color:#ff7c0038;box-shadow:0 0 12px #ff7c0026}to{box-shadow:none;background-color:#0000}}.flash-change{animation:1.2s cubic-bezier(.16,1,.3,1) forwards flashUpdate}.font-en{font-family:var(--font-en)}body.light.theme-default{--bg-dark:#e4e9f1;--bg-dark-accent:#eef1f7;--surface:#f4f7fbdb;--surface-2:#ecf0f6b3;--surface-solid:#f3f6fb;--glass-border:#00d2c41a;--text-main:#121e28;--text-muted:#506473;background-image:radial-gradient(at 0 0,#00d2c412 0,#0000 50%),radial-gradient(at 100% 0,#ff7c000a 0,#0000 45%),radial-gradient(at 100% 100%,#00d2c40d 0,#0000 50%),radial-gradient(at 0 100%,#ff7c0008 0,#0000 45%)}body.light.theme-classic{--bg-dark:#e9e3f1;--bg-dark-accent:#f1ecf6;--surface:#f7f4fbdb;--surface-2:#efeaf6b3;--surface-solid:#f5f1fa;--glass-border:#8c5ae61a;--text-main:#1a122c;--text-muted:#5c5073;background-image:radial-gradient(at 0 0,#6c2bc41a 0,#0000 45%),radial-gradient(at 100% 0,#a855f70d 0,#0000 42%),radial-gradient(at 100% 100%,#ff73000a 0,#0000 46%),radial-gradient(at 0 100%,#4c1d9512 0,#0000 46%)}body.light.theme-cool{--bg-dark:#e1ebf2;--bg-dark-accent:#ecf2f7;--surface:#f2f8fcdb;--surface-2:#e9f1f7b3;--surface-solid:#f1f6fb;--glass-border:#0ea5e91a;--text-main:#101c2a;--text-muted:#4d5e70;background-image:radial-gradient(at 0 0,#0ea5e914 0,#0000 50%),radial-gradient(at 100% 0,#10b9810a 0,#0000 45%),radial-gradient(at 100% 100%,#0ea5e90d 0,#0000 50%),radial-gradient(at 0 100%,#10b98108 0,#0000 45%)}body.light.theme-sunset{--bg-dark:#f1e7e1;--bg-dark-accent:#f7efe9;--surface:#faf4f0db;--surface-2:#f4ece7b3;--surface-solid:#f8f2ed;--glass-border:#f59e0b1a;--text-main:#2b1d18;--text-muted:#735f56;background-image:radial-gradient(at 0 0,#f59e0b14 0,#0000 50%),radial-gradient(at 100% 0,#f43f5e0a 0,#0000 45%),radial-gradient(at 100% 100%,#f59e0b0d 0,#0000 50%),radial-gradient(at 0 100%,#f43f5e08 0,#0000 45%)}body.light{--text-white-adaptive:var(--text-main)}