:root{--oklch-coral-50: oklch(.975 .012 35);--oklch-coral-100: oklch(.94 .03 35);--oklch-coral-200: oklch(.88 .06 35);--oklch-coral-300: oklch(.8 .1 34);--oklch-coral-400: oklch(.74 .14 34);--oklch-coral-500: oklch(.68 .16 35);--oklch-coral-600: oklch(.58 .18 32);--oklch-coral-700: oklch(.48 .17 30);--oklch-coral-800: oklch(.38 .13 28);--oklch-coral-900: oklch(.28 .09 28);--oklch-stone-0: oklch(1 0 0);--oklch-stone-25: oklch(.993 .005 65);--oklch-stone-50: oklch(.985 .008 70);--oklch-stone-75: oklch(.97 .01 68);--oklch-stone-100: oklch(.955 .011 67);--oklch-stone-150: oklch(.935 .012 66);--oklch-stone-200: oklch(.92 .01 65);--oklch-stone-300: oklch(.85 .012 62);--oklch-stone-400: oklch(.72 .013 60);--oklch-stone-500: oklch(.56 .015 60);--oklch-stone-600: oklch(.45 .016 55);--oklch-stone-700: oklch(.36 .018 52);--oklch-stone-800: oklch(.28 .02 50);--oklch-stone-850: oklch(.24 .02 48);--oklch-stone-900: oklch(.19 .018 45);--oklch-stone-950: oklch(.14 .015 45);--oklch-teal-100: oklch(.93 .03 200);--oklch-teal-200: oklch(.85 .05 200);--oklch-teal-300: oklch(.72 .08 200);--oklch-teal-400: oklch(.58 .1 200);--oklch-teal-500: oklch(.45 .1 200);--oklch-teal-600: oklch(.38 .1 205);--oklch-teal-700: oklch(.3 .08 208);--oklch-sage-100: oklch(.94 .03 150);--oklch-sage-200: oklch(.88 .06 150);--oklch-sage-400: oklch(.74 .11 150);--oklch-sage-500: oklch(.64 .14 150);--oklch-sage-600: oklch(.54 .13 150);--oklch-sage-700: oklch(.44 .11 150);--oklch-honey-100: oklch(.96 .04 85);--oklch-honey-200: oklch(.9 .08 85);--oklch-honey-400: oklch(.83 .13 85);--oklch-honey-500: oklch(.78 .15 85);--oklch-honey-600: oklch(.68 .15 80);--oklch-honey-700: oklch(.55 .13 75);--oklch-clay-100: oklch(.94 .04 20);--oklch-clay-200: oklch(.88 .08 20);--oklch-clay-400: oklch(.64 .18 20);--oklch-clay-500: oklch(.54 .21 20);--oklch-clay-600: oklch(.46 .19 22);--oklch-clay-700: oklch(.38 .16 24);--oklch-sky-100: oklch(.94 .03 215);--oklch-sky-200: oklch(.88 .06 215);--oklch-sky-400: oklch(.66 .09 215);--oklch-sky-500: oklch(.55 .1 215);--oklch-sky-600: oklch(.46 .1 218);--oklch-sky-700: oklch(.38 .09 220);--color-bg-base: var(--oklch-stone-50);--color-bg-surface: var(--oklch-stone-0);--color-bg-elevated: var(--oklch-stone-0);--color-bg-card: var(--oklch-stone-0);--color-bg-subtle: var(--oklch-stone-75);--color-bg-muted: var(--oklch-stone-100);--color-sidebar: var(--oklch-stone-900);--color-topbar: var(--oklch-stone-0);--color-text-primary: var(--oklch-stone-900);--color-text-secondary: var(--oklch-stone-700);--color-text-muted: var(--oklch-stone-600);--color-text-dim: var(--oklch-stone-500);--color-text-on-primary: var(--oklch-stone-0);--color-text-on-dark: var(--oklch-stone-50);--color-text-inverse: var(--oklch-stone-0);--color-border: var(--oklch-stone-200);--color-border-hover: var(--oklch-stone-300);--color-border-strong: var(--oklch-stone-400);--color-border-focus: var(--color-primary);--color-primary: oklch(.68 .16 35);--color-primary-hover: oklch(.58 .18 32);--color-primary-active: oklch(.48 .17 30);--color-primary-soft: color-mix(in oklch, var(--color-primary) 14%, transparent);--color-primary-light: color-mix(in oklch, var(--color-primary) 10%, transparent);--color-primary-glow: color-mix(in oklch, var(--color-primary) 22%, transparent);--color-primary-contrast: var(--oklch-stone-0);--color-primary-ghost: color-mix(in oklch, var(--color-primary) 8%, transparent);--color-secondary: var(--oklch-teal-500);--color-secondary-hover: var(--oklch-teal-600);--color-secondary-soft: color-mix(in oklch, var(--color-secondary) 14%, transparent);--color-secondary-contrast: var(--oklch-stone-0);--color-success: var(--oklch-sage-500);--color-success-hover: var(--oklch-sage-600);--color-success-soft: var(--oklch-sage-100);--color-success-fg: var(--oklch-sage-700);--color-warning: var(--oklch-honey-600);--color-warning-hover: var(--oklch-honey-700);--color-warning-soft: var(--oklch-honey-100);--color-warning-fg: var(--oklch-honey-700);--color-danger: var(--oklch-clay-500);--color-danger-hover: var(--oklch-clay-600);--color-danger-soft: var(--oklch-clay-100);--color-danger-fg: var(--oklch-clay-700);--color-info: var(--oklch-sky-500);--color-info-hover: var(--oklch-sky-600);--color-info-soft: var(--oklch-sky-100);--color-info-fg: var(--oklch-sky-700);--color-teal: var(--color-secondary);--color-teal-light: var(--color-secondary-soft);--color-amber: var(--color-warning);--color-amber-light: var(--color-warning-soft);--color-rose: var(--color-danger);--color-rose-light: var(--color-danger-soft);--color-emerald: var(--color-success);--color-emerald-light: var(--color-success-soft);--color-indigo: var(--color-info);--color-indigo-light: var(--color-info-soft);--color-purple: var(--color-secondary);--color-purple-light: var(--color-secondary-soft);--glass-bg: color-mix(in oklch, var(--oklch-stone-900) 4%, transparent);--glass-bg-hover: color-mix(in oklch, var(--oklch-stone-900) 7%, transparent);--glass-bg-active: color-mix(in oklch, var(--color-primary) 10%, transparent);--glass-border: var(--color-border);--glass-border-hover: var(--color-border-hover);--glass-blur: 16px;--color-overlay-light: color-mix(in oklch, var(--oklch-stone-0) 7%, transparent);--color-overlay-light-soft: color-mix(in oklch, var(--oklch-stone-0) 5%, transparent);--color-overlay-light-strong: color-mix(in oklch, var(--oklch-stone-0) 22%, transparent);--color-overlay-light-border: color-mix(in oklch, var(--oklch-stone-0) 40%, transparent);--color-overlay-light-text: color-mix(in oklch, var(--oklch-stone-0) 88%, transparent);--color-overlay-light-text-soft: color-mix(in oklch, var(--oklch-stone-0) 78%, transparent);--color-overlay-dark-xs: color-mix(in oklch, var(--oklch-stone-900) 5%, transparent);--color-overlay-dark-sm: color-mix(in oklch, var(--oklch-stone-900) 8%, transparent);--color-overlay-dark-md: color-mix(in oklch, var(--oklch-stone-900) 18%, transparent);--focus-ring: 0 0 0 3px color-mix(in oklch, var(--color-primary) 22%, transparent);--focus-ring-danger: 0 0 0 3px color-mix(in oklch, var(--color-danger) 22%, transparent);--hover-lift: translateY(-2px);--active-press: translateY(0);--gradient-brand: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);--gradient-subtle: linear-gradient(180deg, var(--color-bg-surface) 0%, var(--color-bg-subtle) 100%);--gradient-warm: linear-gradient(180deg, var(--oklch-stone-50) 0%, var(--oklch-coral-50) 100%);--font-family-sans: "DM Sans", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-ar: "Tajawal", "DM Sans", "Inter", system-ui, sans-serif;--font-family-mono: ui-monospace, "SF Mono", "Menlo", "Monaco", "Cascadia Mono", "Liberation Mono", Consolas, monospace;--font-family-base: var(--font-family-sans);--font-sans: var(--font-family-sans);--fs-2xs: 10px;--fs-xs: 11px;--fs-sm: 12.5px;--fs-base: 14px;--fs-md: 15px;--fs-lg: 16px;--fs-xl: 18px;--fs-2xl: 22px;--fs-3xl: 28px;--fs-4xl: 36px;--fs-5xl: 48px;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 700;--lh-tight: 1.1;--lh-snug: 1.3;--lh-normal: 1.5;--lh-relaxed: 1.6;--lh-loose: 1.75;--ls-tightest: -.02em;--ls-tight: -.01em;--ls-normal: 0;--ls-wide: .02em;--ls-wider: .06em;--ls-widest: .1em;--sp-0: 0;--sp-0-5: 2px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 28px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sp-20: 80px;--sp-24: 96px;--sp-32: 128px;--sidebar-width: 240px;--topbar-height: 58px;--bottom-nav-height: 60px;--container-sm: 480px;--container-md: 640px;--container-lg: 960px;--container-xl: 1200px;--container-2xl: 1440px;--grid-gutter-desktop: 24px;--grid-gutter-tablet: 16px;--grid-gutter-mobile: 16px;--touch-target-min: 44px;--touch-target-comfortable: 48px;--r-xs: 4px;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-xl: 20px;--r-2xl: 28px;--r-full: 9999px;--shadow-xs: 0 1px 2px color-mix(in oklch, var(--oklch-stone-900) 5%, transparent);--shadow-sm: 0 1px 3px color-mix(in oklch, var(--oklch-stone-900) 8%, transparent);--shadow-md: 0 4px 12px color-mix(in oklch, var(--oklch-stone-900) 10%, transparent);--shadow-lg: 0 8px 32px color-mix(in oklch, var(--oklch-stone-900) 14%, transparent);--shadow-xl: 0 16px 48px color-mix(in oklch, var(--oklch-stone-900) 18%, transparent);--shadow-2xl: 0 25px 60px color-mix(in oklch, var(--oklch-stone-900) 25%, transparent);--shadow-glow: 0 0 20px var(--color-primary-glow);--shadow-glow-sm: 0 0 10px var(--color-primary-glow);--shadow-primary: 0 4px 14px color-mix(in oklch, var(--color-primary) 35%, transparent);--motion-duration-instant: 0ms;--motion-duration-fast: .12s;--motion-duration-medium: .2s;--motion-duration-slow: .3s;--motion-duration-slower: .5s;--motion-ease-standard: cubic-bezier(.2, 0, 0, 1);--motion-ease-emphasized: cubic-bezier(.3, 0, 0, 1);--motion-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--motion-ease-in-out: cubic-bezier(.4, 0, .2, 1);--motion-fast: var(--motion-duration-fast) var(--motion-ease-standard);--motion-medium: var(--motion-duration-medium) var(--motion-ease-standard);--motion-slow: var(--motion-duration-slow) var(--motion-ease-standard);--motion-spring: var(--motion-duration-slow) var(--motion-ease-spring);--t-fast: var(--motion-fast);--t-base: var(--motion-medium);--t-slow: var(--motion-slow);--t-spring: var(--motion-spring);--z-base: 0;--z-dropdown: 10;--z-sticky: 20;--z-fixed: 30;--z-fab: 40;--z-topbar: 50;--z-drawer: 60;--z-sidebar: 100;--z-backdrop: 200;--z-toast: 300;--z-modal: 400;--z-tooltip: 500;--v2-rail-width: 56px;--v2-cmd-height: 56px;--v2-pulse-height: 80px;--v2-pane-min-width: 380px;--v2-pane-max-width: 480px;--v2-bottomsheet-height: 60vh;--v2-rail-bg: var(--color-bg-surface);--v2-rail-fg: var(--color-text-secondary);--v2-rail-border: var(--color-border);--v2-rail-active-bg: var(--color-primary-soft);--v2-rail-active-fg: var(--color-primary);--v2-rail-hover-bg: color-mix(in oklch, var(--color-text-primary) 5%, transparent);--v2-cmd-bg: var(--color-bg-surface);--v2-cmd-border: var(--color-border);--v2-cmd-input-bg: var(--color-bg-subtle);--v2-cmd-input-fg: var(--color-text-secondary);--v2-cmd-icon-fg: var(--color-text-muted);--v2-pane-bg: var(--color-bg-elevated);--v2-pane-border: var(--color-border);--v2-pane-shadow: 0 -8px 32px color-mix(in oklch, var(--oklch-stone-900) 14%, transparent);--v2-pane-backdrop: color-mix(in oklch, var(--color-text-primary) 18%, transparent);--v2-pane-handle-bg: var(--color-border);--v2-stream-row-bg: var(--color-bg-surface);--v2-stream-row-hover: var(--color-bg-subtle);--v2-stream-row-active: var(--color-primary-soft);--v2-stream-row-border: var(--color-border);--v2-stream-priority-high: var(--color-danger);--v2-stream-priority-med: var(--color-warning);--v2-stream-priority-low: var(--color-text-muted);--v2-pulse-bg: var(--color-bg-surface);--v2-pulse-border: var(--color-border);--v2-pulse-tile-bg: var(--color-bg-subtle);--v2-pulse-tile-fg: var(--color-text-primary);--v2-pulse-tile-label: var(--color-text-muted)}[data-theme=dark]{--color-bg-base: var(--oklch-stone-950);--color-bg-surface: var(--oklch-stone-900);--color-bg-elevated: var(--oklch-stone-850);--color-bg-card: var(--oklch-stone-900);--color-bg-subtle: var(--oklch-stone-850);--color-bg-muted: var(--oklch-stone-800);--color-sidebar: var(--oklch-stone-950);--color-topbar: var(--oklch-stone-900);--color-text-primary: var(--oklch-stone-50);--color-text-secondary: var(--oklch-stone-300);--color-text-muted: var(--oklch-stone-400);--color-text-dim: var(--oklch-stone-500);--color-text-inverse: var(--oklch-stone-900);--color-border: color-mix(in oklch, var(--oklch-stone-0) 10%, transparent);--color-border-hover: color-mix(in oklch, var(--oklch-stone-0) 18%, transparent);--color-border-strong: color-mix(in oklch, var(--oklch-stone-0) 28%, transparent);--color-primary: oklch(.76 .14 38);--color-primary-hover: oklch(.82 .13 40);--color-primary-active: oklch(.7 .16 36);--color-secondary: oklch(.62 .1 205);--color-secondary-hover: oklch(.7 .11 205);--color-success: oklch(.72 .14 150);--color-success-hover: oklch(.78 .13 150);--color-success-soft: color-mix(in oklch, var(--color-success) 18%, transparent);--color-success-fg: oklch(.8 .12 150);--color-warning: oklch(.8 .15 85);--color-warning-hover: oklch(.85 .14 85);--color-warning-soft: color-mix(in oklch, var(--color-warning) 18%, transparent);--color-warning-fg: oklch(.85 .13 85);--color-danger: oklch(.68 .2 22);--color-danger-hover: oklch(.74 .19 22);--color-danger-soft: color-mix(in oklch, var(--color-danger) 22%, transparent);--color-danger-fg: oklch(.8 .16 22);--color-info: oklch(.7 .1 215);--color-info-hover: oklch(.76 .1 215);--color-info-soft: color-mix(in oklch, var(--color-info) 22%, transparent);--color-info-fg: oklch(.8 .09 215);--color-teal: var(--color-secondary);--color-teal-light: color-mix(in oklch, var(--color-secondary) 18%, transparent);--color-amber: var(--color-warning);--color-amber-light: var(--color-warning-soft);--color-rose: var(--color-danger);--color-rose-light: var(--color-danger-soft);--color-emerald: var(--color-success);--color-emerald-light: var(--color-success-soft);--color-indigo: var(--color-info);--color-indigo-light: var(--color-info-soft);--color-purple: var(--color-secondary);--color-purple-light: color-mix(in oklch, var(--color-secondary) 18%, transparent);--glass-bg: color-mix(in oklch, var(--oklch-stone-0) 4%, transparent);--glass-bg-hover: color-mix(in oklch, var(--oklch-stone-0) 7%, transparent);--glass-bg-active: color-mix(in oklch, var(--color-primary) 14%, transparent);--glass-border: var(--color-border);--glass-border-hover: var(--color-border-hover);--gradient-warm: linear-gradient(180deg, var(--oklch-stone-900) 0%, var(--oklch-stone-950) 100%);--gradient-subtle: linear-gradient(180deg, var(--color-bg-surface) 0%, var(--color-bg-base) 100%);--shadow-xs: 0 1px 2px color-mix(in oklch, black 35%, transparent);--shadow-sm: 0 1px 3px color-mix(in oklch, black 45%, transparent);--shadow-md: 0 4px 12px color-mix(in oklch, black 50%, transparent);--shadow-lg: 0 8px 32px color-mix(in oklch, black 55%, transparent);--shadow-xl: 0 16px 48px color-mix(in oklch, black 60%, transparent);--shadow-2xl: 0 25px 60px color-mix(in oklch, black 70%, transparent);--v2-rail-bg: var(--color-bg-surface);--v2-rail-fg: var(--color-text-secondary);--v2-rail-border: var(--color-border);--v2-rail-active-bg: color-mix(in oklch, var(--color-primary) 22%, transparent);--v2-rail-active-fg: var(--color-primary);--v2-rail-hover-bg: color-mix(in oklch, var(--oklch-stone-0) 7%, transparent);--v2-cmd-bg: var(--color-bg-surface);--v2-cmd-border: var(--color-border);--v2-cmd-input-bg: var(--color-bg-subtle);--v2-cmd-input-fg: var(--color-text-secondary);--v2-cmd-icon-fg: var(--color-text-muted);--v2-pane-bg: var(--color-bg-elevated);--v2-pane-border: var(--color-border);--v2-pane-shadow: 0 -8px 32px color-mix(in oklch, black 60%, transparent);--v2-pane-backdrop: color-mix(in oklch, var(--oklch-stone-950) 60%, transparent);--v2-pane-handle-bg: var(--color-border);--v2-stream-row-bg: var(--color-bg-surface);--v2-stream-row-hover: var(--color-bg-subtle);--v2-stream-row-active: color-mix(in oklch, var(--color-primary) 20%, transparent);--v2-stream-row-border: var(--color-border);--v2-stream-priority-high: var(--color-danger);--v2-stream-priority-med: var(--color-warning);--v2-stream-priority-low: var(--color-text-muted);--v2-pulse-bg: var(--color-bg-surface);--v2-pulse-border: var(--color-border);--v2-pulse-tile-bg: var(--color-bg-subtle);--v2-pulse-tile-fg: var(--color-text-primary);--v2-pulse-tile-label: var(--color-text-muted)}@media (prefers-reduced-motion: reduce){:root{--motion-duration-fast: 0ms;--motion-duration-medium: 0ms;--motion-duration-slow: 0ms;--motion-duration-slower: 0ms;--motion-fast: 0ms linear;--motion-medium: 0ms linear;--motion-slow: 0ms linear;--motion-spring: 0ms linear;--t-fast: 0ms linear;--t-base: 0ms linear;--t-slow: 0ms linear;--t-spring: 0ms linear;--hover-lift: none;--active-press: none}}html[lang=ar]{--font-family-sans: var(--font-family-ar);--font-family-base: var(--font-family-ar);--font-sans: var(--font-family-ar);--lh-normal: var(--lh-loose)}