:root{--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-primary-tint:#e3e8ff;--color-brand-ink:#4338ca;--color-on-primary:#ffffff;--color-text:#1e1b4b;--color-text-muted:#4b5578;--color-muted-2:#636c8c;--color-border:#e4e7ef;--color-surface:#ffffff;--color-surface-alt:#fafbfe;--color-bg:#f6f7fb;--color-sunken:#eceef4;--nav-active-bg:color-mix(in srgb,var(--color-primary) 9%,var(--color-primary-tint));--nav-active-ring:color-mix(in srgb,var(--color-primary) 24%,transparent);--nav-active-shadow:inset 2px 0 0 var(--color-primary),inset 0 0 0 1px var(--nav-active-ring);--scrollbar-thumb:#c4c9d6;--scrollbar-thumb-hover:#a6acbd;--color-success:#16a34a;--color-warning:#d97706;--color-danger:#e11d48;--color-info:#29b6d8;--color-violet:#7c3aed;--color-cta:#22c55e;--color-cta-hover:#16a34a;--color-on-cta:#052e16;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:26px;--radius-soft:20px;--radius-full:9999px;--nm-light:#ffffff;--nm-dark:#cfd6ec;--shadow-raise:0 1px 2px rgba(30,27,75,0.05),0 8px 24px -8px rgba(30,27,75,0.14);--shadow-raise-sm:0 1px 2px rgba(30,27,75,0.04),0 2px 8px -2px rgba(30,27,75,0.1);--shadow-raise-lg:0 2px 6px rgba(30,27,75,0.06),0 24px 56px -16px rgba(30,27,75,0.22);--shadow-inset:inset 0 2px 5px rgba(30,27,75,0.1),inset 0 1px 2px rgba(30,27,75,0.07);--shadow-inset-sm:inset 0 1px 3px rgba(30,27,75,0.1);--shadow-card:var(--shadow-raise-sm);--shadow-pop:0 8px 28px rgba(30,27,75,0.16);--ring:0 0 0 3px rgba(79,70,229,0.45);--focus-ring:rgba(79,70,229,0.55);--shadow-sm:0 1px 2px rgba(30,27,75,0.05),0 1px 3px rgba(30,27,75,0.06);--shadow-md:0 10px 28px -10px rgba(30,27,75,0.2),0 3px 8px -3px rgba(30,27,75,0.1);--shadow-lg:0 30px 70px -22px rgba(30,27,75,0.34),0 12px 28px -14px rgba(30,27,75,0.2);--shadow-glow:0 12px 26px -10px rgba(79,70,229,0.55);--surface-glass:rgba(255,255,255,0.72);--surface-glass-strong:rgba(255,255,255,0.86);--color-teal:#0d9488;--color-amber:#d97706;--color-rose:#e11d48;--color-pink:#f857a6;--color-cyan:#22c7d6;--color-lime:#3dce7b;--color-gold:#ffb84d;--grad-brand:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);--grad-blue:linear-gradient(135deg,#2e7bf6,#1857c4);--grad-violet:linear-gradient(135deg,#8e74ff,#5e3be1);--grad-teal:linear-gradient(135deg,#22b8a6,#0e8c8c);--grad-amber:linear-gradient(135deg,#ffb84d,#f5883a);--grad-rose:linear-gradient(135deg,#ff7ba3,#e23744);--grad-sunset:linear-gradient(135deg,#ff9f1c,#e23744);--grad-aurora:linear-gradient(135deg,#f857a6,#7a5af8);--grad-hero:radial-gradient(600px 300px at 8% 120%,rgba(255,255,255,0.16),transparent 60%),linear-gradient(135deg,#3730a3,#4f46e5 52%,#6366f1);--grad-game:radial-gradient(500px 260px at 100% 0%,rgba(255,159,28,0.35),transparent 60%),linear-gradient(135deg,#16213e,#2a2350 60%,#4b2a78);--font-ui:"Cairo","Tajawal","Noto Sans Arabic",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-text:#e7e9ff;--color-text-muted:#a9afdc;--color-muted-2:#9298cb;--color-border:#2e3340;--color-surface:#1b1f2a;--color-surface-alt:#262b38;--color-bg:#121620;--color-sunken:#0d1017;--scrollbar-thumb:#3a4050;--scrollbar-thumb-hover:#4c5262;--color-primary:#4f46e5;--color-primary-hover:#5b52ea;--color-primary-tint:#2a2f66;--color-brand-ink:#a5b4fc;--color-on-primary:#ffffff;--color-success:#4ade80;--color-warning:#f59e0b;--color-danger:#fb7185;--color-info:#38bdf8;--color-violet:#a78bfa;--color-cta:#22c55e;--color-cta-hover:#16a34a;--color-on-cta:#052e16;--color-teal:#2dd4bf;--color-amber:#f59e0b;--color-rose:#fb7185;--nm-light:#262a5a;--nm-dark:#0a0b1e;--shadow-raise:0 1px 3px rgba(0,0,0,0.4),0 10px 28px -8px rgba(0,0,0,0.55);--shadow-raise-sm:0 1px 2px rgba(0,0,0,0.35),0 2px 8px -2px rgba(0,0,0,0.45);--shadow-raise-lg:0 2px 6px rgba(0,0,0,0.45),0 26px 60px -16px rgba(0,0,0,0.65);--shadow-inset:inset 0 2px 5px rgba(0,0,0,0.45),inset 0 1px 2px rgba(0,0,0,0.35);--shadow-inset-sm:inset 0 1px 3px rgba(0,0,0,0.4);--ring:0 0 0 3px rgba(129,140,248,0.5);--focus-ring:rgba(129,140,248,0.6);--surface-glass:rgba(18,20,48,0.72);--surface-glass-strong:rgba(18,20,48,0.9);--shadow-pop:0 8px 28px rgba(0,0,0,0.6);--shadow-glow:0 12px 26px -10px rgba(129,140,248,0.5);--shadow-sm:0 1px 2px rgba(0,0,0,0.5),0 1px 3px rgba(0,0,0,0.42);--shadow-md:0 12px 30px -10px rgba(0,0,0,0.62),0 3px 10px -4px rgba(0,0,0,0.5);--shadow-lg:0 34px 78px -22px rgba(0,0,0,0.74),0 14px 34px -16px rgba(0,0,0,0.58);color-scheme:dark}}:root[data-theme=dark]{--color-text:#e7e9ff;--color-text-muted:#a9afdc;--color-muted-2:#9298cb;--color-border:#2e3340;--color-surface:#1b1f2a;--color-surface-alt:#262b38;--color-bg:#121620;--color-sunken:#0d1017;--scrollbar-thumb:#3a4050;--scrollbar-thumb-hover:#4c5262;--color-primary:#4f46e5;--color-primary-hover:#5b52ea;--color-primary-tint:#2a2f66;--color-brand-ink:#a5b4fc;--color-on-primary:#ffffff;--color-success:#4ade80;--color-warning:#f59e0b;--color-danger:#fb7185;--color-info:#38bdf8;--color-violet:#a78bfa;--color-cta:#22c55e;--color-cta-hover:#16a34a;--color-on-cta:#052e16;--color-teal:#2dd4bf;--color-amber:#f59e0b;--color-rose:#fb7185;--nm-light:#262a5a;--nm-dark:#0a0b1e;--shadow-raise:0 1px 3px rgba(0,0,0,0.4),0 10px 28px -8px rgba(0,0,0,0.55);--shadow-raise-sm:0 1px 2px rgba(0,0,0,0.35),0 2px 8px -2px rgba(0,0,0,0.45);--shadow-raise-lg:0 2px 6px rgba(0,0,0,0.45),0 26px 60px -16px rgba(0,0,0,0.65);--shadow-inset:inset 0 2px 5px rgba(0,0,0,0.45),inset 0 1px 2px rgba(0,0,0,0.35);--shadow-inset-sm:inset 0 1px 3px rgba(0,0,0,0.4);--ring:0 0 0 3px rgba(129,140,248,0.5);--focus-ring:rgba(129,140,248,0.6);--surface-glass:rgba(18,20,48,0.72);--surface-glass-strong:rgba(18,20,48,0.9);--shadow-pop:0 8px 28px rgba(0,0,0,0.6);--shadow-glow:0 12px 26px -10px rgba(129,140,248,0.5);--shadow-sm:0 1px 2px rgba(0,0,0,0.5),0 1px 3px rgba(0,0,0,0.42);--shadow-md:0 12px 30px -10px rgba(0,0,0,0.62),0 3px 10px -4px rgba(0,0,0,0.5);--shadow-lg:0 34px 78px -22px rgba(0,0,0,0.74),0 14px 34px -16px rgba(0,0,0,0.58);color-scheme:dark}:root[data-theme=light]{color-scheme:light}[dir=rtl]{--nav-active-shadow:inset -2px 0 0 var(--color-primary),inset 0 0 0 1px var(--nav-active-ring)}[dir=rtl] :is(h1,h2,h3){line-height:1.35}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-ui);font-size:.875rem;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}[dir] body{text-align:start}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}.ait-scroll-slim{scrollbar-gutter:stable}.ait-scroll-slim::-webkit-scrollbar{width:8px;height:8px}.ait-scroll-slim::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.ait-scroll-slim::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}.ait-nav-active{background:var(--nav-active-bg);box-shadow:var(--nav-active-shadow)}@media (min-width:768px){html.sidenav-collapsed .ait-nav-pending{background:var(--nav-active-bg)}}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@keyframes ait-shimmer{to{transform:translateX(100%)}}@keyframes ait-wave{0%,60%,to{transform:rotate(0)}10%{transform:rotate(16deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(16deg)}40%{transform:rotate(-4deg)}}@keyframes ait-pulse-ring{0%{box-shadow:0 0 0 0 rgba(124,242,194,.6)}70%{box-shadow:0 0 0 10px rgba(124,242,194,0)}to{box-shadow:0 0 0 0 rgba(124,242,194,0)}}@keyframes ait-flame{0%,to{transform:scale(1) rotate(-1deg)}50%{transform:scale(1.08) rotate(2deg)}}