:root{--pink-50:#fef7f9;--pink-100:#fcf0f4;--pink-200:#f9dbe4;--pink-300:#f4bfcf;--pink-400:#efa1b9;--pink-500:#c9899c;--pink-600:#a77383;--pink-700:#845e6a;--pink-800:#674b53;--pink-900:#49383d;--blue-50:#f2f6f9;--blue-100:#e6ecf4;--blue-200:#c3d3e4;--blue-300:#94b0cf;--blue-400:#618bb9;--blue-500:#54779c;--blue-600:#496583;--blue-700:#3e526a;--blue-800:#344353;--blue-900:#2a333d;--white:#fff;--paper:#fafaf8;--ink-50:#f5f5f3;--ink-100:#ececea;--ink-200:#dededb;--ink-300:#c4c4c0;--ink-400:#9a9a96;--ink-500:#6f6f6b;--ink-600:#525250;--ink-700:#3b3b39;--ink-900:#1a1a1a;--mint-surface:#e8f1cc;--peach-surface:#f8dec5;--success:#5f8a3e;--success-surface:#eaf1d9;--success-text:#436029;--warning:#c98a2e;--warning-surface:#fbebd4;--warning-text:#8a5a1e;--error:#c4313f;--error-surface:#fbe4e6;--error-text:#9e2732;--info:#618bb9;--info-surface:#e6ecf4;--info-text:#3e526a;--attend-present:#7a9e52;--attend-late:#d9963f;--attend-excused:var(--blue-400);--attend-unexcused:var(--error);--color-bg:var(--paper);--color-surface:var(--white);--color-surface-brand:var(--pink-400);--color-surface-brand-alt-1:var(--mint-surface);--color-surface-brand-alt-2:var(--peach-surface);--color-text:var(--ink-900);--color-text-muted:var(--ink-500);--color-text-inverse:var(--white);--color-border:var(--ink-200);--color-action:var(--ink-900);--color-action-text:var(--white);--color-accent:var(--blue-500);--color-link:var(--blue-600);--color-focus:var(--blue-500);--color-disabled-bg:var(--ink-50);--color-disabled-text:var(--ink-300);--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-2xl:36px;--radius-full:999px;--elevation-0:none;--elevation-1:0 2px 8px #1a1a1a0f;--elevation-2:0 6px 16px #1a1a1a14;--elevation-3:0 12px 32px #1a1a1a1a;--motion-fast:.12s cubic-bezier(.2, 0, 0, 1);--motion-base:.2s cubic-bezier(.2, 0, 0, 1);--motion-slow:.32s cubic-bezier(.2, 0, 0, 1);--motion-entrance:.4s cubic-bezier(.2, 0, 0, 1);--font-display:"Cairo", "Archivo", sans-serif;--font-body:"Tajawal", "Plus Jakarta Sans", sans-serif}:root{--pink-50:#fef7f9;--pink-100:#fcf0f4;--pink-200:#f9dbe4;--pink-300:#f4bfcf;--pink-400:#efa1b9;--pink-500:#c9899c;--pink-600:#a77383;--pink-700:#845e6a;--pink-800:#674b53;--pink-900:#49383d;--blue-50:#f2f6f9;--blue-100:#e6ecf4;--blue-200:#c3d3e4;--blue-300:#94b0cf;--blue-400:#618bb9;--blue-500:#54779c;--blue-600:#496583;--blue-700:#3e526a;--blue-800:#344353;--blue-900:#2a333d;--white:#fff;--paper:#fafaf8;--ink-50:#f5f5f3;--ink-100:#ececea;--ink-200:#dededb;--ink-300:#c4c4c0;--ink-400:#9a9a96;--ink-500:#6f6f6b;--ink-600:#525250;--ink-700:#3b3b39;--ink-900:#1a1a1a;--mint-surface:#e8f1cc;--peach-surface:#f8dec5;--success:#5f8a3e;--success-surface:#eaf1d9;--success-text:#436029;--warning:#c98a2e;--warning-surface:#fbebd4;--warning-text:#8a5a1e;--error:#c4313f;--error-surface:#fbe4e6;--error-text:#9e2732;--info:#618bb9;--info-surface:#e6ecf4;--info-text:#3e526a;--attend-present:#7a9e52;--attend-late:#d9963f;--attend-excused:var(--blue-400);--attend-unexcused:var(--error);--color-bg:var(--paper);--color-surface:var(--white);--color-surface-brand:var(--pink-400);--color-surface-brand-alt-1:var(--mint-surface);--color-surface-brand-alt-2:var(--peach-surface);--color-text:var(--ink-900);--color-text-muted:var(--ink-500);--color-text-inverse:var(--white);--color-border:var(--ink-200);--color-action:var(--ink-900);--color-action-text:var(--white);--color-accent:var(--blue-500);--color-link:var(--blue-600);--color-focus:var(--blue-500);--color-disabled-bg:var(--ink-50);--color-disabled-text:var(--ink-300);--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-2xl:36px;--radius-full:999px;--elevation-0:none;--elevation-1:0 2px 8px #1a1a1a0f;--elevation-2:0 6px 16px #1a1a1a14;--elevation-3:0 12px 32px #1a1a1a1a;--motion-fast:.12s cubic-bezier(.2, 0, 0, 1);--motion-base:.2s cubic-bezier(.2, 0, 0, 1);--motion-slow:.32s cubic-bezier(.2, 0, 0, 1);--motion-entrance:.4s cubic-bezier(.2, 0, 0, 1);--font-display:"Cairo", "Archivo", sans-serif;--font-body:"Tajawal", "Plus Jakarta Sans", sans-serif}body{font-family:var(--font-body);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.5}html[dir=rtl] body{line-height:1.7;letter-spacing:0!important}html[dir=rtl] *{letter-spacing:0!important}.text-display-xl{font-family:var(--font-display);font-size:44px;font-weight:900;line-height:1.05}.text-display-l{font-family:var(--font-display);font-size:34px;font-weight:900;line-height:1.1}.text-h1{font-family:var(--font-display);font-size:28px;font-weight:800;line-height:34px}.text-h2{font-family:var(--font-display);font-size:22px;font-weight:700;line-height:28px}.text-h3{font-family:var(--font-display);font-size:18px;font-weight:700;line-height:24px}.text-body-l{font-family:var(--font-body);font-size:17px;font-weight:400}.text-body-m{font-family:var(--font-body);font-size:15px;font-weight:400}.text-body-s{font-family:var(--font-body);font-size:13px;font-weight:400}.text-label{font-family:var(--font-body);font-size:14px;font-weight:600}html[dir=rtl] .text-label{font-weight:700}.text-caption{font-family:var(--font-body);font-size:12px;font-weight:500}.font-bold{font-weight:700!important}.text-muted{color:var(--color-text-muted)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--color-bg);direction:rtl}body{flex-direction:column;min-height:100vh;margin:0;display:flex}#root{flex-direction:column;flex-grow:1;display:flex}a{color:var(--color-link);transition:color var(--motion-fast);font-weight:700;text-decoration:none}a:hover{color:var(--blue-700)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}