/* Nabd foundations. All fonts and artwork are shipped with this application. */
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/IBMPlexSansArabic-Regular.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:600 900;font-display:swap;src:url('/assets/fonts/IBMPlexSansArabic-SemiBold.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/IBMPlexSans-Regular.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600 900;font-display:swap;src:url('/assets/fonts/IBMPlexSans-SemiBold.woff2') format('woff2')}
:root{
 color-scheme:light;--font-ui:'IBM Plex Sans Arabic','IBM Plex Sans',Tahoma,sans-serif;
 --accent:#086c70;--accent-dark:#07565c;--accent-tint:#e5f4f2;--accent-bright:#58ded0;
 --ink:#183444;--muted:#536b78;--line:#d9e4e8;--control-line:#718b99;
 --surface:#ffffff;--surface-soft:#f2f7f8;--surface-hover:#eaf2f4;--bg:#f4f7f9;
 --green:#176342;--success-bg:#e7f5ed;--warning:#805010;--warning-bg:#fff3d8;
 --danger:#ac3043;--danger-bg:#ffedf0;--info:#285c96;--info-bg:#eaf2ff;
 --violet:#6244a1;--violet-bg:#f1edfa;--focus:#a04d0a;--on-accent:#ffffff;
 --nav-bg:#112b3b;--nav-surface:#1b394a;--nav-ink:#e7f1f5;--nav-muted:#aec4cf;
 --field-required:#fff8d6;--field-optional:#f1f3f5;--field-ink:#183444;--field-placeholder:#4b616f;
 --field-border:#607682;--field-focus:#075f66;--field-error:#a5283b;--field-disabled:#e3e8eb;--field-readonly:#edf2f5;
 --field-height:48px;--field-radius:11px;
 --radius:1rem;--radius-sm:.7rem;--shadow:0 5px 18px #142f4306;--shadow-pop:0 16px 64px #132c4626;
 --bs-body-bg:var(--bg);--bs-body-color:var(--ink);--bs-secondary-color:var(--muted);
 --bs-primary:#086c70;--bs-primary-rgb:8,108,112;--bs-border-color:var(--line);
 --bs-body-font-family:var(--font-ui);--bs-tertiary-bg:var(--bg);--bs-secondary-bg:var(--surface-soft);
 --bs-emphasis-color:var(--ink);--bs-link-color:var(--accent);--bs-link-hover-color:var(--accent-dark);
 font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizeLegibility;
}
:root[data-bs-theme=dark]{
 color-scheme:dark;--accent:#66d7cc;--accent-dark:#91e8df;--accent-tint:#163b40;--accent-bright:#66d7cc;
 --ink:#e4edf3;--muted:#a5b8c7;--line:#304656;--control-line:#617b8e;
 --surface:#152736;--surface-soft:#1b3040;--surface-hover:#243e4e;--bg:#0c1a27;
 --green:#82dab0;--success-bg:#173c32;--warning:#f6ce80;--warning-bg:#463820;
 --danger:#ffb0bd;--danger-bg:#452735;--info:#a6ccff;--info-bg:#1c3552;
 --violet:#c6b5fb;--violet-bg:#322b49;--focus:#f4bd6b;--on-accent:#0c3034;
 --nav-bg:#0b1722;--nav-surface:#1c3443;--nav-ink:#e4edf3;--nav-muted:#a5b8c7;
 --shadow:0 5px 18px #00000014;--shadow-pop:0 20px 64px #00000066;
 --bs-primary:#66d7cc;--bs-primary-rgb:102,215,204;--bs-body-bg:var(--bg);--bs-body-color:var(--ink);
 --bs-tertiary-bg:var(--bg);--bs-secondary-bg:var(--surface-soft);--bs-secondary-color:var(--muted);
 --bs-emphasis-color:var(--ink);--bs-border-color:var(--line);--bs-link-color:var(--accent);--bs-link-hover-color:var(--accent-dark);
}
/* CSS-only system fallback when scripts are disabled or the prepaint asset cannot load. */
@media(prefers-color-scheme:dark){:root:not([data-bs-theme]){color-scheme:dark;--accent:#66d7cc;--accent-dark:#91e8df;--accent-tint:#163b40;--ink:#e4edf3;--muted:#a5b8c7;--line:#304656;--control-line:#617b8e;--surface:#152736;--surface-soft:#1b3040;--surface-hover:#243e4e;--bg:#0c1a27;--green:#82dab0;--success-bg:#173c32;--warning:#f6ce80;--warning-bg:#463820;--danger:#ffb0bd;--danger-bg:#452735;--info:#a6ccff;--info-bg:#1c3552;--violet:#c6b5fb;--violet-bg:#322b49;--focus:#f4bd6b;--on-accent:#0c3034;--nav-bg:#0b1722;--nav-surface:#1c3443;--nav-ink:#e4edf3;--nav-muted:#a5b8c7}}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-ui);line-height:1.75;min-inline-size:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}::selection{background:var(--accent);color:var(--on-accent)}
.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.nabd-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);flex-shrink:0}
.nabd-mark{inline-size:48px;block-size:48px;flex-shrink:0}.nabd-wordmark{inline-size:65px;block-size:40px;object-fit:contain}.nabd-brand-copy{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.nabd-brand-copy small{font-size:.72rem;color:var(--muted);white-space:nowrap;line-height:1.6}
.theme-picker{display:inline-flex;align-items:center;gap:8px;position:relative;color:var(--muted);min-inline-size:0}.theme-picker>span{font-size:.78rem;white-space:nowrap}.theme-picker select{font:inherit;font-size:.8rem;background:var(--field-optional);border:1px solid var(--field-border);color:var(--field-ink);color-scheme:light;border-radius:999px;min-block-size:48px;inline-size:auto;max-inline-size:140px;padding:6px 12px;cursor:pointer}.theme-picker select:hover{border-color:var(--control-line)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Only this decorative logo breathes, and only when the observer reports it visible. */
@keyframes nabd-breathe{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.035)}}
@media(prefers-reduced-motion:no-preference){.sidebar-brand .nabd-mark[data-motion-visible="true"]{animation:nabd-breathe 5s ease-in-out infinite}}
:root[data-motion-paused="true"] *, :root[data-motion-paused="true"] *::before, :root[data-motion-paused="true"] *::after{animation-play-state:paused!important}