@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-0:#f8fafc;--bg-1:#fff9;--bg-2:#ffffffe6;--bg-3:#fff;--bg-glass:#f8fafccc;--border-1:#0f172a0f;--border-2:#0f172a1f;--border-3:#0f172a33;--border-accent:#4f46e54d;--text-0:#0f172a;--text-1:#334155;--text-2:#64748b;--text-3:#94a3b8;--accent:#4f46e5;--accent-light:#6366f1;--accent-glow:#4f46e51a;--accent-glow-strong:#4f46e540;--green:#059669;--green-glow:#05966926;--amber:#d97706;--amber-glow:#d9770626;--red:#dc2626;--red-glow:#dc262626;--slate:#64748b;--slate-glow:#64748b1f;--font-ar:"Cairo", "Segoe UI", sans-serif;--font-en:"Outfit", "Segoe UI", sans-serif;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-full:9999px;--shadow-sm:0 4px 6px -1px #0000000d;--shadow-md:0 8px 16px -2px #00000014;--shadow-lg:0 16px 32px -4px #0000001a;--shadow-card:0 10px 40px #0000000f, inset 0 1px 0 #fff9}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-0:#0b1220;--bg-1:#1e293b99;--bg-2:#1e293bd9;--bg-3:#1e293b;--bg-glass:#0f172acc;--border-1:#ffffff0f;--border-2:#ffffff1f;--border-3:#fff3;--border-accent:#6366f159;--text-0:#f1f5f9;--text-1:#cbd5e1;--text-2:#94a3b8;--text-3:#64748b;--accent:#6366f1;--accent-light:#818cf8;--accent-glow:#6366f126;--accent-glow-strong:#6366f159;--green:#10b981;--green-glow:#10b9812e;--amber:#f59e0b;--amber-glow:#f59e0b2e;--red:#ef4444;--red-glow:#ef44442e;--slate:#94a3b8;--slate-glow:#94a3b826;--shadow-sm:0 4px 6px -1px #0000004d;--shadow-md:0 8px 16px -2px #0006;--shadow-lg:0 16px 32px -4px #00000080;--shadow-card:0 10px 40px #00000059, inset 0 1px 0 #ffffff0a}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;font-size:15px}html,body,#root{height:100%}body{font-family:var(--font-en);background-color:var(--bg-0);color:var(--text-1);background-image:radial-gradient(circle at 15%,#6366f10d,#0000 30%),radial-gradient(circle at 85% 30%,#a855f70a,#0000 30%);background-attachment:fixed;margin:0;line-height:1.6}html[lang=ar] body{font-family:var(--font-ar)}a{color:inherit}h1,h2,h3,h4{color:var(--text-0);letter-spacing:-.3px;margin:0;font-weight:800}.app-shell{min-height:100vh;display:flex}.app-sidebar{background:var(--bg-1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-inline-end:1px solid var(--border-1);flex-direction:column;flex-shrink:0;gap:4px;width:250px;padding:24px 16px;display:flex}.app-brand{color:var(--text-0);letter-spacing:-.2px;align-items:center;gap:10px;padding:0 6px 20px;font-size:1.1rem;font-weight:800;display:flex}.app-brand:before{content:"";border-radius:var(--r-sm);background:linear-gradient(135deg, var(--accent), #9b4ee3);width:34px;height:34px;box-shadow:0 4px 12px var(--accent-glow-strong);flex-shrink:0}.app-nav-link{border-radius:var(--r-md);color:var(--text-2);border:1px solid #0000;align-items:center;gap:12px;padding:11px 14px;font-size:.92rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.app-nav-link:hover{background:var(--bg-2);color:var(--text-0);border-color:var(--border-1);transform:translate(3px)}[dir=rtl] .app-nav-link:hover{transform:translate(-3px)}.app-nav-link.active{background:var(--bg-2);color:var(--accent-light);border-color:var(--border-1);box-shadow:inset 3px 0 0 var(--accent);font-weight:700}[dir=rtl] .app-nav-link.active{box-shadow:inset -3px 0 0 var(--accent)}.avatar{background:linear-gradient(135deg, var(--accent), #9b4ee3);color:#fff;width:34px;height:34px;box-shadow:0 4px 10px var(--accent-glow-strong);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:800;display:flex}.app-main{flex:1;min-width:0;padding:36px 44px}.app-topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:26px;display:flex}.app-topbar h1{font-size:1.7rem}.app-banner{background:var(--amber-glow);color:var(--amber);border-radius:var(--r-md);border:1px solid #d977064d;margin-bottom:20px;padding:10px 16px;font-size:.85rem;font-weight:600}.stat-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px;display:grid}.stat-card{background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--r-xl);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:22px;transition:transform .25s,box-shadow .25s}.stat-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-2);transform:translateY(-3px)}.stat-card__title{color:var(--text-2);margin-bottom:8px;font-size:.82rem;font-weight:700}.stat-card__value{color:var(--text-0);font-size:2rem;font-weight:800}.card{background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--r-xl);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:24px}.card+.card{margin-top:16px}table.data-table{border-collapse:separate;border-spacing:0;width:100%;font-size:.88rem}.data-table th{text-align:start;color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-1);padding:12px 14px;font-size:.76rem;font-weight:700}.data-table td{border-bottom:1px solid var(--border-1);color:var(--text-1);padding:14px}.data-table tr:last-child td{border-bottom:none}.data-table tr{transition:background .15s}.data-table tr.clickable{cursor:pointer}.data-table tr:hover td,.data-table tr.clickable:hover td{background:var(--bg-2)}.btn{background:var(--bg-3);color:var(--text-1);border-radius:var(--r-md);cursor:pointer;letter-spacing:.2px;border:1px solid #0000;align-items:center;gap:7px;padding:9px 16px;font-family:inherit;font-size:.86rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--primary{background:linear-gradient(135deg, var(--accent), #656dc1);color:#fff;box-shadow:0 4px 15px var(--accent-glow-strong);border-color:#ffffff1a}.btn--primary:hover{filter:brightness(1.08);box-shadow:0 8px 22px var(--accent-glow-strong)}.btn--danger{background:linear-gradient(135deg, var(--red), #bc5656);color:#fff;box-shadow:0 4px 15px var(--red-glow);border-color:#ffffff1a}.btn--danger:hover{filter:brightness(1.05);box-shadow:0 8px 22px var(--red-glow)}.btn--ghost{background:var(--bg-1);color:var(--text-0);border-color:var(--border-1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn--ghost:hover{background:var(--bg-2);border-color:var(--border-2)}.btn--sm{padding:6px 12px;font-size:.78rem}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label{color:var(--text-1);font-size:.82rem;font-weight:600}.input,select.input,textarea.input{border:1px solid var(--border-2);border-radius:var(--r-md);background:var(--bg-1);color:var(--text-0);padding:10px 13px;font-family:inherit;font-size:.88rem;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000000a}.input:focus,select.input:focus,textarea.input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow-strong), inset 0 2px 4px #00000005;background:var(--bg-3);outline:none}.badge{border-radius:var(--r-full);align-items:center;padding:4px 12px;font-size:.74rem;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff4d}.badge--green{background:var(--green-glow);color:var(--green)}.badge--amber{background:var(--amber-glow);color:var(--amber)}.badge--red{background:var(--red-glow);color:var(--red)}.badge--accent{background:var(--accent-glow);color:var(--accent)}.badge--slate{background:var(--slate-glow);color:var(--slate)}.tabs{border-bottom:1px solid var(--border-2);flex-wrap:wrap;gap:4px;display:flex}.tab{color:var(--text-1);font:inherit;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:10px 14px;font-size:.9rem;font-weight:700;transition:color .15s,border-color .15s;display:inline-flex}.tab:hover{color:var(--text-0)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.notice{background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--r-md);color:var(--text-0);padding:12px 16px;font-size:.88rem}.notice--amber{background:var(--amber-glow);border-color:#0000}.toast-stack{bottom:24px;z-index:9999;flex-direction:column;gap:10px;display:flex;position:fixed;inset-inline-end:24px}.toast{background:var(--bg-2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-1);color:var(--text-0);border-radius:var(--r-md);box-shadow:var(--shadow-lg);min-width:260px;padding:13px 18px;font-size:.86rem;font-weight:600;animation:.3s cubic-bezier(.4,0,.2,1) toastIn}.toast--error{background:linear-gradient(135deg, var(--red), #bc5656);color:#fff;border-color:#0000}.toast--success{background:linear-gradient(135deg, var(--green), #20835f);color:#fff;border-color:#0000}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.muted{color:var(--text-2);font-size:.85rem}.mono{font-family:ui-monospace,Cascadia Code,monospace;font-size:.82rem}.stack{flex-direction:column;gap:14px;display:flex}.row{align-items:center;gap:10px;display:flex}.spread{justify-content:space-between;align-items:center;display:flex}@media (width<=1024px){.app-sidebar{width:210px}.app-main{padding:28px 24px}}@media (width<=768px){.app-shell{flex-direction:column}.app-sidebar{flex-flow:wrap;align-items:center;width:100%;padding:12px 16px}.app-brand{margin-inline-end:auto;padding:0 10px 0 0}.app-main{padding:20px 16px}.app-topbar h1{font-size:1.4rem}.stat-cards{grid-template-columns:1fr}table.data-table{white-space:nowrap;display:block;overflow-x:auto}table.data-table thead,table.data-table tbody,table.data-table tr{table-layout:fixed;width:100%;display:table}}@media (width<=480px){.app-main{padding:16px 12px}.app-topbar{flex-wrap:wrap;gap:10px}.app-topbar h1{font-size:1.2rem}.stat-card{padding:16px}.stat-card__value{font-size:1.6rem}.card{padding:16px}.btn{padding:8px 14px;font-size:.82rem}}