@campxdev/react-native-blueprint 0.1.18 → 0.1.20

package/lib/global.css

@@ -1,672 +1 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-/* ===================================== */
-/* PRIMITIVES - BASE VALUES              */
-/* These are the foundational design     */
-/* tokens from your design system        */
-/* ===================================== */
-:root {
-  /* === SPACING TOKENS (S0-S8) === */
-  /* Base spacing values used throughout */
-  --Spacing-S0: 0px;
-  --Spacing-S1: 2px;
-  --Spacing-S2: 4px;
-  --Spacing-S3: 8px;
-  --Spacing-S4: 12px;
-  --Spacing-S5: 16px;
-  --Spacing-S6: 20px;
-  --Spacing-S7: 24px;
-  --Spacing-S8: 32px;
-
-  /* === BRAND COLORS === */
-  --Colors-Campx-Black-Default: #121212ff;
-  --Colors-Campx-White-Default: #ffffffff;
-
-  /* === ACCENT COLORS === */
-  --Colors-Winnify-Violet-Default: #5b4bdbff;
-  --Colors-Winnify-Violet-Soft: #7a6ff0ff;
-  --Colors-Winnify-Violet-Strong: #4a38b8ff;
-  --Colors-Winnify-Orange-Soft: #ffc04dff;
-  --Colors-Winnify-Orange-Default: #f6a623ff;
-  --Colors-Winnify-Orange-Strong: #e69500ff;
-
-  /* === TEXT COLORS === */
-  --Colors-Text-White-50: #ffffff80; /* White at 50% opacity */
-  --Colors-Text-White-70: #ffffffb2; /* White at 70% opacity */
-  --Colors-Text-White: #ffffffff; /* Pure white */
-  --Colors-Text-Black-50: #b4b8c1ff; /* Black at 50% opacity */
-  --Colors-Text-Black-70: #6a7282ff; /* Black at 70% opacity */
-  --Colors-Text-Black: #121212ff; /* Pure black */
-
-  /* === GREY COLORS === */
-  --Colors-Greys-Violet-50: #f8f8feff; /* Very light violet-grey */
-  --Colors-Greys-Violet-80: #ebe9fbff; /* Light violet-grey */
-  --Colors-Greys-Blue-50: #f7f8faff; /* Very light blue-grey */
-  --Colors-Greys-Grey-100: #f3f4f6ff; /* Extra light grey */
-  --Colors-Greys-Grey-200: #cbd5e1ff; /* Light grey */
-  --Colors-Greys-Grey-400: #293640ff; /* Medium grey */
-  --Colors-Greys-Grey-500: #333333ff; /* Medium-dark grey */
-  --Colors-Greys-Grey-700: #1d2127ff; /* Dark grey */
-  --Colors-Greys-Grey-800: #161a1dff; /* Very dark grey */
-
-  /* === HIGHLIGHT COLORS (Full opacity) === */
-  --Colors-Highlights-Green: #88b053ff; /* Success/positive */
-  --Colors-Highlights-Blue: #4baabeff; /* Info/primary */
-  --Colors-Highlights-Red: #f2353cff; /* Alert/destructive */
-  --Colors-Highlights-Orange: #ed9035ff; /* Warning */
-  --Colors-Highlights-Purple: #573dabff; /* Highlight */
-  --Colors-Highlights-Pink: #ea4a6bff; /* Highlight */
-
-  /* === HIGHLIGHT COLORS (Muted - 20% opacity) === */
-  --Colors-Highlights-Green-muted: #88b05333;
-  --Colors-Highlights-Blue-muted: #4baabe33;
-  --Colors-Highlights-Red-muted: #f2353c33;
-  --Colors-Highlights-Orange-muted: #ed903533;
-  --Colors-Highlights-Purple-muted: #573dab33;
-  --Colors-Highlights-Pink-muted: #ea4a6b33;
-
-  /* === BORDER RADIUS (R0-R6) === */
-  /* Used for rounded corners throughout */
-  --Radii-R0: 0px; /* Sharp corners */
-  --Radii-R1: 2px; /* Subtle rounding */
-  --Radii-R2: 4px; /* Light rounding */
-  --Radii-R3: 8px; /* Standard rounding */
-  --Radii-R4: 12px; /* Medium rounding */
-  --Radii-R5: 20px; /* Large rounding */
-  --Radii-R6: 48px; /* Full pill shape */
-}
-
-/* ===================================== */
-/* LIGHT MODE - Default Theme            */
-/* Applied by default in light mode      */
-/* ===================================== */
-:root {
-  /* ===== NEW SYSTEM ===== */
-  /* === 1. BRAND COLORS === */
-  --colors-brand-primary: #121212ff;
-  --colors-brand-secondary: #ffffffff;
-
-  /* === 2. TEXT COLORS === */
-  --colors-text-primary: #121212ff;
-  --colors-text-secondary: #6a7282ff;
-  --colors-text-muted: #b4b8c1ff;
-  --colors-text-inverse: #ffffffff;
-
-  /* === 3. BASE COLORS === */
-  --colors-base-black: #121212ff;
-  --colors-base-white: #ffffffff;
-
-  /* === 4. SURFACE COLORS === */
-  --colors-surface-page: #f7f8faff;
-  --colors-surface-default: #ffffffff;
-  --colors-surface-subtle: #e6eaf1;
-
-  /* === 5. BORDER & INPUT === */
-  --colors-border-default: #cbd5e1ff;
-
-  /* === 6. ALERT COLORS === */
-  --colors-highlight-alert-red: #f2353cff;
-  --colors-highlight-alert-red-muted: #f2353c33;
-
-  /* === 7. SUCCESS COLORS === */
-  --colors-highlight-success-green: #88b053ff;
-  --colors-highlight-success-green-muted: #88b05333;
-
-  /* === 8. INFO COLORS === */
-  --colors-highlight-info-blue: #4baabeff;
-  --colors-highlight-info-blue-muted: #4baabe33;
-
-  /* === 9. WARNING COLORS === */
-  --colors-highlight-warning-orange: #ed9035ff;
-  --colors-highlight-warning-orange-muted: #ed903533;
-
-  /* === 10. HIGHLIGHT COLORS === */
-  --colors-highlight-highlight-purple: #573dabff;
-  --colors-highlight-highlight-purple-muted: #573dab33;
-  --colors-highlight-highlight-pink: #ea4a6bff;
-  --colors-highlight-highlight-pink-muted: #ea4a6b33;
-
-  /* === 11. SEMANTIC SPACING === */
-  --spacing-none: 0px;
-  --spacing-xxs: 2px;
-  --spacing-xs: 4px;
-  --spacing-sm: 8px;
-  --spacing-md: 12px;
-  --spacing-lg: 16px;
-  --spacing-xl: 20px;
-  --spacing-xxl: 24px;
-
-  /* === 12. SEMANTIC RADIUS === */
-  --radius-none: 0px;
-  --radius-xs: 2px;
-  --radius-sm: 4px;
-  --radius-md: 8px;
-  --radius-lg: 12px;
-  --radius-xl: 20px;
-  --radius-rounded: 48px;
-
-  /* ===== OLD SYSTEM (TO BE REPLACED) ===== */
-  /* === 1. SURFACES === */
-  --background: 210 17% 97%; /* #F7F8FA */
-  --card: 0 0% 100%; /* #FFFFFF */
-  --popover: 0 0% 100%; /* #FFFFFF */
-  --muted: 0 0% 100%; /* #FFFFFF - Same as card for consistency */
-
-  /* === 2. TEXT === */
-  --foreground: 0 0% 7%; /* #121212 */
-  --card-foreground: 0 0% 7%; /* #121212 */
-  --popover-foreground: 0 0% 7%; /* #121212 */
-  --muted-foreground: 0 0% 7% / 0.7; /* #121212 at 70% opacity */
-
-  /* === 3. PRIMARY (Main buttons, CTAs) === */
-  --primary: 200 13% 11%; /* #161A1D - Near black */
-  --primary-foreground: 0 0% 100%; /* #FFFFFF */
-
-  /* === 4. SECONDARY (Secondary buttons) === */
-  --secondary: 218 14% 53%; /* #64748B */
-  --secondary-foreground: 0 0% 100%; /* #FFFFFF */
-
-  /* === 5. TERTIARY/ACCENT (Highlights, selections) === */
-  --accent: 356 76% 57%; /* #E43341 - Crimson */
-  --accent-foreground: 0 0% 100%; /* #FFFFFF */
-
-  /* === 6. BORDERS === */
-  --border: 214 32% 84%; /* #CBD5E1 */
-  --input: 214 32% 84%; /* #CBD5E1 */
-  --ring: 200 13% 11%; /* #161A1D - Same as primary */
-
-  /* === 7. HIGHLIGHTS === */
-  --destructive: 356 87% 57%; /* #F2353C - Red */
-  --destructive-foreground: 0 0% 100%;
-  --success: 88 37% 52%; /* #88B053 - Green */
-  --info: 189 45% 51%; /* #4BAABE - Blue */
-  --warning: 28 81% 57%; /* #ED9035 - Orange */
-
-  /* === 8. BRAND COLORS (Custom - use manually) === */
-  --brand-1: 252 97% 25%; /* #1E027F - Deep violet */
-  --brand-2: 356 76% 57%; /* #E43341 - Crimson */
-  --brand-3: 304 69% 33%; /* #931C88 - Magenta */
-
-  /* === CHART COLORS === */
-  --chart-1: 88 37% 52%; /* #88B053 - Green */
-  --chart-2: 189 45% 51%; /* #4BAABE - Blue */
-  --chart-3: 28 81% 57%; /* #ED9035 - Orange */
-  --chart-4: 254 46% 42%; /* #573DAB - Purple */
-  --chart-5: 348 78% 60%; /* #EA4A6B - Pink */
-
-  /* === SIDEBAR === */
-  --sidebar: 0 0% 100%; /* #FFFFFF */
-  --sidebar-foreground: 0 0% 7%; /* #121212 */
-  --sidebar-primary: 214 14% 64%; /* #94A3B8 */
-  --sidebar-primary-foreground: 0 0% 100%;
-  --sidebar-accent: 356 76% 57%; /* #E43341 */
-  --sidebar-accent-foreground: 0 0% 100%;
-  --sidebar-border: 214 32% 84%; /* #CBD5E1 */
-  --sidebar-ring: 214 14% 64%; /* #94A3B8 */
-
-  /* === FONTS === */
-  --font-poppins:
-    'Poppins', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
-    'Segoe UI', Roboto, sans-serif;
-  --font-heebo:
-    'Heebo', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
-    'Segoe UI', Roboto, sans-serif;
-  --font-sans:
-    ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
-    Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
-    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
-  --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
-  --font-mono:
-    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
-    'Courier New', monospace;
-
-  /* === FONT SIZES (From CampX Typography System) === */
-  --font-size-xs: 12px; /* Captions */
-  --font-size-sm: 14px; /* Body 2, Labels, Buttons */
-  --font-size-base: 16px; /* Body 1, Subtitle 2 */
-  --font-size-lg: 18px; /* Subtitle 1 */
-  --font-size-xl: 20px; /* Large text */
-  --font-size-2xl: 24px; /* H6 */
-  --font-size-3xl: 30px; /* H5 */
-  --font-size-4xl: 36px; /* H4 */
-  --font-size-5xl: 48px; /* H3, Display */
-
-  /* === FONT WEIGHTS === */
-  --font-weight-normal: 400; /* Regular/Medium - Body text, labels */
-  --font-weight-semibold: 600; /* Semi Bold - Subtitles, buttons, body emphasis */
-  --font-weight-bold: 800; /* Extra Bold - Headings */
-
-  /* === LINE HEIGHTS === */
-  --line-height-tight: 1.25; /* Headings */
-  --line-height-normal: 1.5; /* Body text */
-  --line-height-relaxed: 1.75; /* Long-form content */
-
-  /* === PRIMITIVE SPACING TOKENS (From Figma) === */
-  --space-0: 0px; /* S0 */
-  --space-1: 2px; /* S1 */
-  --space-2: 4px; /* S2 */
-  --space-3: 8px; /* S3 */
-  --space-4: 12px; /* S4 */
-  --space-5: 16px; /* S5 */
-  --space-6: 20px; /* S6 */
-  --space-7: 24px; /* S7 */
-  --space-8: 32px; /* S8 */
-  --space-9: 48px; /* S9 */
-  --space-10: 52px; /* S10 */
-
-  /* === SEMANTIC SPACING TOKENS === */
-  --spacing-none: 0px;
-  --spacing-xs: 4px;
-  --spacing-sm: 8px;
-  --spacing-md: 16px;
-  --spacing-lg: 24px;
-  --spacing-xl: 32px;
-  --spacing-2xl: 48px;
-
-  /* Component-specific spacing (can be changed independently) */
-  --spacing-button-x: 16px; /* Button horizontal padding */
-  --spacing-button-y: 12px; /* Button vertical padding */
-  --spacing-card: 16px; /* Card padding */
-  --spacing-input-x: 12px; /* Input horizontal padding */
-  --spacing-input-y: 8px; /* Input vertical padding */
-
-  /* === PRIMITIVE RADIUS TOKENS (From Your Design System) === */
-  --radius-0: 0px; /* R0 */
-  --radius-1: 2px; /* R1 */
-  --radius-2: 4px; /* R2 */
-  --radius-3: 8px; /* R3 */
-  --radius-4: 12px; /* R4 */
-  --radius-5: 20px; /* R5 */
-  --radius-6: 24px; /* R6 */
-  --radius-7: 32px; /* R7 */
-  --radius-8: 48px; /* R8 */
-
-  /* === SEMANTIC RADIUS TOKENS === */
-  --radius-none: 0px; /* 0px */
-  --radius-sm: 4px; /* 4px */
-  --radius-md: 8px; /* 12px */
-  --radius-lg: 20px; /* 20px */
-  --radius-xl: 24px; /* 24px */
-  --radius-2xl: 32px; /* 32px */
-  --radius-full: 9999px; /* Fully rounded - pills, avatars */
-
-  /* Corner smoothing value (0-1, where 1 = 100% smoothing) */
-  --corner-smoothing: 1; /* 100% Apple-style smoothing for all corners */
-
-  /* === ICON SIZES (From Figma) === */
-  --icon-sm: 16px; /* WH3 - Small icons */
-  --icon-md: 20px; /* WH2 - Medium icons */
-  --icon-lg: 24px; /* WH1 - Large icons */
-
-  /* === SHADOWS === */
-  --shadow-x: 0;
-  --shadow-y: 1px;
-  --shadow-blur: 3px;
-  --shadow-spread: 0px;
-  --shadow-opacity: 0.1;
-  --shadow-color: 0 0% 0%;
-  --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
-  --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
-  --shadow-sm:
-    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
-  --shadow: 0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
-  --shadow-md:
-    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
-  --shadow-lg:
-    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
-  --shadow-xl:
-    0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
-  --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
-
-  /* === LEGACY (kept for backwards compatibility) === */
-  --radius: 8px; /* Default radius - use semantic tokens instead */
-  --spacing: 4px; /* Default spacing - use semantic tokens instead */
-  --tracking-normal: 0em;
-}
-
-/* ===================================== */
-/* DARK MODE - Override Theme            */
-/* Applied when system prefers dark mode */
-/* ===================================== */
-@media (prefers-color-scheme: dark) {
-  :root {
-    /* ===== NEW SYSTEM ===== */
-    /* === 1. BRAND COLORS === */
-    --colors-brand-primary: #ffffffff;
-    --colors-brand-secondary: #121212ff;
-
-    /* === 2. TEXT COLORS === */
-    --colors-text-primary: #ffffffff;
-    --colors-text-secondary: #ffffffb2;
-    --colors-text-muted: #ffffff80;
-    --colors-text-inverse: #121212ff;
-
-    /* === 3. BASE COLORS === */
-    --colors-base-black: #121212ff;
-    --colors-base-white: #ffffffff;
-
-    /* === 4. SURFACE COLORS === */
-    --colors-surface-page: #1d2127ff;
-    --colors-surface-default: #161a1dff;
-    --colors-surface-subtle: #293640ff;
-
-    /* === 5. BORDER & INPUT === */
-    --colors-border-default: #333333ff;
-
-    /* === 6. ALERT COLORS === */
-    --colors-highlight-alert-red: #f2353cff;
-    --colors-highlight-alert-red-muted: #f2353c33;
-
-    /* === 7. SUCCESS COLORS === */
-    --colors-highlight-success-green: #88b053ff;
-    --colors-highlight-success-green-muted: #88b05333;
-
-    /* === 8. INFO COLORS === */
-    --colors-highlight-info-blue: #4baabeff;
-    --colors-highlight-info-blue-muted: #4baabe33;
-
-    /* === 9. WARNING COLORS === */
-    --colors-highlight-warning-orange: #ed9035ff;
-    --colors-highlight-warning-orange-muted: #ed903533;
-
-    /* === 10. HIGHLIGHT COLORS === */
-    --colors-highlight-highlight-purple: #573dabff;
-    --colors-highlight-highlight-purple-muted: #573dab33;
-    --colors-highlight-highlight-pink: #ea4a6bff;
-    --colors-highlight-highlight-pink-muted: #ea4a6b33;
-
-    /* === 11. SEMANTIC SPACING === */
-    --spacing-none: 0px;
-    --spacing-xxs: 2px;
-    --spacing-xs: 4px;
-    --spacing-sm: 8px;
-    --spacing-md: 12px;
-    --spacing-lg: 16px;
-    --spacing-xl: 20px;
-    --spacing-xxl: 24px;
-
-    /* === 12. SEMANTIC RADIUS === */
-    --radius-none: 0px;
-    --radius-xs: 2px;
-    --radius-sm: 4px;
-    --radius-md: 8px;
-    --radius-lg: 12px;
-    --radius-xl: 20px;
-    --radius-rounded: 48px;
-
-    /* ===== OLD SYSTEM (TO BE REPLACED) ===== */
-    /* === 1. SURFACES === */
-    --background: 200 13% 10%; /* #161A1D */
-    --card: 180 14% 13%; /* #1D2727 */
-    --popover: 180 14% 13%; /* #1D2727 */
-    --muted: 180 14% 13%; /* #1D2727 - Same as card for consistency */
-
-    /* === 2. TEXT === */
-    --foreground: 0 0% 100%; /* #FFFFFF */
-    --card-foreground: 0 0% 100%; /* #FFFFFF */
-    --popover-foreground: 0 0% 100%; /* #FFFFFF */
-    --muted-foreground: 0 0% 100% / 0.7; /* #FFFFFF at 70% opacity */
-
-    /* === 3. PRIMARY (Main buttons, CTAs) === */
-    --primary: 210 13% 85%; /* #D0D5D9 - Light grey (softer than white) */
-    --primary-foreground: 200 13% 11%; /* #161A1D - Dark text */
-
-    /* === 4. SECONDARY (Secondary buttons) === */
-    --secondary: 218 14% 53%; /* #64748B */
-    --secondary-foreground: 0 0% 100%; /* #FFFFFF */
-
-    /* === 5. TERTIARY/ACCENT (Highlights, selections) === */
-    --accent: 356 76% 57%; /* #E43341 - Crimson */
-    --accent-foreground: 0 0% 100%; /* #FFFFFF */
-
-    /* === 6. BORDERS === */
-    --border: 215 25% 27%; /* #334155 - Balanced slate-700 */
-    --input: 215 25% 27%; /* #334155 */
-    --ring: 210 13% 85%; /* #D0D5D9 - Same as primary */
-
-    /* === 7. HIGHLIGHTS === */
-    --destructive: 356 87% 57%; /* #F2353C - Red */
-    --destructive-foreground: 0 0% 100%;
-    --success: 88 37% 52%; /* #88B053 - Green */
-    --info: 189 45% 51%; /* #4BAABE - Blue */
-    --warning: 28 81% 57%; /* #ED9035 - Orange */
-
-    /* === 8. BRAND COLORS (Custom - use manually) === */
-    --brand-1: 244 100% 73%; /* #8075FF - Cool violet */
-    --brand-2: 356 76% 57%; /* #E43341 - Crimson */
-    --brand-3: 291 46% 61%; /* #C160D4 - Light magenta */
-
-    /* === CHART COLORS === */
-    --chart-1: 88 37% 52%; /* #88B053 - Green */
-    --chart-2: 189 45% 51%; /* #4BAABE - Blue */
-    --chart-3: 28 81% 57%; /* #ED9035 - Orange */
-    --chart-4: 254 46% 42%; /* #573DAB - Purple */
-    --chart-5: 348 78% 60%; /* #EA4A6B - Pink */
-
-    /* === SIDEBAR === */
-    --sidebar: 180 14% 13%; /* #1D2727 */
-    --sidebar-foreground: 0 0% 100%; /* #FFFFFF */
-    --sidebar-primary: 214 14% 64%; /* #94A3B8 */
-    --sidebar-primary-foreground: 200 13% 10%; /* #161A1D */
-    --sidebar-accent: 356 76% 57%; /* #E43341 */
-    --sidebar-accent-foreground: 0 0% 100%;
-    --sidebar-border: 215 25% 27%; /* #334155 */
-    --sidebar-ring: 214 14% 64%; /* #94A3B8 */
-
-    /* === FONTS === */
-    --font-sans:
-      ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
-      Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
-      'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
-      'Noto Color Emoji';
-    --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
-    --font-mono:
-      ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
-      'Courier New', monospace;
-
-    /* === PRIMITIVE SPACING TOKENS (From Figma) === */
-    --space-0: 0px; /* S0 */
-    --space-1: 2px; /* S1 */
-    --space-2: 4px; /* S2 */
-    --space-3: 8px; /* S3 */
-    --space-4: 12px; /* S4 */
-    --space-5: 16px; /* S5 */
-    --space-6: 20px; /* S6 */
-    --space-7: 24px; /* S7 */
-    --space-8: 32px; /* S8 */
-    --space-9: 48px; /* S9 */
-    --space-10: 52px; /* S10 */
-
-    /* === SEMANTIC SPACING TOKENS === */
-    --spacing-none: 0px;
-    --spacing-xs: 4px;
-    --spacing-sm: 8px;
-    --spacing-md: 16px;
-    --spacing-lg: 24px;
-    --spacing-xl: 32px;
-    --spacing-2xl: 48px;
-
-    /* Component-specific spacing */
-    --spacing-button-x: 16px;
-    --spacing-button-y: 12px;
-    --spacing-card: 16px;
-    --spacing-input-x: 12px;
-    --spacing-input-y: 8px;
-
-    /* === PRIMITIVE RADIUS TOKENS (From Your Design System) === */
-    --radius-0: 0px; /* R0 */
-    --radius-1: 2px; /* R1 */
-    --radius-2: 4px; /* R2 */
-    --radius-3: 8px; /* R3 */
-    --radius-4: 12px; /* R4 */
-    --radius-5: 20px; /* R5 */
-    --radius-6: 24px; /* R6 */
-    --radius-7: 32px; /* R7 */
-    --radius-8: 48px; /* R8 */
-
-    /* === SEMANTIC RADIUS TOKENS === */
-    --radius-none: 0px; /* 0px */
-    --radius-sm: 4px; /* 4px */
-    --radius-md: 8px; /* 12px */
-    --radius-lg: 20px; /* 20px */
-    --radius-xl: 24px; /* 24px */
-    --radius-2xl: 32px; /* 32px */
-    --radius-full: 9999px; /* Fully rounded */
-
-    /* Corner smoothing value */
-    --corner-smoothing: 1; /* 100% smoothing */
-
-    /* === ICON SIZES (From Figma) === */
-    --icon-sm: 16px; /* WH3 */
-    --icon-md: 20px; /* WH2 */
-    --icon-lg: 24px; /* WH1 */
-
-    /* === SHADOWS === */
-    --shadow-x: 0;
-    --shadow-y: 1px;
-    --shadow-blur: 3px;
-    --shadow-spread: 0px;
-    --shadow-opacity: 0.1;
-    --shadow-color: 0 0% 0%;
-    --shadow-2xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
-    --shadow-xs: 0 1px 3px 0px hsl(0 0% 0% / 0.05);
-    --shadow-sm:
-      0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
-    --shadow:
-      0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 1px 2px -1px hsl(0 0% 0% / 0.1);
-    --shadow-md:
-      0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 2px 4px -1px hsl(0 0% 0% / 0.1);
-    --shadow-lg:
-      0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 4px 6px -1px hsl(0 0% 0% / 0.1);
-    --shadow-xl:
-      0 1px 3px 0px hsl(0 0% 0% / 0.1), 0 8px 10px -1px hsl(0 0% 0% / 0.1);
-    --shadow-2xl: 0 1px 3px 0px hsl(0 0% 0% / 0.25);
-
-    /* === LEGACY (kept for backwards compatibility) === */
-    --radius: 8px;
-    --spacing: 4px;
-    --tracking-normal: 0em;
-  }
-}
-
-@theme inline {
-  --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);
-
-  /* Brand colors */
-  --color-brand-1: var(--brand-1);
-  --color-brand-2: var(--brand-2);
-  --color-brand-3: var(--brand-3);
-
-  /* Highlight colors */
-  --color-success: hsl(var(--success));
-  --color-info: hsl(var(--info));
-  --color-warning: hsl(var(--warning));
-
-  /* Chart colors */
-  --color-chart-1: var(--chart-1);
-  --color-chart-2: var(--chart-2);
-  --color-chart-3: var(--chart-3);
-  --color-chart-4: var(--chart-4);
-  --color-chart-5: var(--chart-5);
-
-  /* Sidebar colors */
-  --color-sidebar: var(--sidebar);
-  --color-sidebar-foreground: var(--sidebar-foreground);
-  --color-sidebar-primary: var(--sidebar-primary);
-  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
-  --color-sidebar-accent: var(--sidebar-accent);
-  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
-  --color-sidebar-border: var(--sidebar-border);
-  --color-sidebar-ring: var(--sidebar-ring);
-
-  --font-sans: var(--font-sans);
-  --font-mono: var(--font-mono);
-  --font-serif: var(--font-serif);
-
-  /* Primitive spacing tokens (S0-S10 from Figma) */
-  --space-0: var(--space-0);
-  --space-1: var(--space-1);
-  --space-2: var(--space-2);
-  --space-3: var(--space-3);
-  --space-4: var(--space-4);
-  --space-5: var(--space-5);
-  --space-6: var(--space-6);
-  --space-7: var(--space-7);
-  --space-8: var(--space-8);
-  --space-9: var(--space-9);
-  --space-10: var(--space-10);
-
-  /* Semantic spacing tokens */
-  --spacing-none: var(--spacing-none);
-  --spacing-xs: var(--spacing-xs);
-  --spacing-sm: var(--spacing-sm);
-  --spacing-md: var(--spacing-md);
-  --spacing-lg: var(--spacing-lg);
-  --spacing-xl: var(--spacing-xl);
-  --spacing-2xl: var(--spacing-2xl);
-
-  /* Component-specific spacing */
-  --spacing-button-x: var(--spacing-button-x);
-  --spacing-button-y: var(--spacing-button-y);
-  --spacing-card: var(--spacing-card);
-  --spacing-input-x: var(--spacing-input-x);
-  --spacing-input-y: var(--spacing-input-y);
-
-  /* Primitive radius tokens (R0-R8) */
-  --radius-0: var(--radius-0);
-  --radius-1: var(--radius-1);
-  --radius-2: var(--radius-2);
-  --radius-3: var(--radius-3);
-  --radius-4: var(--radius-4);
-  --radius-5: var(--radius-5);
-  --radius-6: var(--radius-6);
-  --radius-7: var(--radius-7);
-  --radius-8: var(--radius-8);
-
-  /* Semantic radius tokens */
-  --radius-none: var(--radius-none);
-  --radius-sm: var(--radius-sm);
-  --radius-md: var(--radius-md);
-  --radius-lg: var(--radius-lg);
-  --radius-xl: var(--radius-xl);
-  --radius-2xl: var(--radius-2xl);
-  --radius-full: var(--radius-full);
-
-  /* Corner smoothing */
-  --corner-smoothing: var(--corner-smoothing);
-
-  /* Icon sizes */
-  --icon-sm: var(--icon-sm);
-  --icon-md: var(--icon-md);
-  --icon-lg: var(--icon-lg);
-
-  /* Shadows */
-  --shadow-2xs: var(--shadow-2xs);
-  --shadow-xs: var(--shadow-xs);
-  --shadow-sm: var(--shadow-sm);
-  --shadow: var(--shadow);
-  --shadow-md: var(--shadow-md);
-  --shadow-lg: var(--shadow-lg);
-  --shadow-xl: var(--shadow-xl);
-  --shadow-2xl: var(--shadow-2xl);
-}
+*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--css-interop-darkMode:class dark;--css-interop:true;--css-interop-nativewind:true}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-top-1\.5{top:-.375rem}.bottom-0{bottom:0}.left-0{left:0}.left-1\.5{left:.375rem}.left-2{left:.5rem}.right-0{right:0}.right-4{right:1rem}.right-5{right:1.25rem}.top-0{top:0}.top-3{top:.75rem}.top-4{top:1rem}.top-5{top:1.25rem}.z-50{z-index:50}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.-ml-2\.5{margin-left:-.625rem}.-mt-0\.5{margin-top:-.125rem}.mb-2{margin-bottom:.5rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.size-12{width:3rem;height:3rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.h-0{height:0}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-56{height:14rem}.h-6{height:1.5rem}.h-60{height:15rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[120px\]{height:120px}.h-\[14px\]{height:14px}.h-\[16px\]{height:16px}.h-\[200px\]{height:200px}.h-\[214\.286px\]{height:214.286px}.h-\[300px\]{height:300px}.h-\[38px\]{height:38px}.h-\[400px\]{height:400px}.h-\[48px\]{height:48px}.h-\[60px\]{height:60px}.h-\[80px\]{height:80px}.h-\[9px\]{height:9px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.min-h-16{min-height:4rem}.min-h-\[54px\]{min-height:54px}.w-0{width:0}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[100px\]{width:100px}.w-\[14px\]{width:14px}.w-\[16px\]{width:16px}.w-\[200px\]{width:200px}.w-\[300px\]{width:300px}.w-\[308px\]{width:308px}.w-\[400px\]{width:400px}.w-\[52px\]{width:52px}.w-\[60px\]{width:60px}.w-\[80px\]{width:80px}.w-\[9px\]{width:9px}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.min-w-\[12rem\]{min-width:12rem}.min-w-\[180px\]{min-width:180px}.min-w-\[8rem\]{min-width:8rem}.max-w-\[400px\]{max-width:400px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.translate-x-5{--tw-translate-x:1.25rem}.translate-x-5,.translate-x-6{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-6{--tw-translate-x:1.5rem}.rotate-180{--tw-rotate:180deg}.rotate-180,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.content-stretch{align-content:stretch}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.self-start{align-self:flex-start}.self-center{align-self:center}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.text-balance{text-wrap:balance}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[--radius-xl\]{border-radius:var(--radius-xl)}.rounded-\[20px\]{border-radius:20px}.rounded-\[48px\]{border-radius:48px}.rounded-\[4px\]{border-radius:4px}.rounded-\[var\(--radius-lg\)\]{border-radius:var(--radius-lg)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.rounded-b-lg{border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius)}.rounded-t-lg{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-\[1\.5px\]{border-width:1.5px}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[--colors-border-default\]{border-color:var(--colors-border-default)}.border-border{border-color:hsl(var(--border))}.border-border-default{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.border-brand-primary{--tw-border-opacity:1;border-color:rgb(18 18 18/var(--tw-border-opacity,1))}.border-destructive{border-color:hsl(var(--destructive))}.border-foreground{border-color:hsl(var(--foreground))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-highlight-alert-red{--tw-border-opacity:1;border-color:rgb(242 53 60/var(--tw-border-opacity,1))}.border-highlight-success-green{--tw-border-opacity:1;border-color:rgb(136 176 83/var(--tw-border-opacity,1))}.border-highlight-warning-orange{--tw-border-opacity:1;border-color:rgb(237 144 53/var(--tw-border-opacity,1))}.border-input{border-color:hsl(var(--input))}.border-primary{border-color:hsl(var(--primary))}.border-text-primary{--tw-border-opacity:1;border-color:rgb(18 18 18/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.border-b-transparent{border-bottom-color:transparent}.border-l-transparent{border-left-color:transparent}.border-r-transparent{border-right-color:transparent}.border-t-brand-primary{--tw-border-opacity:1;border-top-color:rgb(18 18 18/var(--tw-border-opacity,1))}.border-t-highlight-alert-red{--tw-border-opacity:1;border-top-color:rgb(242 53 60/var(--tw-border-opacity,1))}.border-t-highlight-success-green{--tw-border-opacity:1;border-top-color:rgb(136 176 83/var(--tw-border-opacity,1))}.border-t-highlight-warning-orange{--tw-border-opacity:1;border-top-color:rgb(237 144 53/var(--tw-border-opacity,1))}.bg-\[\#121212\]{--tw-bg-opacity:1;background-color:rgb(18 18 18/var(--tw-bg-opacity,1))}.bg-\[\#573dab33\]{background-color:#573dab33}.bg-\[\#F2353C\]{--tw-bg-opacity:1;background-color:rgb(242 53 60/var(--tw-bg-opacity,1))}.bg-\[\#F3F4F6\]{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-\[--colors-base-black\]{background-color:var(--colors-base-black)}.bg-\[--colors-highlight-alert-red\]{background-color:var(--colors-highlight-alert-red)}.bg-\[lightgray\]{--tw-bg-opacity:1;background-color:rgb(211 211 211/var(--tw-bg-opacity,1))}.bg-\[rgba\(18\2c 18\2c 18\2c 0\.6\)\]{background-color:hsla(0,0%,7%,.6)}.bg-\[var\(--colors-text-primary\)\]{background-color:var(--colors-text-primary)}.bg-accent{background-color:hsl(var(--accent))}.bg-background{background-color:hsl(var(--background))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/40{background-color:rgba(0,0,0,.4)}.bg-border{background-color:hsl(var(--border))}.bg-brand-primary{--tw-bg-opacity:1;background-color:rgb(18 18 18/var(--tw-bg-opacity,1))}.bg-card{background-color:hsl(var(--card))}.bg-cyan-500{--tw-bg-opacity:1;background-color:rgb(6 182 212/var(--tw-bg-opacity,1))}.bg-cyan-500\/20{background-color:rgba(6,182,212,.2)}.bg-destructive{background-color:hsl(var(--destructive))}.bg-destructive-muted{background-color:hsl(var(--destructive)/.1)}.bg-foreground{background-color:hsl(var(--foreground))}.bg-highlight-alert-red{--tw-bg-opacity:1;background-color:rgb(242 53 60/var(--tw-bg-opacity,1))}.bg-highlight-alert-red-muted{background-color:#f2353c33}.bg-highlight-purple{--tw-bg-opacity:1;background-color:rgb(87 61 171/var(--tw-bg-opacity,1))}.bg-highlight-success-green{--tw-bg-opacity:1;background-color:rgb(136 176 83/var(--tw-bg-opacity,1))}.bg-highlight-success-green-muted{background-color:#88b05333}.bg-highlight-warning-orange{--tw-bg-opacity:1;background-color:rgb(237 144 53/var(--tw-bg-opacity,1))}.bg-highlight-warning-orange-muted{background-color:#ed903533}.bg-info{background-color:hsl(var(--info))}.bg-info-muted{background-color:hsl(var(--info)/.1)}.bg-muted{background-color:hsl(var(--muted))}.bg-muted\/50{background-color:hsl(var(--muted)/.5)}.bg-popover{background-color:hsl(var(--popover))}.bg-primary{background-color:hsl(var(--primary))}.bg-primary\/20{background-color:hsl(var(--primary)/.2)}.bg-secondary{background-color:hsl(var(--secondary))}.bg-success{background-color:hsl(var(--success))}.bg-success-muted{background-color:hsl(var(--success)/.1)}.bg-surface-default{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-surface-page{--tw-bg-opacity:1;background-color:rgb(247 248 250/var(--tw-bg-opacity,1))}.bg-surface-subtle{--tw-bg-opacity:1;background-color:rgb(230 234 241/var(--tw-bg-opacity,1))}.bg-text-inverse{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-text-secondary{--tw-bg-opacity:1;background-color:rgb(106 114 130/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-warning{background-color:hsl(var(--warning))}.bg-warning-muted{background-color:hsl(var(--warning)/.1)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-0{padding-left:0;padding-right:0}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[--space-8\]{padding-left:var(--space-8);padding-right:var(--space-8)}.px-\[18px\]{padding-left:18px;padding-right:18px}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[--spacing-xl\]{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.pb-0{padding-bottom:0}.pb-12{padding-bottom:3rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pl-6{padding-left:1.5rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.pr-4{padding-right:1rem}.pr-6{padding-right:1.5rem}.pt-0{padding-top:0}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.font-\[Geist\]{font-family:Geist}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[14px\]{font-size:14px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-\[var\(--colors-text-primary\)\]{color:var(--colors-text-primary)}.text-accent-foreground{color:hsl(var(--accent-foreground))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-brand-primary{--tw-text-opacity:1;color:rgb(18 18 18/var(--tw-text-opacity,1))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-cyan-500{--tw-text-opacity:1;color:rgb(6 182 212/var(--tw-text-opacity,1))}.text-destructive{color:hsl(var(--destructive))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-destructive\/90{color:hsl(var(--destructive)/.9)}.text-foreground{color:hsl(var(--foreground))}.text-highlight-alert-red{--tw-text-opacity:1;color:rgb(242 53 60/var(--tw-text-opacity,1))}.text-highlight-success-green{--tw-text-opacity:1;color:rgb(136 176 83/var(--tw-text-opacity,1))}.text-highlight-warning-orange{--tw-text-opacity:1;color:rgb(237 144 53/var(--tw-text-opacity,1))}.text-info{color:hsl(var(--info))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-success{color:hsl(var(--success))}.text-text-inverse{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-text-muted{--tw-text-opacity:1;color:rgb(180 184 193/var(--tw-text-opacity,1))}.text-text-primary{--tw-text-opacity:1;color:rgb(18 18 18/var(--tw-text-opacity,1))}.text-text-secondary{--tw-text-opacity:1;color:rgb(106 114 130/var(--tw-text-opacity,1))}.text-warning{color:hsl(var(--warning))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow{--tw-shadow:0px 1px 4px rgba(0,0,0,.35);--tw-shadow-colored:0px 1px 4px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0px 4px 10px rgba(0,0,0,.35);--tw-shadow-colored:0px 4px 10px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0px 3px 10px rgba(0,0,0,.35);--tw-shadow-colored:0px 3px 10px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0px 1px 1px rgba(0,0,0,.35);--tw-shadow-colored:0px 1px 1px var(--tw-shadow-color)}.shadow-black\/10{--tw-shadow-color:rgba(0,0,0,.1);--tw-shadow:var(--tw-shadow-colored)}.shadow-black\/5{--tw-shadow-color:rgba(0,0,0,.05);--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-brand-primary{--tw-ring-opacity:1;--tw-ring-color:rgb(18 18 18/var(--tw-ring-opacity,1))}.ring-primary{--tw-ring-color:hsl(var(--primary))}.ring-offset-2{--tw-ring-offset-width:2px}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-\[box-shadow\]{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[color\2c box-shadow\]{transition-property:color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.fade-in-0{--tw-enter-opacity:0}.zoom-in-95{--tw-enter-scale:.95}.slide-in-from-bottom-2{--tw-enter-translate-y:0.5rem}.slide-in-from-left-2{--tw-enter-translate-x:-0.5rem}.slide-in-from-right-2{--tw-enter-translate-x:0.5rem}.slide-in-from-top-2{--tw-enter-translate-y:-0.5rem}:root{--Spacing-S0:0px;--Spacing-S1:2px;--Spacing-S2:4px;--Spacing-S3:8px;--Spacing-S4:12px;--Spacing-S5:16px;--Spacing-S6:20px;--Spacing-S7:24px;--Spacing-S8:32px;--Colors-Campx-Black-Default:#121212;--Colors-Campx-White-Default:#fff;--Colors-Winnify-Violet-Default:#5b4bdb;--Colors-Winnify-Violet-Soft:#7a6ff0;--Colors-Winnify-Violet-Strong:#4a38b8;--Colors-Winnify-Orange-Soft:#ffc04d;--Colors-Winnify-Orange-Default:#f6a623;--Colors-Winnify-Orange-Strong:#e69500;--Colors-Text-White-50:#ffffff80;--Colors-Text-White-70:#ffffffb2;--Colors-Text-White:#fff;--Colors-Text-Black-50:#b4b8c1;--Colors-Text-Black-70:#6a7282;--Colors-Text-Black:#121212;--Colors-Greys-Violet-50:#f8f8fe;--Colors-Greys-Violet-80:#ebe9fb;--Colors-Greys-Blue-50:#f7f8fa;--Colors-Greys-Grey-100:#f3f4f6;--Colors-Greys-Grey-200:#cbd5e1;--Colors-Greys-Grey-400:#293640;--Colors-Greys-Grey-500:#333;--Colors-Greys-Grey-700:#1d2127;--Colors-Greys-Grey-800:#161a1d;--Colors-Highlights-Green:#88b053;--Colors-Highlights-Blue:#4baabe;--Colors-Highlights-Red:#f2353c;--Colors-Highlights-Orange:#ed9035;--Colors-Highlights-Purple:#573dab;--Colors-Highlights-Pink:#ea4a6b;--Colors-Highlights-Green-muted:#88b05333;--Colors-Highlights-Blue-muted:#4baabe33;--Colors-Highlights-Red-muted:#f2353c33;--Colors-Highlights-Orange-muted:#ed903533;--Colors-Highlights-Purple-muted:#573dab33;--Colors-Highlights-Pink-muted:#ea4a6b33;--Radii-R0:0px;--Radii-R1:2px;--Radii-R2:4px;--Radii-R3:8px;--Radii-R4:12px;--Radii-R5:20px;--Radii-R6:48px;--colors-brand-primary:#121212;--colors-brand-secondary:#fff;--colors-text-primary:#121212;--colors-text-secondary:#6a7282;--colors-text-muted:#b4b8c1;--colors-text-inverse:#fff;--colors-base-black:#121212;--colors-base-white:#fff;--colors-surface-page:#f7f8fa;--colors-surface-default:#fff;--colors-surface-subtle:#e6eaf1;--colors-border-default:#cbd5e1;--colors-highlight-alert-red:#f2353c;--colors-highlight-alert-red-muted:#f2353c33;--colors-highlight-success-green:#88b053;--colors-highlight-success-green-muted:#88b05333;--colors-highlight-info-blue:#4baabe;--colors-highlight-info-blue-muted:#4baabe33;--colors-highlight-warning-orange:#ed9035;--colors-highlight-warning-orange-muted:#ed903533;--colors-highlight-highlight-purple:#573dab;--colors-highlight-highlight-purple-muted:#573dab33;--colors-highlight-highlight-pink:#ea4a6b;--colors-highlight-highlight-pink-muted:#ea4a6b33;--spacing-xxs:2px;--spacing-xxl:24px;--radius-xs:2px;--radius-rounded:48px;--background:210 17% 97%;--card:0 0% 100%;--popover:0 0% 100%;--muted:0 0% 100%;--foreground:0 0% 7%;--card-foreground:0 0% 7%;--popover-foreground:0 0% 7%;--muted-foreground:0 0% 7%/0.7;--primary:200 13% 11%;--primary-foreground:0 0% 100%;--secondary:218 14% 53%;--secondary-foreground:0 0% 100%;--accent:356 76% 57%;--accent-foreground:0 0% 100%;--border:214 32% 84%;--input:214 32% 84%;--ring:200 13% 11%;--destructive:356 87% 57%;--destructive-foreground:0 0% 100%;--success:88 37% 52%;--info:189 45% 51%;--warning:28 81% 57%;--brand-1:252 97% 25%;--brand-2:356 76% 57%;--brand-3:304 69% 33%;--chart-1:88 37% 52%;--chart-2:189 45% 51%;--chart-3:28 81% 57%;--chart-4:254 46% 42%;--chart-5:348 78% 60%;--sidebar:0 0% 100%;--sidebar-foreground:0 0% 7%;--sidebar-primary:214 14% 64%;--sidebar-primary-foreground:0 0% 100%;--sidebar-accent:356 76% 57%;--sidebar-accent-foreground:0 0% 100%;--sidebar-border:214 32% 84%;--sidebar-ring:214 14% 64%;--font-poppins:"Poppins",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-heebo:"Heebo",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-size-4xl:36px;--font-size-5xl:48px;--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:800;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-0:0px;--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:20px;--space-7:24px;--space-8:32px;--space-9:48px;--space-10:52px;--spacing-none:0px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-button-x:16px;--spacing-button-y:12px;--spacing-card:16px;--spacing-input-x:12px;--spacing-input-y:8px;--radius-0:0px;--radius-1:2px;--radius-2:4px;--radius-3:8px;--radius-4:12px;--radius-5:20px;--radius-6:24px;--radius-7:32px;--radius-8:48px;--radius-none:0px;--radius-sm:4px;--radius-md:8px;--radius-lg:20px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--corner-smoothing:1;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--shadow-x:0;--shadow-y:1px;--shadow-blur:3px;--shadow-spread:0px;--shadow-opacity:0.1;--shadow-color:0 0% 0%;--shadow-2xs:0 1px 3px 0px rgba(0,0,0,.05);--shadow-xs:0 1px 3px 0px rgba(0,0,0,.05);--shadow-sm:0 1px 3px 0px rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--shadow:0 1px 3px 0px rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--shadow-md:0 1px 3px 0px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.1);--shadow-lg:0 1px 3px 0px rgba(0,0,0,.1),0 4px 6px -1px rgba(0,0,0,.1);--shadow-xl:0 1px 3px 0px rgba(0,0,0,.1),0 8px 10px -1px rgba(0,0,0,.1);--shadow-2xl:0 1px 3px 0px rgba(0,0,0,.25);--radius:8px;--spacing:4px;--tracking-normal:0em}@media (prefers-color-scheme:dark){:root{--colors-brand-primary:#fff;--colors-brand-secondary:#121212;--colors-text-primary:#fff;--colors-text-secondary:#ffffffb2;--colors-text-muted:#ffffff80;--colors-text-inverse:#121212;--colors-base-black:#121212;--colors-base-white:#fff;--colors-surface-page:#1d2127;--colors-surface-default:#161a1d;--colors-surface-subtle:#293640;--colors-border-default:#333;--colors-highlight-alert-red:#f2353c;--colors-highlight-alert-red-muted:#f2353c33;--colors-highlight-success-green:#88b053;--colors-highlight-success-green-muted:#88b05333;--colors-highlight-info-blue:#4baabe;--colors-highlight-info-blue-muted:#4baabe33;--colors-highlight-warning-orange:#ed9035;--colors-highlight-warning-orange-muted:#ed903533;--colors-highlight-highlight-purple:#573dab;--colors-highlight-highlight-purple-muted:#573dab33;--colors-highlight-highlight-pink:#ea4a6b;--colors-highlight-highlight-pink-muted:#ea4a6b33;--spacing-xxs:2px;--spacing-xxl:24px;--radius-xs:2px;--radius-rounded:48px;--background:200 13% 10%;--card:180 14% 13%;--popover:180 14% 13%;--muted:180 14% 13%;--foreground:0 0% 100%;--card-foreground:0 0% 100%;--popover-foreground:0 0% 100%;--muted-foreground:0 0% 100%/0.7;--primary:210 13% 85%;--primary-foreground:200 13% 11%;--secondary:218 14% 53%;--secondary-foreground:0 0% 100%;--accent:356 76% 57%;--accent-foreground:0 0% 100%;--border:215 25% 27%;--input:215 25% 27%;--ring:210 13% 85%;--destructive:356 87% 57%;--destructive-foreground:0 0% 100%;--success:88 37% 52%;--info:189 45% 51%;--warning:28 81% 57%;--brand-1:244 100% 73%;--brand-2:356 76% 57%;--brand-3:291 46% 61%;--chart-1:88 37% 52%;--chart-2:189 45% 51%;--chart-3:28 81% 57%;--chart-4:254 46% 42%;--chart-5:348 78% 60%;--sidebar:180 14% 13%;--sidebar-foreground:0 0% 100%;--sidebar-primary:214 14% 64%;--sidebar-primary-foreground:200 13% 10%;--sidebar-accent:356 76% 57%;--sidebar-accent-foreground:0 0% 100%;--sidebar-border:215 25% 27%;--sidebar-ring:214 14% 64%;--font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--space-0:0px;--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:20px;--space-7:24px;--space-8:32px;--space-9:48px;--space-10:52px;--spacing-none:0px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-button-x:16px;--spacing-button-y:12px;--spacing-card:16px;--spacing-input-x:12px;--spacing-input-y:8px;--radius-0:0px;--radius-1:2px;--radius-2:4px;--radius-3:8px;--radius-4:12px;--radius-5:20px;--radius-6:24px;--radius-7:32px;--radius-8:48px;--radius-none:0px;--radius-sm:4px;--radius-md:8px;--radius-lg:20px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--corner-smoothing:1;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--shadow-x:0;--shadow-y:1px;--shadow-blur:3px;--shadow-spread:0px;--shadow-opacity:0.1;--shadow-color:0 0% 0%;--shadow-2xs:0 1px 3px 0px rgba(0,0,0,.05);--shadow-xs:0 1px 3px 0px rgba(0,0,0,.05);--shadow-sm:0 1px 3px 0px rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--shadow:0 1px 3px 0px rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--shadow-md:0 1px 3px 0px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.1);--shadow-lg:0 1px 3px 0px rgba(0,0,0,.1),0 4px 6px -1px rgba(0,0,0,.1);--shadow-xl:0 1px 3px 0px rgba(0,0,0,.1),0 8px 10px -1px rgba(0,0,0,.1);--shadow-2xl:0 1px 3px 0px rgba(0,0,0,.25);--radius:8px;--spacing:4px;--tracking-normal:0em}}@theme inline{--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-brand-1:var(--brand-1);--color-brand-2:var(--brand-2);--color-brand-3:var(--brand-3);--color-success:hsl(var(--success));--color-info:hsl(var(--info));--color-warning:hsl(var(--warning));--color-chart-1:var(--chart-1);--color-chart-2:var(--chart-2);--color-chart-3:var(--chart-3);--color-chart-4:var(--chart-4);--color-chart-5:var(--chart-5);--color-sidebar:var(--sidebar);--color-sidebar-foreground:var(--sidebar-foreground);--color-sidebar-primary:var(--sidebar-primary);--color-sidebar-primary-foreground:var(--sidebar-primary-foreground);--color-sidebar-accent:var(--sidebar-accent);--color-sidebar-accent-foreground:var(--sidebar-accent-foreground);--color-sidebar-border:var(--sidebar-border);--color-sidebar-ring:var(--sidebar-ring);--font-sans:var(--font-sans);--font-mono:var(--font-mono);--font-serif:var(--font-serif);--space-0:var(--space-0);--space-1:var(--space-1);--space-2:var(--space-2);--space-3:var(--space-3);--space-4:var(--space-4);--space-5:var(--space-5);--space-6:var(--space-6);--space-7:var(--space-7);--space-8:var(--space-8);--space-9:var(--space-9);--space-10:var(--space-10);--spacing-none:var(--spacing-none);--spacing-xs:var(--spacing-xs);--spacing-sm:var(--spacing-sm);--spacing-md:var(--spacing-md);--spacing-lg:var(--spacing-lg);--spacing-xl:var(--spacing-xl);--spacing-2xl:var(--spacing-2xl);--spacing-button-x:var(--spacing-button-x);--spacing-button-y:var(--spacing-button-y);--spacing-card:var(--spacing-card);--spacing-input-x:var(--spacing-input-x);--spacing-input-y:var(--spacing-input-y);--radius-0:var(--radius-0);--radius-1:var(--radius-1);--radius-2:var(--radius-2);--radius-3:var(--radius-3);--radius-4:var(--radius-4);--radius-5:var(--radius-5);--radius-6:var(--radius-6);--radius-7:var(--radius-7);--radius-8:var(--radius-8);--radius-none:var(--radius-none);--radius-sm:var(--radius-sm);--radius-md:var(--radius-md);--radius-lg:var(--radius-lg);--radius-xl:var(--radius-xl);--radius-2xl:var(--radius-2xl);--radius-full:var(--radius-full);--corner-smoothing:var(--corner-smoothing);--icon-sm:var(--icon-sm);--icon-md:var(--icon-md);--icon-lg:var(--icon-lg);--shadow-2xs:var(--shadow-2xs);--shadow-xs:var(--shadow-xs);--shadow-sm:var(--shadow-sm);--shadow:var(--shadow);--shadow-md:var(--shadow-md);--shadow-lg:var(--shadow-lg);--shadow-xl:var(--shadow-xl);--shadow-2xl:var(--shadow-2xl)}.selection\:bg-primary ::-moz-selection{background-color:hsl(var(--primary))}.selection\:bg-primary ::selection{background-color:hsl(var(--primary))}.selection\:text-primary-foreground ::-moz-selection{color:hsl(var(--primary-foreground))}.selection\:text-primary-foreground ::selection{color:hsl(var(--primary-foreground))}.selection\:bg-primary::-moz-selection{background-color:hsl(var(--primary))}.selection\:bg-primary::selection{background-color:hsl(var(--primary))}.selection\:text-primary-foreground::-moz-selection{color:hsl(var(--primary-foreground))}.selection\:text-primary-foreground::selection{color:hsl(var(--primary-foreground))}.placeholder\:text-muted-foreground::-moz-placeholder{color:hsl(var(--muted-foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.placeholder\:text-muted-foreground\/50::-moz-placeholder{color:hsl(var(--muted-foreground)/.5)}.placeholder\:text-muted-foreground\/50::placeholder{color:hsl(var(--muted-foreground)/.5)}.placeholder\:text-text-muted::-moz-placeholder{--tw-text-opacity:1;color:rgb(180 184 193/var(--tw-text-opacity,1))}.placeholder\:text-text-muted::placeholder{--tw-text-opacity:1;color:rgb(180 184 193/var(--tw-text-opacity,1))}@media (hover:hover) and (pointer:fine){.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}}.focus\:bg-accent:focus{background-color:hsl(var(--accent))}.focus\:bg-destructive\/10:focus{background-color:hsl(var(--destructive)/.1)}.focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.focus-visible\:border-ring:focus-visible{border-color:hsl(var(--ring))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:hsl(var(--ring)/0.5)}.active\:bg-accent:active{background-color:hsl(var(--accent))}.active\:bg-destructive\/10:active{background-color:hsl(var(--destructive)/.1)}.active\:opacity-90:active{opacity:.9}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.group:active .group-active\:text-accent-foreground{color:hsl(var(--accent-foreground))}.group:active .group-active\:text-destructive{color:hsl(var(--destructive))}.group:active .group-active\:text-popover-foreground{color:hsl(var(--popover-foreground))}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-0.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:0.5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-0.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:0.5rem}.web\:inline-flex{display:inline-flex}.web\:select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.web\:px-6{padding-left:1.5rem;padding-right:1.5rem}.dark\:border-accent:is(.dark *){border-color:hsl(var(--accent))}.dark\:border-border:is(.dark *){border-color:hsl(var(--border))}.dark\:border-destructive:is(.dark *){border-color:hsl(var(--destructive))}.dark\:border-gray-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity,1))}.dark\:border-input:is(.dark *){border-color:hsl(var(--input))}.dark\:border-muted:is(.dark *){border-color:hsl(var(--muted))}.dark\:border-primary:is(.dark *){border-color:hsl(var(--primary))}.dark\:bg-\[\#161A1D\]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(22 26 29/var(--tw-bg-opacity,1))}.dark\:bg-\[\#293640\]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(41 54 64/var(--tw-bg-opacity,1))}.dark\:bg-accent:is(.dark *){background-color:hsl(var(--accent))}.dark\:bg-background:is(.dark *){background-color:hsl(var(--background))}.dark\:bg-black:is(.dark *){--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.dark\:bg-card:is(.dark *){background-color:hsl(var(--card))}.dark\:bg-destructive:is(.dark *){background-color:hsl(var(--destructive))}.dark\:bg-muted:is(.dark *){background-color:hsl(var(--muted))}.dark\:bg-popover:is(.dark *){background-color:hsl(var(--popover))}.dark\:bg-primary:is(.dark *){background-color:hsl(var(--primary))}.dark\:bg-secondary:is(.dark *){background-color:hsl(var(--secondary))}.dark\:bg-white:is(.dark *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.dark\:text-accent-foreground:is(.dark *){color:hsl(var(--accent-foreground))}.dark\:text-card-foreground:is(.dark *){color:hsl(var(--card-foreground))}.dark\:text-destructive-foreground:is(.dark *){color:hsl(var(--destructive-foreground))}.dark\:text-foreground:is(.dark *){color:hsl(var(--foreground))}.dark\:text-muted-foreground:is(.dark *){color:hsl(var(--muted-foreground))}.dark\:text-popover-foreground:is(.dark *){color:hsl(var(--popover-foreground))}.dark\:text-primary-foreground:is(.dark *){color:hsl(var(--primary-foreground))}.dark\:text-secondary-foreground:is(.dark *){color:hsl(var(--secondary-foreground))}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:shadow-white\/5:is(.dark *){--tw-shadow-color:hsla(0,0%,100%,.05);--tw-shadow:var(--tw-shadow-colored)}.dark\:selection\:bg-primary :is(.dark *)::-moz-selection{background-color:hsl(var(--primary))}.dark\:selection\:bg-primary :is(.dark *)::selection{background-color:hsl(var(--primary))}.dark\:selection\:text-primary-foreground :is(.dark *)::-moz-selection{color:hsl(var(--primary-foreground))}.dark\:selection\:text-primary-foreground :is(.dark *)::selection{color:hsl(var(--primary-foreground))}.dark\:selection\:bg-primary:is(.dark *)::-moz-selection{background-color:hsl(var(--primary))}.dark\:selection\:bg-primary:is(.dark *)::selection{background-color:hsl(var(--primary))}.dark\:selection\:text-primary-foreground:is(.dark *)::-moz-selection{color:hsl(var(--primary-foreground))}.dark\:selection\:text-primary-foreground:is(.dark *)::selection{color:hsl(var(--primary-foreground))}.dark\:placeholder\:text-muted-foreground:is(.dark *)::-moz-placeholder{color:hsl(var(--muted-foreground))}.dark\:placeholder\:text-muted-foreground:is(.dark *)::placeholder{color:hsl(var(--muted-foreground))}.dark\:placeholder\:text-muted-foreground\/50:is(.dark *)::-moz-placeholder{color:hsl(var(--muted-foreground)/.5)}.dark\:placeholder\:text-muted-foreground\/50:is(.dark *)::placeholder{color:hsl(var(--muted-foreground)/.5)}@media (hover:hover) and (pointer:fine){.dark\:hover\:bg-accent:hover:is(.dark *){background-color:hsl(var(--accent))}.dark\:hover\:text-accent-foreground:hover:is(.dark *){color:hsl(var(--accent-foreground))}}.dark\:focus\:bg-destructive\/20:focus:is(.dark *){background-color:hsl(var(--destructive)/.2)}.dark\:focus\:ring-ring:focus:is(.dark *){--tw-ring-color:hsl(var(--ring))}.dark\:focus-visible\:border-ring:focus-visible:is(.dark *){border-color:hsl(var(--ring))}.dark\:focus-visible\:ring-ring\/50:focus-visible:is(.dark *){--tw-ring-color:hsl(var(--ring)/0.5)}.dark\:active\:bg-accent:active:is(.dark *){background-color:hsl(var(--accent))}.dark\:active\:bg-destructive\/20:active:is(.dark *){background-color:hsl(var(--destructive)/.2)}.dark\:disabled\:opacity-50:disabled:is(.dark *){opacity:.5}@media (min-width:640px){.sm\:h-9{height:2.25rem}.sm\:py-1{padding-top:.25rem;padding-bottom:.25rem}.sm\:py-1\.5{padding-top:.375rem;padding-bottom:.375rem}}@media (min-width:768px){.md\:text-sm{font-size:.875rem;line-height:1.25rem}}.\[\&\>\*\]\:cursor-auto>*{cursor:auto}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}