:root{--teal-50: #edfefd;--teal-100: #d3faf8;--teal-200: #a7f3ef;--teal-300: #6be7e2;--teal-400: #37d8d2;--teal-500: #22c9c4;--teal-600: #14aaa6;--teal-700: #108985;--teal-800: #116d6b;--teal-900: #115a58;--teal-950: #073b3a;--font-family-base: "IBM Plex Sans Arabic", "Alexandria", "Tajawal", system-ui, sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-md: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-2xl: 28px;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--line-height-base: 1.5;--line-height-arabic: 1.65;--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;--control-sm: 32px;--control-md: 40px;--control-lg: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-pill: 999px;--radius-input: 8px;--radius-button: 8px;--radius-card: 12px;--radius-modal: 16px;--header-height: 56px;--sidebar-width: 248px;--sidebar-width-collapsed: 72px;--context-panel-width: 320px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--z-dropdown: 20;--z-sticky: 30;--z-sidebar: 40;--z-header: 50;--z-drawer: 60;--z-modal: 70;--z-toast: 80;--motion-fast: .15s;--motion-normal: .2s;--motion-slow: .24s;--ease-out: cubic-bezier(.16, 1, .3, 1);--success: #22c55e;--success-soft: rgba(34, 197, 94, .12);--warning: #f59e0b;--warning-soft: rgba(245, 158, 11, .13);--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .12);--info: #2f9cf4;--info-soft: rgba(47, 156, 244, .12);--purple: #8b5cf6;--purple-soft: rgba(139, 92, 246, .12)}body{font-family:var(--font-family-base);font-size:var(--font-size-md);font-weight:var(--font-regular);line-height:var(--line-height-base);color:var(--text-primary);background:var(--app-background)}[dir=rtl] body{line-height:var(--line-height-arabic)}h1,.h1{font-size:var(--font-size-2xl);font-weight:var(--font-semibold);line-height:1.25;margin:0}h2,.h2{font-size:var(--font-size-xl);font-weight:var(--font-semibold);line-height:1.3;margin:0}h3,.h3{font-size:var(--font-size-lg);font-weight:var(--font-semibold);line-height:1.35;margin:0}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-medium{font-weight:var(--font-medium)}.text-semibold{font-weight:var(--font-semibold)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.u-stack-2>*+*{margin-block-start:var(--space-2)}.u-stack-3>*+*{margin-block-start:var(--space-3)}.u-stack-4>*+*{margin-block-start:var(--space-4)}.u-cluster{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.u-divider{border:0;border-block-start:1px solid var(--divider);margin:0}.u-surface{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-card)}.u-scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,p{margin-top:0}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}button,input,select,textarea{font:inherit}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}[data-theme=light]{--color-primary: #22c9c4;--color-primary-hover: #14aaa6;--color-primary-active: #108985;--color-primary-soft: #d3faf8;--color-primary-focus: rgba(34, 201, 196, .25);--app-background: #f5fafb;--surface-primary: #ffffff;--surface-secondary: #f1f7f8;--surface-tertiary: #eaf3f4;--surface-hover: #edf7f7;--surface-selected: #e2faf8;--text-primary: #102a33;--text-secondary: #526b74;--text-tertiary: #82959c;--text-disabled: #aab8bd;--text-on-primary: #ffffff;--border-default: #dce8ea;--border-subtle: #e9f0f1;--border-strong: #bfd1d4;--divider: #e4edee;--sidebar-background: #ffffff;--sidebar-active-background: #ddf8f6;--sidebar-active-text: #087f7b;--sidebar-icon: #607a83;--input-background: #ffffff;--input-border: #cfdee1;--input-hover-border: #9ec1c2;--input-focus-border: #22c9c4;--card-shadow: 0 1px 2px rgba(16, 42, 51, .04), 0 6px 18px rgba(16, 42, 51, .045);--overlay-backdrop: rgba(16, 42, 51, .4)}[data-theme=dark]{--color-primary: #37d8d2;--color-primary-hover: #6be7e2;--color-primary-active: #22c9c4;--color-primary-soft: rgba(55, 216, 210, .12);--color-primary-focus: rgba(55, 216, 210, .3);--app-background: #06141d;--surface-primary: #0b202b;--surface-secondary: #0e2834;--surface-tertiary: #12313d;--surface-hover: #153a45;--surface-selected: #10464a;--text-primary: #ecf8f8;--text-secondary: #a9c0c5;--text-tertiary: #78959c;--text-disabled: #516c73;--text-on-primary: #042223;--border-default: #183a45;--border-subtle: #122f39;--border-strong: #28515c;--divider: #153742;--sidebar-background: #071923;--sidebar-active-background: #0b4449;--sidebar-active-text: #48e1da;--sidebar-icon: #8ca7ae;--input-background: #0b202b;--input-border: #244650;--input-hover-border: #35636c;--input-focus-border: #37d8d2;--card-shadow: 0 1px 2px rgba(0, 0, 0, .24), 0 8px 24px rgba(0, 0, 0, .16);--overlay-backdrop: rgba(0, 0, 0, .6)}