:root{--color-surface: var(--color-white);--color-surface-alt: var(--color-background);--color-text-strong: color-mix(in oklab, var(--color-text) 88%, black 12%);--color-text-muted: color-mix(in oklab, var(--color-text) 88%, white 12%);--color-text-muted-strong: color-mix(in oklab, var(--color-text-muted) 40%, var(--color-text-strong) 60%);--color-link: var(--color-primary);--maknoon-primary: var(--color-primary);--maknoon-primary-dark: color-mix(in srgb, var(--color-primary) 90%, black);--maknoon-primary-light: color-mix(in srgb, var(--color-primary) 90%, white);--maknoon-secondary: var(--color-secondary);--maknoon-secondary-dark: color-mix(in srgb, var(--color-secondary) 90%, black);--maknoon-secondary-light: color-mix(in srgb, var(--color-secondary) 90%, white);--maknoon-accent: var(--color-accent);--maknoon-accent-dark: color-mix(in srgb, var(--color-accent) 90%, black);--maknoon-accent-light: color-mix(in srgb, var(--color-accent) 90%, white);--maknoon-accent-success: var(--color-success);--maknoon-accent-success-dark: color-mix(in srgb, var(--color-success) 90%, black);--maknoon-accent-success-light: color-mix(in srgb, var(--color-success) 90%, white);--maknoon-accent-warning: var(--color-warning);--maknoon-accent-warning-dark: color-mix(in srgb, var(--color-warning) 90%, black);--maknoon-accent-warning-light: color-mix(in srgb, var(--color-warning) 90%, white);--maknoon-accent-info: var(--color-info);--maknoon-accent-info-dark: color-mix(in srgb, var(--color-info) 90%, black);--maknoon-accent-info-light: color-mix(in srgb, var(--color-info) 90%, white);--maknoon-danger: var(--color-danger);--maknoon-danger-dark: color-mix(in srgb, var(--color-danger) 90%, black);--maknoon-danger-light: color-mix(in srgb, var(--color-danger) 90%, white);--maknoon-background: var(--color-background);--maknoon-white: var(--color-white);--maknoon-border: var(--color-border);--maknoon-shadow: var(--color-shadow);--maknoon-icon: var(--color-accent);--maknoon-icon-hover: color-mix(in srgb, var(--color-accent) 92%, white 8%);--maknoon-icon-active: color-mix(in srgb, var(--color-accent) 82%, black 18%);--admin-nav-ico-size: 38px;--admin-nav-ico-radius: 10px;--admin-nav-ico-svg: 1.3rem;--on-primary: #fff;--on-secondary: #174450;--on-bg: #174450;--on-accent-success: #fff;--on-accent-warning: #174450;--on-accent-info: #fff;--header-ink-strong: #fff;--header-ink-muted: color-mix(in oklab, #fff 70%, transparent);--font-primary: Cairo, sans-serif;--font-secondary: Cairo, sans-serif;--font-base: var(--font-secondary, Cairo, sans-serif);--font-heading: var(--font-primary, Cairo, sans-serif);--font-size-title: clamp(1.5rem, 1.2vw + 1.25rem, 2rem);--font-size-body: clamp(1rem, .98rem + .08vw, 1.0625rem);--font-size-caption: clamp(.96rem, .93rem + .09vw, 1.025rem);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 40px;--spacing-2xs: 2px;--spacing-xs-rem: .25rem;--spacing-sm-rem: .5rem;--spacing-md-rem: 1rem;--spacing-lg-rem: 1.5rem;--spacing-xl-rem: 2rem;--spacing-xxl-rem: 2.5rem;--spacing-2xs-rem: .125rem;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(18, 60, 62, .05);--shadow-md: 0 2px 8px rgba(18, 60, 62, .1);--shadow-lg: 0 4px 15px rgba(18, 60, 62, .15);--shadow-xl: 0 6px 25px rgba(18, 60, 62, .2);--z-base: 0;--z-content: 0;--z-header: 110;--z-controlbar: 310;--z-breadcrumbs: 330;--z-dropdown: 510;--z-sidebar: 400;--z-mobile-nav: 420;--z-modal: 1200;--z-toast: 1300;--z-overlay: 1200;--z-admin-topbar: 340;--z-header-interactive: 380;--z-admin-breadcrumbs: 320;--z-admin-overlay: 500;--transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .25s ease, box-shadow .25s ease;--transition-fast: color .15s ease, background-color .15s ease, border-color .15s ease, transform .2s ease, box-shadow .2s ease;--bp-sm: 576px;--bp-md: 768px;--bp-lg: 992px;--bp-xl: 1200px;--btn-radius: var(--radius, 12px);--btn-fw: 600;--btn-transition: var(--transition-fast);--btn-h-sm: 32px;--btn-px-sm: 12px;--btn-fs-sm: 14px;--btn-h-md: 40px;--btn-px-md: 16px;--btn-fs-md: 15px;--btn-h-lg: 48px;--btn-px-lg: 20px;--btn-fs-lg: 16px;--btn-focus: rgb(32.1106796117, 94.9359223301, 111.6893203883)}@media (width <= 768px){:root{--font-secondary: Tajawal, sans-serif;--font-base: var(--font-secondary, Tajawal, sans-serif)}}[data-theme=dark]{--color-text-strong: color-mix(in oklab, var(--color-text) 80%, white 20%);--color-text-muted: rgb(92.6, 124.1, 132.5);--color-text-muted-strong: color-mix(in oklab, var(--color-text-muted) 82%, var(--color-text) 18%);--color-link: var(--color-secondary)}:root{--sbw: 0px}html{scrollbar-gutter:stable}body.lock-scroll{overflow:hidden}[dir=ltr] body.lock-scroll{padding-right:var(--sbw)}[dir=rtl] body.lock-scroll{padding-left:var(--sbw)}.header,.topbar,.site-navbar{width:100%}.analytics-consent{position:fixed;bottom:1rem;z-index:1100;inset-inline:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;max-width:52rem;padding:1rem;border:1px solid #dbe3ea;margin-inline:auto;border-radius:1rem;background:#fff;box-shadow:0 1rem 2.5rem #0f172a2e}@media (width <= 640px){.analytics-consent{flex-direction:column;align-items:stretch}}.analytics-consent-title{margin:0 0 .25rem;font-size:1rem;font-weight:700;color:#0f172a}.analytics-consent-description{margin:0;line-height:1.7;color:#475569}.analytics-consent-policy{color:#0369a1;text-decoration:underline;text-underline-offset:.15rem}.analytics-consent-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:.5rem}.analytics-consent-button{min-height:2.75rem;padding:.6rem 1rem;border-radius:.75rem;font-weight:700}.analytics-consent-button-accept{border:1px solid #047857;color:#fff;background:#047857}.analytics-consent-button-deny{border:1px solid #94a3b8;color:#334155;background:#fff}.analytics-consent-settings{position:fixed;bottom:1rem;inset-inline-end:1rem;z-index:1090;min-height:2.5rem;padding:.5rem .75rem;border:1px solid #cbd5e1;border-radius:.75rem;color:#334155;background:#fff;box-shadow:0 .5rem 1.5rem #0f172a1f}