:root{--navy: #0b1f3a;--blue: #1e6fe8;--orange: #f36c21;--ink: #1b2a3d;--muted: #5d7186;--soft: #f8fafc;--light-neutral: #f1f4f8;--line: #e2e8f0;--green: #22c55e;--white: #ffffff;--status-success-bg: #e9f7ef;--status-success-text: #22c55e;--status-info-bg: #ebf5ff;--status-info-text: #1e6fe8;--status-warning-bg: #fff3e9;--status-warning-text: #f36c21;--status-error-bg: #fbeaea;--status-error-text: #ef4444;--neutral-muted: #5d7186;--neutral-muted-inverse: #9fb0c4;--rating-star: #f59e0b;--radius: 16px;--shadow: 0 22px 50px rgba(11, 31, 58, .1);--font-ar: "IBM Plex Sans Arabic", sans-serif;--font-en: "Inter", sans-serif}html,body{font-family:var(--font-ar);margin:0;background:var(--soft);color:var(--ink)}html[dir=ltr],html[dir=ltr] body{font-family:var(--font-en)}*{box-sizing:border-box}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--blue, #1e6fe8);outline-offset:2px;border-radius:4px}:where(input[type=checkbox],input[type=radio]):focus-visible{outline-offset:1px}