@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-gray-0: oklch(1 0 0);--color-gray-50: oklch(.985 .002 247);--color-gray-100: oklch(.967 .003 264);--color-gray-200: oklch(.929 .006 264);--color-gray-300: oklch(.872 .01 265);--color-gray-400: oklch(.707 .015 261);--color-gray-500: oklch(.551 .018 264);--color-gray-600: oklch(.446 .016 262);--color-gray-700: oklch(.373 .014 259);--color-gray-800: oklch(.278 .01 256);--color-gray-900: oklch(.21 .007 250);--color-gray-950: oklch(.13 .005 245);--color-teal-50: oklch(.984 .014 180);--color-teal-100: oklch(.953 .051 180);--color-teal-200: oklch(.91 .096 180);--color-teal-300: oklch(.855 .138 181);--color-teal-400: oklch(.777 .154 181);--color-teal-500: oklch(.654 .149 182);--color-teal-600: oklch(.52 .14 180);--color-teal-700: oklch(.434 .121 179);--color-teal-800: oklch(.367 .098 178);--color-teal-900: oklch(.31 .077 177);--color-red-400: oklch(.674 .196 17);--color-red-500: oklch(.627 .209 25);--color-red-600: oklch(.566 .195 24);--color-amber-400: oklch(.828 .155 86);--color-amber-500: oklch(.769 .165 71);--color-green-400: oklch(.74 .17 142);--color-green-500: oklch(.648 .15 151);--color-green-600: oklch(.544 .136 151);--color-blue-400: oklch(.698 .165 234);--color-blue-500: oklch(.623 .187 244);--color-blue-600: oklch(.546 .192 251);--text-2xs: .625rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--text-8xl: 6rem;--text-hero: clamp(2.25rem, 4vw + 1rem, 4.5rem);--text-display: clamp(1.75rem, 2.5vw + .75rem, 2.75rem);--text-section: clamp(1.375rem, 2vw + .5rem, 2rem);--weight-thin: 100;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--weight-black: 900;--leading-none: 1;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 1.8;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--space-40: 10rem;--space-48: 12rem;--radius-none: 0;--radius-xs: 2px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-3xl: 40px;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(0 0 0 / .05);--shadow-sm: 0 1px 3px oklch(0 0 0 / .08), 0 1px 2px oklch(0 0 0 / .05);--shadow-md: 0 4px 12px oklch(0 0 0 / .08), 0 2px 4px oklch(0 0 0 / .05);--shadow-lg: 0 8px 24px oklch(0 0 0 / .1), 0 4px 8px oklch(0 0 0 / .05);--shadow-xl: 0 16px 40px oklch(0 0 0 / .12), 0 8px 16px oklch(0 0 0 / .06);--shadow-2xl: 0 32px 64px oklch(0 0 0 / .15), 0 16px 32px oklch(0 0 0 / .08);--shadow-inner: inset 0 2px 4px oklch(0 0 0 / .06);--shadow-none: none;--shadow-primary-sm: 0 4px 16px var(--sf-color-primary, oklch(.52 .14 180) / .25);--shadow-primary-lg: 0 12px 32px var(--sf-color-primary, oklch(.52 .14 180) / .3);--duration-instant: 50ms;--duration-fast: .1s;--duration-base: .2s;--duration-slow: .35s;--duration-page: .5s;--duration-long: .7s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-expo-out: cubic-bezier(.16, 1, .3, 1);--transition-fast: all var(--duration-fast) var(--ease-smooth);--transition-base: all var(--duration-base) var(--ease-smooth);--transition-slow: all var(--duration-slow) var(--ease-smooth);--transition-spring: all var(--duration-slow) var(--ease-spring);--transition-bounce: all var(--duration-slow) var(--ease-bounce);--z-0: 0;--z-10: 10;--z-20: 20;--z-30: 30;--z-dropdown: 100;--z-sticky: 200;--z-drawer: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600;--z-max: 9999}@media (prefers-reduced-motion: reduce){:root{--duration-fast: 0ms;--duration-base: 0ms;--duration-slow: 0ms;--duration-page: 0ms;--duration-long: 0ms;--transition-fast: none;--transition-base: none;--transition-slow: none;--transition-spring: none;--transition-bounce: none}}[data-sf-theme]{--sf-bg: oklch(.985 .002 247);--sf-surface-1: oklch(1 0 0);--sf-surface-2: oklch(.972 .004 247);--sf-surface-3: oklch(.945 .007 247);--sf-overlay: oklch(0 0 0 / .45);--sf-color-primary: oklch(.52 .14 180);--sf-color-primary-hover: oklch(.46 .14 180);--sf-color-primary-soft: oklch(.96 .04 180);--sf-color-primary-rgb: 13, 148, 136;--sf-color-accent: oklch(.65 .18 155);--sf-text-primary: oklch(.145 .012 265);--sf-text-secondary: oklch(.42 .02 255);--sf-text-muted: oklch(.58 .015 255);--sf-text-inverse: oklch(1 0 0);--sf-text-on-primary: oklch(1 0 0);--sf-border: oklch(.9 .008 250);--sf-border-strong: oklch(.85 .012 250);--sf-border-focus: var(--sf-color-primary);--sf-font-display: "Inter", system-ui, sans-serif;--sf-font-body: "Inter", system-ui, sans-serif;--sf-font-mono: "JetBrains Mono", monospace;--sf-tracking-display: -.025em;--sf-tracking-body: 0;--sf-weight-display: 700;--sf-weight-body: 400;--sf-leading-body: 1.6;--sf-radius-card: 16px;--sf-radius-btn: 10px;--sf-radius-badge: 999px;--sf-radius-input: 10px;--sf-radius-image: 12px;--sf-radius-hero: 24px;--sf-shadow-card: 0 1px 4px oklch(0 0 0 / .05), 0 4px 16px oklch(0 0 0 / .04);--sf-shadow-card-hover: 0 12px 36px oklch(0 0 0 / .12), 0 4px 12px oklch(0 0 0 / .06);--sf-shadow-btn: none;--sf-shadow-btn-hover: 0 4px 16px oklch(0 0 0 / .15);--sf-shadow-hero: 0 32px 80px oklch(0 0 0 / .15);--sf-transition-card: transform .38s cubic-bezier(.34, 1.56, .64, 1), box-shadow .28s ease, border-color .22s ease;--sf-transition-fast: all .15s ease;--sf-transition-base: all .22s cubic-bezier(.4, 0, .2, 1);--sf-hover-lift: translateY(-6px);--sf-hover-lift-sm: translateY(-3px);--sf-img-scale-hover: scale(1.07);--sf-card-bg: var(--sf-surface-1);--sf-card-border: 1.5px solid var(--sf-border);--sf-card-border-hover: 1.5px solid var(--sf-border-strong);--sf-card-image-height: 200px;--sf-card-padding: 12px;--sf-card-name-size: 13px;--sf-card-name-weight: 500;--sf-card-name-color: var(--sf-text-primary);--sf-card-name-lines: 2;--sf-card-price-size: 14px;--sf-card-price-weight: 700;--sf-card-price-color: var(--sf-color-primary);--sf-card-btn-bg: var(--sf-color-primary-soft);--sf-card-btn-color: var(--sf-color-primary);--sf-card-btn-radius: var(--sf-radius-btn);--sf-card-btn-size: 12px;--sf-card-btn-weight: 600;--sf-card-btn-padding: 7px 12px;--sf-hero-bg: var(--sf-color-primary);--sf-hero-text: oklch(1 0 0);--sf-hero-subtext: oklch(1 0 0 / .8);--sf-hero-min-height: 340px;--sf-hero-text-size: var(--text-hero);--sf-nav-bg: var(--sf-surface-1);--sf-nav-border: var(--sf-border);--sf-nav-text: var(--sf-text-secondary);--sf-nav-text-hover: var(--sf-text-primary);--sf-nav-height: 64px;--sf-footer-bg: oklch(.145 .012 265);--sf-footer-text: oklch(.7 .01 255);--sf-footer-muted: oklch(.5 .01 255);--sf-badge-sale-bg: oklch(.63 .21 25);--sf-badge-sale-text: oklch(1 0 0);--sf-badge-oos-bg: oklch(0 0 0 / .55);--sf-badge-oos-text: oklch(1 0 0);--sf-skeleton-from: oklch(.95 .005 250);--sf-skeleton-mid: oklch(.91 .007 250);--sf-skeleton-to: oklch(.95 .005 250)}[data-sf-theme=minimal]{--sf-font-display: "Inter", system-ui, -apple-system, sans-serif;--sf-font-body: "Inter", system-ui, -apple-system, sans-serif;--sf-card-image-height: 200px;--sf-hero-min-height: 360px;--sf-radius-hero: 24px;--sf-skeleton-from: oklch(.96 .003 250);--sf-skeleton-mid: oklch(.92 .005 250)}[data-sf-theme=luxury]{--sf-bg: oklch(.07 .008 285);--sf-surface-1: oklch(.105 .012 280);--sf-surface-2: oklch(.13 .014 278);--sf-surface-3: oklch(.165 .016 276);--sf-overlay: oklch(0 0 0 / .6);--sf-color-primary: oklch(.745 .115 85);--sf-color-primary-hover: oklch(.82 .12 87);--sf-color-primary-soft: oklch(.745 .115 85 / .12);--sf-color-accent: oklch(.62 .09 75);--sf-text-primary: oklch(.925 .025 88);--sf-text-secondary: oklch(.72 .02 90);--sf-text-muted: oklch(.52 .015 88);--sf-text-inverse: oklch(.07 .008 285);--sf-text-on-primary: oklch(.07 .008 285);--sf-border: oklch(.745 .115 85 / .18);--sf-border-strong: oklch(.745 .115 85 / .3);--sf-font-display: "Cormorant Garamond", "Playfair Display", Georgia, serif;--sf-font-body: "DM Sans", "Inter", system-ui, sans-serif;--sf-tracking-display: .04em;--sf-weight-display: 300;--sf-leading-body: 1.7;--sf-radius-card: 4px;--sf-radius-btn: 2px;--sf-radius-badge: 2px;--sf-radius-input: 4px;--sf-radius-image: 4px;--sf-radius-hero: 0;--sf-shadow-card: 0 2px 8px oklch(0 0 0 / .35), 0 0 1px oklch(.745 .115 85 / .2);--sf-shadow-card-hover: 0 16px 48px oklch(0 0 0 / .5), 0 0 2px oklch(.745 .115 85 / .35);--sf-shadow-btn: 0 4px 20px oklch(.745 .115 85 / .25);--sf-shadow-btn-hover: 0 8px 32px oklch(.745 .115 85 / .4);--sf-transition-card: transform .45s cubic-bezier(.16, 1, .3, 1), box-shadow .45s cubic-bezier(.16, 1, .3, 1), border-color .35s ease;--sf-hover-lift: translateY(-8px);--sf-img-scale-hover: scale(1.04);--sf-card-bg: var(--sf-surface-1);--sf-card-border: 1px solid var(--sf-border);--sf-card-image-height: 280px;--sf-card-padding: 20px;--sf-card-name-size: 15px;--sf-card-name-weight: 300;--sf-card-name-color: var(--sf-text-primary);--sf-card-price-size: 16px;--sf-card-price-weight: 400;--sf-card-price-color: var(--sf-color-primary);--sf-card-btn-bg: transparent;--sf-card-btn-color: var(--sf-color-primary);--sf-card-btn-radius: 0;--sf-card-btn-size: 11px;--sf-card-btn-weight: 400;--sf-card-btn-padding: 10px 0;--sf-hero-bg: oklch(.07 .008 285);--sf-hero-min-height: 500px;--sf-hero-text: var(--sf-text-primary);--sf-hero-subtext: var(--sf-text-secondary);--sf-nav-bg: oklch(.07 .008 285 / .92);--sf-nav-border: var(--sf-border);--sf-nav-text: var(--sf-text-secondary);--sf-nav-text-hover: var(--sf-color-primary);--sf-footer-bg: oklch(.055 .006 285);--sf-footer-text: oklch(.7 .02 90);--sf-footer-muted: oklch(.45 .01 88);--sf-skeleton-from: oklch(.13 .012 280);--sf-skeleton-mid: oklch(.18 .016 278)}[data-sf-theme=fashion]{--sf-bg: oklch(.98 0 0);--sf-surface-1: oklch(1 0 0);--sf-surface-2: oklch(.97 0 0);--sf-surface-3: oklch(.94 0 0);--sf-overlay: oklch(0 0 0 / .5);--sf-color-primary: oklch(.13 0 0);--sf-color-primary-hover: oklch(.25 0 0);--sf-color-primary-soft: oklch(.95 0 0);--sf-color-accent: oklch(.48 .215 18);--sf-text-primary: oklch(.1 0 0);--sf-text-secondary: oklch(.38 0 0);--sf-text-muted: oklch(.58 0 0);--sf-text-inverse: oklch(1 0 0);--sf-text-on-primary: oklch(1 0 0);--sf-border: oklch(.88 0 0);--sf-border-strong: oklch(.75 0 0);--sf-font-display: "Playfair Display", Georgia, "Times New Roman", serif;--sf-font-body: "DM Mono", "Courier New", monospace;--sf-tracking-display: .02em;--sf-weight-display: 400;--sf-leading-body: 1.75;--sf-radius-card: 0;--sf-radius-btn: 0;--sf-radius-badge: 0;--sf-radius-input: 0;--sf-radius-image: 0;--sf-radius-hero: 0;--sf-shadow-card: none;--sf-shadow-card-hover: 0 0 0 2px oklch(.13 0 0);--sf-shadow-btn: none;--sf-shadow-btn-hover: none;--sf-transition-card: transform .5s cubic-bezier(.16, 1, .3, 1), box-shadow .3s ease;--sf-hover-lift: translateY(-4px);--sf-img-scale-hover: scale(1.06);--sf-card-bg: transparent;--sf-card-border: 1px solid var(--sf-border);--sf-card-image-height: 320px;--sf-card-padding: 16px;--sf-card-name-size: 13px;--sf-card-name-weight: 400;--sf-card-name-color: var(--sf-text-primary);--sf-card-price-size: 13px;--sf-card-price-weight: 400;--sf-card-price-color: var(--sf-text-secondary);--sf-card-btn-bg: oklch(.13 0 0);--sf-card-btn-color: oklch(1 0 0);--sf-card-btn-radius: 0;--sf-card-btn-size: 10px;--sf-card-btn-weight: 400;--sf-card-btn-padding: 10px 14px;--sf-hero-bg: oklch(.13 0 0);--sf-hero-text: oklch(1 0 0);--sf-hero-subtext: oklch(1 0 0 / .7);--sf-hero-min-height: 480px;--sf-skeleton-from: oklch(.96 0 0);--sf-skeleton-mid: oklch(.91 0 0)}[data-sf-theme=futuristic]{--sf-bg: oklch(.07 .02 255);--sf-surface-1: oklch(.105 .025 250);--sf-surface-2: oklch(.135 .03 248);--sf-surface-3: oklch(.17 .035 246);--sf-overlay: oklch(0 0 0 / .65);--sf-color-primary: oklch(.67 .22 228);--sf-color-primary-hover: oklch(.74 .22 228);--sf-color-primary-soft: oklch(.67 .22 228 / .12);--sf-color-accent: oklch(.78 .15 195);--sf-text-primary: oklch(.93 .025 230);--sf-text-secondary: oklch(.7 .025 240);--sf-text-muted: oklch(.5 .018 245);--sf-text-inverse: oklch(.07 .02 255);--sf-text-on-primary: oklch(1 0 0);--sf-border: oklch(.67 .22 228 / .18);--sf-border-strong: oklch(.67 .22 228 / .35);--sf-font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--sf-font-body: "Space Grotesk", "Inter", system-ui, sans-serif;--sf-tracking-display: -.03em;--sf-weight-display: 700;--sf-leading-body: 1.6;--sf-radius-card: 12px;--sf-radius-btn: 8px;--sf-radius-badge: 4px;--sf-radius-input: 8px;--sf-radius-image: 10px;--sf-radius-hero: 16px;--sf-shadow-card: 0 2px 8px oklch(0 0 0 / .4), inset 0 1px 0 oklch(.67 .22 228 / .1);--sf-shadow-card-hover: 0 8px 32px oklch(0 0 0 / .5), 0 0 20px oklch(.67 .22 228 / .2);--sf-shadow-btn: 0 0 16px oklch(.67 .22 228 / .3);--sf-shadow-btn-hover: 0 0 28px oklch(.67 .22 228 / .5);--sf-transition-card: transform .3s cubic-bezier(.16, 1, .3, 1), box-shadow .3s ease, border-color .2s ease;--sf-hover-lift: translateY(-6px);--sf-img-scale-hover: scale(1.05);--sf-card-bg: oklch(.67 .22 228 / .05);--sf-card-border: 1px solid var(--sf-border);--sf-card-image-height: 220px;--sf-card-padding: 16px;--sf-card-name-size: 13px;--sf-card-name-weight: 500;--sf-card-name-color: var(--sf-text-primary);--sf-card-price-size: 15px;--sf-card-price-weight: 700;--sf-card-price-color: var(--sf-color-primary);--sf-card-btn-bg: var(--sf-color-primary-soft);--sf-card-btn-color: var(--sf-color-primary);--sf-card-btn-radius: 6px;--sf-card-btn-size: 12px;--sf-card-btn-weight: 600;--sf-card-btn-padding: 8px 12px;--sf-hero-bg: var(--sf-bg);--sf-hero-text: var(--sf-text-primary);--sf-hero-subtext: var(--sf-text-secondary);--sf-hero-min-height: 440px;--sf-nav-bg: oklch(.07 .02 255 / .85);--sf-nav-border: var(--sf-border);--sf-nav-text: var(--sf-text-secondary);--sf-nav-text-hover: var(--sf-color-primary);--sf-footer-bg: oklch(.055 .018 258);--sf-footer-text: oklch(.65 .02 240);--sf-footer-muted: oklch(.45 .015 245);--sf-skeleton-from: oklch(.12 .025 250);--sf-skeleton-mid: oklch(.18 .032 248)}[data-sf-theme=gaming]{--sf-bg: oklch(.055 .025 295);--sf-surface-1: oklch(.09 .032 292);--sf-surface-2: oklch(.12 .036 290);--sf-surface-3: oklch(.155 .04 288);--sf-overlay: oklch(0 0 0 / .7);--sf-color-primary: oklch(.81 .28 148);--sf-color-primary-hover: oklch(.88 .25 150);--sf-color-primary-soft: oklch(.81 .28 148 / .12);--sf-color-accent: oklch(.72 .28 320);--sf-text-primary: oklch(.95 .015 145);--sf-text-secondary: oklch(.72 .025 285);--sf-text-muted: oklch(.52 .018 288);--sf-text-inverse: oklch(.055 .025 295);--sf-text-on-primary: oklch(.055 .025 295);--sf-border: oklch(.81 .28 148 / .2);--sf-border-strong: oklch(.81 .28 148 / .4);--sf-font-display: "Rajdhani", "Impact", system-ui, sans-serif;--sf-font-body: "Rajdhani", system-ui, sans-serif;--sf-tracking-display: .05em;--sf-weight-display: 700;--sf-leading-body: 1.5;--sf-radius-card: 8px;--sf-radius-btn: 4px;--sf-radius-badge: 2px;--sf-radius-input: 4px;--sf-radius-image: 6px;--sf-radius-hero: 0;--sf-shadow-card: 0 2px 12px oklch(0 0 0 / .5), inset 0 1px 0 oklch(.81 .28 148 / .1);--sf-shadow-card-hover: 0 8px 28px oklch(0 0 0 / .6), 0 0 24px oklch(.81 .28 148 / .3);--sf-shadow-btn: 0 0 20px oklch(.81 .28 148 / .4);--sf-shadow-btn-hover: 0 0 36px oklch(.81 .28 148 / .6);--sf-transition-card: transform .22s cubic-bezier(0, 0, .2, 1), box-shadow .22s ease, border-color .15s ease;--sf-hover-lift: translateY(-5px);--sf-img-scale-hover: scale(1.06);--sf-card-bg: var(--sf-surface-1);--sf-card-border: 1px solid var(--sf-border);--sf-card-image-height: 200px;--sf-card-padding: 14px;--sf-card-name-size: 13px;--sf-card-name-weight: 600;--sf-card-name-color: var(--sf-text-primary);--sf-card-price-size: 15px;--sf-card-price-weight: 700;--sf-card-price-color: var(--sf-color-primary);--sf-card-btn-bg: var(--sf-color-primary-soft);--sf-card-btn-color: var(--sf-color-primary);--sf-card-btn-radius: 4px;--sf-card-btn-size: 12px;--sf-card-btn-weight: 700;--sf-card-btn-padding: 8px 12px;--sf-hero-bg: var(--sf-bg);--sf-hero-text: var(--sf-text-primary);--sf-hero-subtext: var(--sf-text-secondary);--sf-hero-min-height: 400px;--sf-nav-bg: oklch(.055 .025 295 / .9);--sf-nav-border: var(--sf-border);--sf-nav-text: var(--sf-text-secondary);--sf-nav-text-hover: var(--sf-color-primary);--sf-footer-bg: oklch(.04 .02 295);--sf-footer-text: oklch(.65 .025 290);--sf-footer-muted: oklch(.45 .018 290);--sf-skeleton-from: oklch(.105 .032 292);--sf-skeleton-mid: oklch(.155 .04 290)}[data-sf-theme=organic]{--sf-bg: oklch(.965 .018 88);--sf-surface-1: oklch(.985 .012 90);--sf-surface-2: oklch(.955 .022 85);--sf-surface-3: oklch(.935 .028 82);--sf-overlay: oklch(.22 .04 80 / .5);--sf-color-primary: oklch(.435 .1 140);--sf-color-primary-hover: oklch(.375 .09 140);--sf-color-primary-soft: oklch(.435 .1 140 / .1);--sf-color-accent: oklch(.62 .12 85);--sf-text-primary: oklch(.22 .04 80);--sf-text-secondary: oklch(.44 .04 82);--sf-text-muted: oklch(.58 .03 85);--sf-text-inverse: oklch(.985 .012 90);--sf-text-on-primary: oklch(.985 .012 90);--sf-border: oklch(.87 .02 82);--sf-border-strong: oklch(.78 .03 80);--sf-font-display: "Lora", "Georgia", "Times New Roman", serif;--sf-font-body: "DM Sans", "Inter", system-ui, sans-serif;--sf-tracking-display: 0;--sf-weight-display: 600;--sf-leading-body: 1.7;--sf-radius-card: 12px;--sf-radius-btn: 999px;--sf-radius-badge: 999px;--sf-radius-input: 10px;--sf-radius-image: 12px;--sf-radius-hero: 16px;--sf-shadow-card: 0 2px 8px oklch(.22 .04 80 / .08);--sf-shadow-card-hover: 0 12px 32px oklch(.22 .04 80 / .14);--sf-shadow-btn: none;--sf-shadow-btn-hover: 0 4px 16px oklch(.435 .1 140 / .25);--sf-transition-card: transform .45s cubic-bezier(.16, 1, .3, 1), box-shadow .35s ease;--sf-hover-lift: translateY(-4px);--sf-img-scale-hover: scale(1.04);--sf-card-bg: var(--sf-surface-1);--sf-card-border: 1px solid var(--sf-border);--sf-card-image-height: 240px;--sf-card-padding: 16px;--sf-card-name-size: 14px;--sf-card-name-weight: 400;--sf-card-name-color: var(--sf-text-primary);--sf-card-price-size: 14px;--sf-card-price-weight: 600;--sf-card-price-color: var(--sf-color-primary);--sf-card-btn-bg: var(--sf-color-primary);--sf-card-btn-color: var(--sf-text-inverse);--sf-card-btn-radius: 999px;--sf-card-btn-size: 12px;--sf-card-btn-weight: 500;--sf-card-btn-padding: 8px 16px;--sf-hero-bg: oklch(.435 .1 140);--sf-hero-text: oklch(.985 .012 90);--sf-hero-subtext: oklch(.985 .012 90 / .85);--sf-hero-min-height: 380px;--sf-footer-bg: oklch(.22 .04 80);--sf-footer-text: oklch(.72 .025 85);--sf-footer-muted: oklch(.52 .02 82);--sf-skeleton-from: oklch(.94 .022 85);--sf-skeleton-mid: oklch(.91 .028 83)}[data-sf-theme=brutalist]{--sf-bg: oklch(1 0 0);--sf-surface-1: oklch(1 0 0);--sf-surface-2: oklch(.955 0 0);--sf-surface-3: oklch(.91 0 0);--sf-overlay: oklch(0 0 0 / .55);--sf-color-primary: oklch(.62 .25 30);--sf-color-primary-hover: oklch(.54 .26 28);--sf-color-primary-soft: oklch(.62 .25 30 / .08);--sf-color-accent: oklch(.68 .2 90);--sf-text-primary: oklch(0 0 0);--sf-text-secondary: oklch(.28 0 0);--sf-text-muted: oklch(.48 0 0);--sf-text-inverse: oklch(1 0 0);--sf-text-on-primary: oklch(1 0 0);--sf-border: oklch(0 0 0);--sf-border-strong: oklch(0 0 0);--sf-font-display: "Space Mono", "Courier New", monospace;--sf-font-body: "Space Mono", "Courier New", monospace;--sf-tracking-display: -.02em;--sf-weight-display: 700;--sf-leading-body: 1.6;--sf-radius-card: 0;--sf-radius-btn: 0;--sf-radius-badge: 0;--sf-radius-input: 0;--sf-radius-image: 0;--sf-radius-hero: 0;--sf-shadow-card: 4px 4px 0 oklch(0 0 0);--sf-shadow-card-hover: 8px 8px 0 oklch(0 0 0);--sf-shadow-btn: 3px 3px 0 oklch(0 0 0);--sf-shadow-btn-hover: 5px 5px 0 oklch(0 0 0);--sf-transition-card: transform .12s cubic-bezier(0, 0, .2, 1), box-shadow .12s ease;--sf-hover-lift: translate(-2px, -4px);--sf-img-scale-hover: scale(1.03);--sf-card-bg: var(--sf-surface-1);--sf-card-border: 2px solid oklch(0 0 0);--sf-card-image-height: 200px;--sf-card-padding: 16px;--sf-card-name-size: 12px;--sf-card-name-weight: 700;--sf-card-name-color: var(--sf-text-primary);--sf-card-price-size: 16px;--sf-card-price-weight: 700;--sf-card-price-color: var(--sf-color-primary);--sf-card-btn-bg: oklch(0 0 0);--sf-card-btn-color: oklch(1 0 0);--sf-card-btn-radius: 0;--sf-card-btn-size: 11px;--sf-card-btn-weight: 700;--sf-card-btn-padding: 9px 14px;--sf-hero-bg: oklch(0 0 0);--sf-hero-text: oklch(1 0 0);--sf-hero-subtext: oklch(.75 0 0);--sf-hero-min-height: 360px;--sf-footer-bg: oklch(0 0 0);--sf-footer-text: oklch(.75 0 0);--sf-footer-muted: oklch(.5 0 0);--sf-skeleton-from: oklch(.92 0 0);--sf-skeleton-mid: oklch(.87 0 0)}[data-sf-theme=scandinavian]{--sf-bg: oklch(.975 .006 215);--sf-surface-1: oklch(1 0 0);--sf-surface-2: oklch(.967 .007 215);--sf-surface-3: oklch(.945 .009 213);--sf-overlay: oklch(.2 .02 220 / .45);--sf-color-primary: oklch(.415 .1 225);--sf-color-primary-hover: oklch(.355 .09 225);--sf-color-primary-soft: oklch(.415 .1 225 / .08);--sf-color-accent: oklch(.68 .08 180);--sf-text-primary: oklch(.18 .02 235);--sf-text-secondary: oklch(.42 .025 230);--sf-text-muted: oklch(.6 .018 228);--sf-text-inverse: oklch(1 0 0);--sf-text-on-primary: oklch(1 0 0);--sf-border: oklch(.905 .01 220);--sf-border-strong: oklch(.845 .014 222);--sf-font-display: "Outfit", "Inter", system-ui, sans-serif;--sf-font-body: "Outfit", "Inter", system-ui, sans-serif;--sf-tracking-display: -.01em;--sf-weight-display: 300;--sf-leading-body: 1.65;--sf-radius-card: 10px;--sf-radius-btn: 6px;--sf-radius-badge: 4px;--sf-radius-input: 8px;--sf-radius-image: 8px;--sf-radius-hero: 12px;--sf-shadow-card: 0 1px 3px oklch(.18 .02 235 / .06);--sf-shadow-card-hover: 0 8px 24px oklch(.18 .02 235 / .1);--sf-shadow-btn: none;--sf-shadow-btn-hover: 0 4px 14px oklch(.415 .1 225 / .2);--sf-transition-card: transform .4s cubic-bezier(.16, 1, .3, 1), box-shadow .35s ease;--sf-hover-lift: translateY(-3px);--sf-img-scale-hover: scale(1.03);--sf-card-bg: var(--sf-surface-1);--sf-card-border: 1px solid var(--sf-border);--sf-card-image-height: 250px;--sf-card-padding: 18px;--sf-card-name-size: 14px;--sf-card-name-weight: 300;--sf-card-name-color: var(--sf-text-primary);--sf-card-price-size: 14px;--sf-card-price-weight: 500;--sf-card-price-color: var(--sf-text-primary);--sf-card-btn-bg: transparent;--sf-card-btn-color: var(--sf-color-primary);--sf-card-btn-radius: 4px;--sf-card-btn-size: 12px;--sf-card-btn-weight: 400;--sf-card-btn-padding: 8px 0;--sf-hero-bg: oklch(.945 .009 213);--sf-hero-text: var(--sf-text-primary);--sf-hero-subtext: var(--sf-text-secondary);--sf-hero-min-height: 360px;--sf-nav-bg: oklch(1 0 0 / .9);--sf-nav-border: var(--sf-border);--sf-nav-text: var(--sf-text-secondary);--sf-nav-text-hover: var(--sf-color-primary);--sf-footer-bg: oklch(.18 .02 235);--sf-footer-text: oklch(.68 .018 230);--sf-footer-muted: oklch(.5 .012 228);--sf-skeleton-from: oklch(.955 .008 215);--sf-skeleton-mid: oklch(.93 .011 213)}@keyframes sf-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}[data-sf-theme] .sf-skeleton{background:linear-gradient(90deg,var(--sf-skeleton-from) 25%,var(--sf-skeleton-mid) 50%,var(--sf-skeleton-from) 75%);background-size:200% 100%;animation:sf-shimmer 1.5s infinite}[data-sf-theme] .sf-card{background:var(--sf-card-bg);border:var(--sf-card-border);border-radius:var(--sf-radius-card);overflow:hidden;display:flex;flex-direction:column;position:relative;transition:var(--sf-transition-card);will-change:transform;box-shadow:var(--sf-shadow-card);font-family:var(--sf-font-body);color:var(--sf-text-primary)}[data-sf-theme] .sf-card:hover{transform:var(--sf-hover-lift);box-shadow:var(--sf-shadow-card-hover);border:var(--sf-card-border-hover, var(--sf-card-border))}[data-sf-theme] .sf-card__img-wrap{display:block;text-decoration:none;position:relative;overflow:hidden;flex-shrink:0;height:var(--sf-card-image-height);border-radius:var(--sf-radius-image) var(--sf-radius-image) 0 0}[data-sf-theme] .sf-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .52s cubic-bezier(.25,.46,.45,.94);will-change:transform}[data-sf-theme] .sf-card__img--primary{opacity:1;z-index:0;transition:transform .52s cubic-bezier(.25,.46,.45,.94),opacity .28s ease}[data-sf-theme] .sf-card__img--secondary{opacity:0;z-index:1;transition:transform .52s cubic-bezier(.25,.46,.45,.94),opacity .28s ease}[data-sf-theme] .sf-card:hover .sf-card__img{transform:var(--sf-img-scale-hover)}[data-sf-theme] .sf-card:hover .sf-card__img--primary{opacity:0}[data-sf-theme] .sf-card:hover .sf-card__img--secondary{opacity:1}[data-sf-theme] .sf-card__img-placeholder{width:100%;height:var(--sf-card-image-height);background:var(--sf-surface-2);display:flex;align-items:center;justify-content:center;font-size:44px;transition:transform .52s cubic-bezier(.25,.46,.45,.94)}[data-sf-theme] .sf-card:hover .sf-card__img-placeholder{transform:scale(1.05)}[data-sf-theme] .sf-card__body{padding:var(--sf-card-padding);flex:1;display:flex;flex-direction:column}[data-sf-theme] .sf-card__cat{font-size:10px;font-weight:600;padding:2px 8px;border-radius:var(--sf-radius-badge);display:inline-block;margin-bottom:6px;align-self:flex-start;background:var(--sf-color-primary-soft);color:var(--sf-color-primary);letter-spacing:.03em}[data-sf-theme] .sf-card__name{font-size:var(--sf-card-name-size);font-weight:var(--sf-card-name-weight);color:var(--sf-card-name-color);text-decoration:none;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:var(--sf-card-name-lines, 2);-webkit-box-orient:vertical;margin-bottom:8px;flex:1;transition:color var(--duration-base) ease}[data-sf-theme] .sf-card:hover .sf-card__name{color:var(--sf-color-primary)}[data-sf-theme] .sf-card__price{font-size:var(--sf-card-price-size);font-weight:var(--sf-card-price-weight);color:var(--sf-card-price-color)}[data-sf-theme] .sf-card__price-compare{font-size:11px;color:var(--sf-text-muted);text-decoration:line-through}[data-sf-theme] .sf-card__btn{width:100%;padding:var(--sf-card-btn-padding);border:none;border-radius:var(--sf-card-btn-radius);font-size:var(--sf-card-btn-size);font-weight:var(--sf-card-btn-weight);font-family:var(--sf-font-body);cursor:pointer;background:var(--sf-card-btn-bg);color:var(--sf-card-btn-color);box-shadow:var(--sf-shadow-btn);transition:transform .22s ease,box-shadow .22s ease,background .15s ease}[data-sf-theme] .sf-card:hover .sf-card__btn:not(:disabled){transform:translateY(-2px);box-shadow:var(--sf-shadow-btn-hover)}[data-sf-theme] .sf-card__btn:active:not(:disabled){transform:scale(.97)!important;box-shadow:none!important}[data-sf-theme] .sf-card__btn:disabled{opacity:.45;cursor:not-allowed}[data-sf-theme] .sf-badge-sale{position:absolute;top:8px;left:8px;background:var(--sf-badge-sale-bg);color:var(--sf-badge-sale-text);font-size:10px;font-weight:700;padding:3px 7px;border-radius:var(--sf-radius-badge);z-index:2;letter-spacing:.03em}[data-sf-theme] .sf-badge-oos{position:absolute;top:8px;right:8px;background:var(--sf-badge-oos-bg);color:var(--sf-badge-oos-text);font-size:10px;font-weight:600;padding:3px 7px;border-radius:var(--sf-radius-badge);z-index:2}[data-sf-theme]:not([data-sf-theme=fashion]):not([data-sf-theme=brutalist]) .sf-card:after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(90deg,transparent,oklch(1 0 0 / .18),transparent);transform:skew(-14deg);pointer-events:none;z-index:4;transition:left 0s}[data-sf-theme]:not([data-sf-theme=fashion]):not([data-sf-theme=brutalist]) .sf-card:hover:after{left:130%;transition:left .52s ease}@media (prefers-reduced-motion: reduce){[data-sf-theme] .sf-card,[data-sf-theme] .sf-card__img,[data-sf-theme] .sf-card__btn{transition:none}[data-sf-theme] .sf-card:hover{transform:none}[data-sf-theme] .sf-skeleton{animation:none;background:var(--sf-skeleton-from)}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,IBM Plex Sans Arabic,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.6;color:#111827;background-color:#f9fafb;-webkit-font-smoothing:antialiased}.merchant-theme-shell{--merchant-page-bg: #f8fafc;--merchant-surface-1: #ffffff;--merchant-surface-2: #f8fafc;--merchant-surface-3: #f1f5f9;--merchant-text-primary: #0f172a;--merchant-text-secondary: #475569;--merchant-text-muted: #64748b;--merchant-text-tertiary: #94a3b8;--merchant-border: #dbe4ee;--merchant-border-strong: #e2e8f0;--merchant-shadow: 0 20px 38px rgba(15, 23, 42, .08);--merchant-overlay: rgba(2, 6, 23, .62)}.merchant-theme-shell.merchant-theme-dark{color-scheme:dark;--merchant-page-bg: #06111f;--merchant-surface-1: #0f172a;--merchant-surface-2: #162235;--merchant-surface-3: #1d2d44;--merchant-text-primary: #e5eefb;--merchant-text-secondary: #c7d3e6;--merchant-text-muted: #9aacbf;--merchant-text-tertiary: #7f92ab;--merchant-border: #24344c;--merchant-border-strong: #2e415d;--merchant-shadow: 0 28px 54px rgba(2, 6, 23, .45);--merchant-overlay: rgba(2, 6, 23, .78)}.merchant-theme-shell,.merchant-theme-shell input,.merchant-theme-shell select,.merchant-theme-shell textarea{color:var(--merchant-text-primary)}.merchant-theme-shell .card,.merchant-theme-shell .btn-secondary,.merchant-theme-shell .input,.merchant-theme-shell .field-input,.merchant-theme-shell .field-textarea{background:var(--merchant-surface-1);color:var(--merchant-text-primary);border-color:var(--merchant-border-strong)}.merchant-theme-shell .field-label,.merchant-theme-shell .btn-secondary,.merchant-theme-shell th{color:var(--merchant-text-secondary)}.merchant-theme-shell .input:focus,.merchant-theme-shell .field-input:focus,.merchant-theme-shell .field-textarea:focus{border-color:var(--merchant-accent, #0d9488);box-shadow:0 0 0 3px color-mix(in srgb,var(--merchant-accent, #0d9488) 18%,transparent)}.merchant-theme-shell .bg-white{background:var(--merchant-surface-1)!important}.merchant-theme-shell .bg-gray-50{background:var(--merchant-page-bg)!important}.merchant-theme-shell .bg-gray-100{background:var(--merchant-surface-3)!important}.merchant-theme-shell .text-gray-900{color:var(--merchant-text-primary)!important}.merchant-theme-shell .text-gray-700,.merchant-theme-shell .text-gray-600{color:var(--merchant-text-secondary)!important}.merchant-theme-shell .text-gray-500,.merchant-theme-shell .text-gray-400{color:var(--merchant-text-muted)!important}.merchant-theme-shell .text-gray-300{color:var(--merchant-text-tertiary)!important}.merchant-theme-shell .border,.merchant-theme-shell .border-b,.merchant-theme-shell .border-t,.merchant-theme-shell .border-gray-100,.merchant-theme-shell .border-gray-200,.merchant-theme-shell .border-slate-100,.merchant-theme-shell .border-slate-200{border-color:var(--merchant-border-strong)!important}.merchant-theme-shell .divide-y>*+*{border-top-color:var(--merchant-border-strong)!important}.merchant-theme-shell .hover\:bg-gray-50:hover{background:var(--merchant-surface-2)!important}.merchant-theme-shell .shadow-sm,.merchant-theme-shell .shadow-xl{box-shadow:var(--merchant-shadow)!important}.merchant-theme-dark [style*="background:white;"],.merchant-theme-dark [style*="background: white;"],.merchant-theme-dark [style*="background:#fff;"],.merchant-theme-dark [style*="background: #fff;"]{background:var(--merchant-surface-1)!important}.merchant-theme-dark [style*="background:#f8fafc"],.merchant-theme-dark [style*="background: #f8fafc"],.merchant-theme-dark [style*="background:#f1f5f9"],.merchant-theme-dark [style*="background: #f1f5f9"]{background:var(--merchant-surface-2)!important}.merchant-theme-dark [style*="background:#eff6ff"],.merchant-theme-dark [style*="background: #eff6ff"],.merchant-theme-dark [style*="background:#f8fbff"],.merchant-theme-dark [style*="background: #f8fbff"],.merchant-theme-dark [style*="background:#fffbeb"],.merchant-theme-dark [style*="background: #fffbeb"],.merchant-theme-dark [style*="background:#f5f3ff"],.merchant-theme-dark [style*="background: #f5f3ff"]{background:color-mix(in srgb,var(--merchant-accent, #0d9488) 10%,var(--merchant-surface-2))!important}.merchant-theme-dark [style*="background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)"],.merchant-theme-dark [style*="background: linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)"],.merchant-theme-dark [style*="background:linear-gradient(180deg,#eff6ff 0%,#f8fafc 100%)"],.merchant-theme-dark [style*="background: linear-gradient(180deg,#eff6ff 0%,#f8fafc 100%)"]{background:linear-gradient(180deg,var(--merchant-surface-1) 0%,var(--merchant-surface-2) 100%)!important}.merchant-theme-dark [style*="color:#0f172a;"],.merchant-theme-dark [style*="color: #0f172a;"],.merchant-theme-dark [style*="color:#111827;"],.merchant-theme-dark [style*="color: #111827;"]{color:var(--merchant-text-primary)!important}.merchant-theme-dark [style*="color:#475569;"],.merchant-theme-dark [style*="color: #475569;"],.merchant-theme-dark [style*="color:#64748b;"],.merchant-theme-dark [style*="color: #64748b;"],.merchant-theme-dark [style*="color:#6b7280;"],.merchant-theme-dark [style*="color: #6b7280;"],.merchant-theme-dark [style*="color:#94a3b8;"],.merchant-theme-dark [style*="color: #94a3b8;"]{color:var(--merchant-text-muted)!important}.merchant-theme-dark [style*="border:1px solid #e2e8f0"],.merchant-theme-dark [style*="border: 1px solid #e2e8f0"],.merchant-theme-dark [style*="border:1.5px solid #e2e8f0"],.merchant-theme-dark [style*="border: 1.5px solid #e2e8f0"],.merchant-theme-dark [style*="border:1px solid #dbe4ee"],.merchant-theme-dark [style*="border: 1px solid #dbe4ee"],.merchant-theme-dark [style*="border-color:#e2e8f0"],.merchant-theme-dark [style*="border-color: #e2e8f0"],.merchant-theme-dark [style*="border-color:#dbe4ee"],.merchant-theme-dark [style*="border-color: #dbe4ee"],.merchant-theme-dark [style*="border:1px dashed #cbd5e1"],.merchant-theme-dark [style*="border: 1px dashed #cbd5e1"]{border-color:var(--merchant-border-strong)!important}.merchant-theme-dark [style*="box-shadow:0 1px 4px rgba(0,0,0,.04)"],.merchant-theme-dark [style*="box-shadow: 0 1px 4px rgba(0,0,0,.04)"],.merchant-theme-dark [style*="box-shadow:0 2px 12px rgba(15, 23, 42, .05)"],.merchant-theme-dark [style*="box-shadow: 0 2px 12px rgba(15, 23, 42, .05)"]{box-shadow:var(--merchant-shadow)!important}.merchant-theme-dark ::-webkit-scrollbar-track{background:var(--merchant-surface-1)}.merchant-theme-dark ::-webkit-scrollbar-thumb{background:#34475f}.merchant-theme-dark ::-webkit-scrollbar-thumb:hover{background:#46627f}[dir=rtl],[lang=ar]{font-family:IBM Plex Sans Arabic,Inter,sans-serif}.container{max-width:1280px;margin-inline:auto;padding-inline:1rem}.ms-64{margin-inline-start:16rem}.ps-6{padding-inline-start:1.5rem}.pe-6{padding-inline-end:1.5rem}.text-start{text-align:start}.text-end{text-align:end}.start-0{inset-inline-start:0}.end-4{inset-inline-end:1rem}.border-e-2{border-inline-end-width:2px}.nav-active{background-color:#f0fdfa;color:#0d9488;border-inline-end:3px solid #0d9488}.card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #00000014;border:1px solid #f3f4f6}.btn-primary{background-color:#0d9488;color:#fff;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;border:none;cursor:pointer;transition:background-color .15s}.btn-primary:hover{background-color:#0f766e}.btn-primary:disabled{background-color:#d1d5db;cursor:not-allowed}.btn-secondary{background-color:#fff;color:#374151;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;border:1px solid #e5e7eb;cursor:pointer;transition:background-color .15s}.btn-secondary:hover{background-color:#f9fafb}.input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.75rem;font-size:.875rem;background:#fff;transition:border-color .15s,box-shadow .15s;outline:none}.input:focus{border-color:#0d9488;box-shadow:0 0 0 3px #0d94881a}.field-label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.field-input{width:100%;height:44px;border:1.5px solid #e2e8f0;border-radius:10px;padding:0 14px;font-size:14px;color:#0f172a;background:#fff;outline:none;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.field-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.field-textarea{width:100%;border:1.5px solid #e2e8f0;border-radius:10px;padding:10px 14px;font-size:14px;color:#0f172a;background:#fff;outline:none;box-sizing:border-box;resize:vertical;font-family:inherit;transition:border-color .15s,box-shadow .15s}.field-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-yellow{background:#fef3c7;color:#92400e}.badge-blue{background:#dbeafe;color:#1e40af}.badge-green{background:#dcfce7;color:#166534}.badge-red{background:#fee2e2;color:#991b1b}.badge-gray{background:#f3f4f6;color:#374151}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:.375rem}@keyframes shimmer{to{background-position:-200% 0}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f9fafb}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}table{width:100%;border-collapse:collapse}th{font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}@media (max-width: 768px){.ms-64{margin-inline-start:0}}.min-h-screen{min-height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.w-full{width:100%}.w-64{width:16rem}.h-screen{height:100vh}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.hidden{display:none}.block{display:block}.inline-flex{display:inline-flex}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.top-4{top:1rem}.top-6{top:1.5rem}.z-10{z-index:10}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.border{border-width:1px;border-style:solid;border-color:#e5e7eb}.border-b{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#e5e7eb}.border-t{border-top-width:1px;border-top-style:solid;border-top-color:#e5e7eb}.divide-y>*+*{border-top-width:1px;border-top-style:solid;border-top-color:#f3f4f6}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.mt-1{margin-top:.25rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mr-2{margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-4xl{font-size:2.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-mono{font-family:Courier New,monospace}.text-white{color:#fff}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-900{color:#111827}.text-teal-600{color:#0d9488}.text-teal-700{color:#0f766e}.text-green-600{color:#16a34a}.text-red-500{color:#ef4444}.text-red-600{color:#dc2626}.text-red-700{color:#b91c1c}.text-orange-500{color:#f97316}.text-center{text-align:center}.uppercase{text-transform:uppercase}.whitespace-nowrap{white-space:nowrap}.tracking-wide{letter-spacing:.025em}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-200{background-color:#e5e7eb}.bg-teal-50{background-color:#f0fdfa}.bg-teal-600{background-color:#0d9488}.bg-red-50{background-color:#fef2f2}.bg-yellow-100{background-color:#fef9c3}.bg-green-100{background-color:#dcfce7}.bg-blue-50{background-color:#eff6ff}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-teal-50{--tw-gradient-from: #f0fdfa;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)}.to-emerald-100{--tw-gradient-to: #d1fae5}.hover\:bg-gray-50:hover{background-color:#f9fafb}.hover\:bg-teal-100:hover{background-color:#ccfbf1}.hover\:bg-teal-700:hover{background-color:#0f766e}.hover\:text-gray-900:hover{color:#111827}.hover\:text-teal-800:hover{color:#115e59}.hover\:underline:hover{text-decoration:underline}.transition-colors{transition:background-color .15s,color .15s}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.resize-none{resize:none}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.flex-shrink-0{flex-shrink:0}.flex-wrap{flex-wrap:wrap}.object-cover{object-fit:cover}.w-10{width:2.5rem}.h-10{height:2.5rem}.w-12{width:3rem}.h-12{height:3rem}.w-16{width:4rem}.h-16{height:4rem}.h-2{height:.5rem}.h-4{height:1rem}.h-7{height:1.75rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-4xl{max-width:56rem}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-1{grid-column:span 1 / span 1}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-1{grid-column:span 1 / span 1}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:col-span-2{grid-column:span 2 / span 2}}