:root{--color-white: #ffffff;--color-black: #0b0e14;--color-gray-25: #fbfcfd;--color-gray-50: #f6f8fa;--color-gray-100: #eef1f5;--color-gray-200: #e2e7ee;--color-gray-300: #cbd2dd;--color-gray-400: #9aa5b5;--color-gray-500: #6b7688;--color-gray-600: #4d5566;--color-gray-700: #363d4d;--color-gray-800: #232936;--color-gray-900: #161b24;--color-gray-950: #0f131a;--color-blue-50: #eef4ff;--color-blue-100: #d9e6ff;--color-blue-300: #8fb4ff;--color-blue-500: #2f6bff;--color-blue-600: #1f54e0;--color-blue-700: #1841b0;--color-green-100: #d6f5e3;--color-green-500: #14a85a;--color-green-600: #0f8c4a;--color-amber-100: #fdeecb;--color-amber-500: #e0a112;--color-amber-600: #b97f08;--color-red-100: #fbdcdc;--color-red-500: #d83a3a;--color-red-600: #b62a2a;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-arabic: "Cairo", "Noto Sans Arabic", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--font-size-1: .75rem;--font-size-2: .875rem;--font-size-3: 1rem;--font-size-4: 1.125rem;--font-size-5: 1.375rem;--font-size-6: 1.75rem;--font-size-7: 2.25rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-tight: 1.2;--line-normal: 1.5;--shadow-1: 0 1px 2px rgba(11, 14, 20, .06);--shadow-2: 0 4px 12px rgba(11, 14, 20, .1);--shadow-3: 0 12px 32px rgba(11, 14, 20, .18);--z-base: 1;--z-sticky: 100;--z-dropdown: 1000;--z-overlay: 1100;--z-modal: 1200;--z-toast: 1300;--z-tooltip: 1400;--duration-1: .1s;--duration-2: .18s;--duration-3: .3s;--ease-standard: cubic-bezier(.2, 0, 0, 1)}:root,:root[data-theme=light]{color-scheme:light;--surface: var(--color-white);--surface-raised: var(--color-white);--surface-sunken: var(--color-gray-50);--surface-hover: var(--color-gray-100);--overlay-scrim: rgba(11, 14, 20, .45);--text: var(--color-gray-900);--text-muted: var(--color-gray-500);--text-on-primary: var(--color-white);--text-inverse: var(--color-white);--border: var(--color-gray-200);--border-strong: var(--color-gray-300);--primary: var(--color-blue-500);--primary-hover: var(--color-blue-600);--primary-active: var(--color-blue-700);--primary-contrast: var(--color-white);--primary-subtle: var(--color-blue-50);--success: var(--color-green-600);--success-subtle: var(--color-green-100);--warning: var(--color-amber-600);--warning-subtle: var(--color-amber-100);--danger: var(--color-red-600);--danger-subtle: var(--color-red-100);--info: var(--color-blue-600);--info-subtle: var(--color-blue-50);--focus-ring: var(--color-blue-500)}:root[data-theme=dark]{color-scheme:dark;--surface: var(--color-gray-900);--surface-raised: var(--color-gray-800);--surface-sunken: var(--color-gray-950);--surface-hover: var(--color-gray-700);--overlay-scrim: rgba(0, 0, 0, .6);--text: var(--color-gray-50);--text-muted: var(--color-gray-400);--text-on-primary: var(--color-white);--text-inverse: var(--color-gray-900);--border: var(--color-gray-700);--border-strong: var(--color-gray-600);--primary: var(--color-blue-500);--primary-hover: var(--color-blue-300);--primary-active: var(--color-blue-100);--primary-contrast: var(--color-white);--primary-subtle: rgba(47, 107, 255, .16);--success: var(--color-green-500);--success-subtle: rgba(20, 168, 90, .18);--warning: var(--color-amber-500);--warning-subtle: rgba(224, 161, 18, .18);--danger: var(--color-red-500);--danger-subtle: rgba(216, 58, 58, .2);--info: var(--color-blue-300);--info-subtle: rgba(47, 107, 255, .16);--focus-ring: var(--color-blue-300)}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{background:var(--surface-sunken);color:var(--text);font-family:var(--font-sans);font-size:var(--font-size-3);line-height:var(--line-normal);-webkit-font-smoothing:antialiased}[dir=rtl] body{font-family:var(--font-arabic)}a{color:var(--primary);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}img,picture,svg{display:block;max-width:100%}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}h1,h2,h3,h4{line-height:var(--line-tight);font-weight:var(--font-weight-semibold);color:var(--text)}h1{font-size:var(--font-size-7)}h2{font-size:var(--font-size-6)}h3{font-size:var(--font-size-5)}h4{font-size:var(--font-size-4)}small{font-size:var(--font-size-1)}code,pre{font-family:var(--font-mono)}.wf-input{display:block;inline-size:100%;background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding-block:var(--space-2);padding-inline:var(--space-3);font-size:var(--font-size-2);transition:border-color var(--duration-1) var(--ease-standard)}.wf-input::placeholder{color:var(--text-muted)}.wf-input:focus-visible{border-color:var(--focus-ring);outline:2px solid var(--focus-ring);outline-offset:0}.wf-input[data-disabled],.wf-input:disabled{opacity:.6;cursor:not-allowed}[dir=rtl] .wf-flip-rtl{transform:scaleX(-1)}html,body{height:100%}body{margin:0;background:var(--surface-sunken);color:var(--text);overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}