*,*:before,*:after{box-sizing:border-box;border-color:var(--color-border, #e2e8f0)}html,body{margin:0;padding:0;overscroll-behavior:none;font-family:Tajawal,Arial,sans-serif;background-color:var(--background, #ffffff);color:var(--foreground, #0f172a)}:root{--radius: .625rem;--background: oklch(1 0 0);--foreground: oklch(.129 .042 264.695);--card: oklch(1 0 0);--card-foreground: oklch(.129 .042 264.695);--popover: oklch(1 0 0);--popover-foreground: oklch(.129 .042 264.695);--primary: oklch(.208 .042 265.755);--primary-foreground: oklch(.984 .003 247.858);--secondary: oklch(.968 .007 247.896);--secondary-foreground: oklch(.208 .042 265.755);--muted: oklch(.968 .007 247.896);--muted-foreground: oklch(.554 .046 257.417);--accent: oklch(.968 .007 247.896);--accent-foreground: oklch(.208 .042 265.755);--destructive: oklch(.577 .245 27.325);--destructive-foreground: oklch(.984 .003 247.858);--border: oklch(.929 .013 255.508);--input: oklch(.929 .013 255.508);--ring: oklch(.704 .04 256.788);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--sidebar: oklch(.984 .003 247.858);--sidebar-foreground: oklch(.129 .042 264.695);--sidebar-primary: oklch(.208 .042 265.755);--sidebar-primary-foreground: oklch(.984 .003 247.858);--sidebar-accent: oklch(.968 .007 247.896);--sidebar-accent-foreground: oklch(.208 .042 265.755);--sidebar-border: oklch(.929 .013 255.508);--sidebar-ring: oklch(.704 .04 256.788);--color-background: var(--background);--color-foreground: var(--foreground);--color-card: var(--card);--color-card-foreground: var(--card-foreground);--color-popover: var(--popover);--color-popover-foreground: var(--popover-foreground);--color-primary: var(--primary);--color-primary-foreground: var(--primary-foreground);--color-secondary: var(--secondary);--color-secondary-foreground: var(--secondary-foreground);--color-muted: var(--muted);--color-muted-foreground: var(--muted-foreground);--color-accent: var(--accent);--color-accent-foreground: var(--accent-foreground);--color-destructive: var(--destructive);--color-destructive-foreground: var(--destructive-foreground);--color-border: var(--border);--color-input: var(--input);--color-ring: var(--ring);--color-sidebar: var(--sidebar);--color-sidebar-foreground: var(--sidebar-foreground);--radius-sm: calc(var(--radius) - 4px);--radius-md: calc(var(--radius) - 2px);--radius-lg: var(--radius);--radius-xl: calc(var(--radius) + 4px);--radius-2xl: calc(var(--radius) + 8px)}.dark{--background: oklch(.129 .042 264.695);--foreground: oklch(.984 .003 247.858);--card: oklch(.208 .042 265.755);--card-foreground: oklch(.984 .003 247.858);--popover: oklch(.208 .042 265.755);--popover-foreground: oklch(.984 .003 247.858);--primary: oklch(.929 .013 255.508);--primary-foreground: oklch(.208 .042 265.755);--secondary: oklch(.279 .041 260.031);--secondary-foreground: oklch(.984 .003 247.858);--muted: oklch(.279 .041 260.031);--muted-foreground: oklch(.704 .04 256.788);--accent: oklch(.279 .041 260.031);--accent-foreground: oklch(.984 .003 247.858);--destructive: oklch(.704 .191 22.216);--destructive-foreground: oklch(.984 .003 247.858);--border: oklch(1 0 0 / 10%);--input: oklch(1 0 0 / 15%);--ring: oklch(.551 .027 264.364);--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.208 .042 265.755);--sidebar-foreground: oklch(.984 .003 247.858);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.984 .003 247.858);--sidebar-accent: oklch(.279 .041 260.031);--sidebar-accent-foreground: oklch(.984 .003 247.858);--sidebar-border: oklch(1 0 0 / 10%);--sidebar-ring: oklch(.551 .027 264.364)}.min-h-screen{min-height:100vh}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.text-center{text-align:center}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-6{margin-bottom:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.rounded-md{border-radius:.375rem}.rounded-full{border-radius:9999px}.overflow-auto{overflow:auto}.max-h-40{max-height:10rem}.max-w-md{max-width:28rem}.gap-3{gap:.75rem}.p-3{padding:.75rem}.p-2{padding:.5rem}.h-16{height:4rem}.w-16{width:4rem}.h-8{height:2rem}.w-8{width:2rem}.tracking-tight{letter-spacing:-.025em}.transition-colors{transition:color .15s,background-color .15s,border-color .15s}.inline-flex{display:inline-flex}.bg-background{background-color:var(--color-background)}.bg-primary{background-color:var(--color-primary)}.bg-muted{background-color:var(--color-muted)}.bg-destructive{background-color:var(--color-destructive)}.text-foreground{color:var(--color-foreground)}.text-primary-foreground{color:var(--color-primary-foreground)}.text-muted-foreground{color:var(--color-muted-foreground)}.text-destructive{color:var(--color-destructive)}.border{border:1px solid var(--color-border)}.border-input{border-color:var(--color-input)}.font-mono{font-family:monospace}.hover\:bg-primary\/90:hover{background-color:oklch(from var(--primary) l c h / 90%)}.hover\:bg-accent:hover{background-color:var(--color-accent)}.text-7xl{font-size:4.5rem}.text-2xl{font-size:1.5rem}.text-xl{font-size:1.25rem}