/* * Font Setup Instructions: * * Using Proxima Nova font for the SpadeSocial casino platform. * Proxima Nova is loaded via Adobe TypeKit for premium typography. */ @property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s} @property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal} @property --tw-animation-duration{syntax:"*";inherits:false} @property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none} @property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1} @property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0} @property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1} @property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0} @property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1} @property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0} @property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0} @property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0} @property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1} @property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0} @property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1} @property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0} @property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0} @theme inline{--animation-delay-0: 0s; --animation-delay-75: 75ms; --animation-delay-100: .1s; --animation-delay-150: .15s; --animation-delay-200: .2s; --animation-delay-300: .3s; --animation-delay-500: .5s; --animation-delay-700: .7s; --animation-delay-1000: 1s; --animation-repeat-0: 0; --animation-repeat-1: 1; --animation-repeat-infinite: infinite; --animation-direction-normal: normal; --animation-direction-reverse: reverse; --animation-direction-alternate: alternate; --animation-direction-alternate-reverse: alternate-reverse; --animation-fill-mode-none: none; --animation-fill-mode-forwards: forwards; --animation-fill-mode-backwards: backwards; --animation-fill-mode-both: both; --percentage-0: 0; --percentage-5: .05; --percentage-10: .1; --percentage-15: .15; --percentage-20: .2; --percentage-25: .25; --percentage-30: .3; --percentage-35: .35; --percentage-40: .4; --percentage-45: .45; --percentage-50: .5; --percentage-55: .55; --percentage-60: .6; --percentage-65: .65; --percentage-70: .7; --percentage-75: .75; --percentage-80: .8; --percentage-85: .85; --percentage-90: .9; --percentage-95: .95; --percentage-100: 1; --percentage-translate-full: 1; --animate-in: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-out: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes enter { from { 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)); filter: blur(var(--tw-enter-blur,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)); filter: blur(var(--tw-exit-blur,0)); }}--animate-accordion-down: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-accordion-up: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-down: collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-up: collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes accordion-down { from { height: 0; }to { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }}@keyframes accordion-up { from { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }to { height: 0; }}@keyframes collapsible-down { from { height: 0; }to { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }}@keyframes collapsible-up { from { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }to { height: 0; }}--animate-caret-blink: caret-blink 1.25s ease-out infinite; @keyframes caret-blink { 0%,70%,100% { opacity: 1; }20%,50% { opacity: 0; }}} @utility animation-duration-*{--tw-animation-duration: calc(--value(number)*1ms); --tw-animation-duration: --value(--animation-duration-*,[duration],"initial",[*]); animation-duration: calc(--value(number)*1ms); animation-duration: --value(--animation-duration-*,[duration],"initial",[*]);} @utility delay-*{animation-delay: calc(--value(number)*1ms); animation-delay: --value(--animation-delay-*,[duration],"initial",[*]); --tw-animation-delay: calc(--value(number)*1ms); --tw-animation-delay: --value(--animation-delay-*,[duration],"initial",[*]);} @utility repeat-*{animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]); --tw-animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]);} @utility direction-*{animation-direction: --value(--animation-direction-*,"initial",[*]); --tw-animation-direction: --value(--animation-direction-*,"initial",[*]);} @utility fill-mode-*{animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]); --tw-animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]);} @utility running{animation-play-state: running;} @utility paused{animation-play-state: paused;} @utility play-state-*{animation-play-state: --value("initial",[*]);} @utility blur-in{--tw-enter-blur: 20px;} @utility blur-in-*{--tw-enter-blur: calc(--value(number)*1px); --tw-enter-blur: --value(--blur-*,[*]);} @utility blur-out{--tw-exit-blur: 20px;} @utility blur-out-*{--tw-exit-blur: calc(--value(number)*1px); --tw-exit-blur: --value(--blur-*,[*]);} @utility fade-in{--tw-enter-opacity: 0;} @utility fade-in-*{--tw-enter-opacity: calc(--value(number)/100); --tw-enter-opacity: --value(--percentage-*,[*]);} @utility fade-out{--tw-exit-opacity: 0;} @utility fade-out-*{--tw-exit-opacity: calc(--value(number)/100); --tw-exit-opacity: --value(--percentage-*,[*]);} @utility zoom-in{--tw-enter-scale: 0;} @utility zoom-in-*{--tw-enter-scale: calc(--value(number)*1%); --tw-enter-scale: calc(--value(ratio)); --tw-enter-scale: --value(--percentage-*,[*]);} @utility -zoom-in-*{--tw-enter-scale: calc(--value(number)*-1%); --tw-enter-scale: calc(--value(ratio)*-1); --tw-enter-scale: --value(--percentage-*,[*]);} @utility zoom-out{--tw-exit-scale: 0;} @utility zoom-out-*{--tw-exit-scale: calc(--value(number)*1%); --tw-exit-scale: calc(--value(ratio)); --tw-exit-scale: --value(--percentage-*,[*]);} @utility -zoom-out-*{--tw-exit-scale: calc(--value(number)*-1%); --tw-exit-scale: calc(--value(ratio)*-1); --tw-exit-scale: --value(--percentage-*,[*]);} @utility spin-in{--tw-enter-rotate: 30deg;} @utility spin-in-*{--tw-enter-rotate: calc(--value(number)*1deg); --tw-enter-rotate: calc(--value(ratio)*360deg); --tw-enter-rotate: --value(--rotate-*,[*]);} @utility -spin-in{--tw-enter-rotate: -30deg;} @utility -spin-in-*{--tw-enter-rotate: calc(--value(number)*-1deg); --tw-enter-rotate: calc(--value(ratio)*-360deg); --tw-enter-rotate: --value(--rotate-*,[*]);} @utility spin-out{--tw-exit-rotate: 30deg;} @utility spin-out-*{--tw-exit-rotate: calc(--value(number)*1deg); --tw-exit-rotate: calc(--value(ratio)*360deg); --tw-exit-rotate: --value(--rotate-*,[*]);} @utility -spin-out{--tw-exit-rotate: -30deg;} @utility -spin-out-*{--tw-exit-rotate: calc(--value(number)*-1deg); --tw-exit-rotate: calc(--value(ratio)*-360deg); --tw-exit-rotate: --value(--rotate-*,[*]);} @utility slide-in-from-top{--tw-enter-translate-y: -100%;} @utility slide-in-from-top-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-y: calc(--value(ratio)*-100%); --tw-enter-translate-y: calc(--value(--translate-*,[percentage],[length])*-1);} @utility slide-in-from-bottom{--tw-enter-translate-y: 100%;} @utility slide-in-from-bottom-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-y: calc(--value(ratio)*100%); --tw-enter-translate-y: --value(--translate-*,[percentage],[length]);} @utility slide-in-from-left{--tw-enter-translate-x: -100%;} @utility slide-in-from-left-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1);} @utility slide-in-from-right{--tw-enter-translate-x: 100%;} @utility slide-in-from-right-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]);} @utility slide-in-from-start{&:dir(ltr){ --tw-enter-translate-x: -100%; }&:dir(rtl){ --tw-enter-translate-x: 100%; }} @utility slide-in-from-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }} @utility slide-in-from-end{&:dir(ltr){ --tw-enter-translate-x: 100%; }&:dir(rtl){ --tw-enter-translate-x: -100%; }} @utility slide-in-from-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }} @utility slide-out-to-top{--tw-exit-translate-y: -100%;} @utility slide-out-to-top-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-y: calc(--value(ratio)*-100%); --tw-exit-translate-y: calc(--value(--translate-*,[percentage],[length])*-1);} @utility slide-out-to-bottom{--tw-exit-translate-y: 100%;} @utility slide-out-to-bottom-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-y: calc(--value(ratio)*100%); --tw-exit-translate-y: --value(--translate-*,[percentage],[length]);} @utility slide-out-to-left{--tw-exit-translate-x: -100%;} @utility slide-out-to-left-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1);} @utility slide-out-to-right{--tw-exit-translate-x: 100%;} @utility slide-out-to-right-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]);} @utility slide-out-to-start{&:dir(ltr){ --tw-exit-translate-x: -100%; }&:dir(rtl){ --tw-exit-translate-x: 100%; }} @utility slide-out-to-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }} @utility slide-out-to-end{&:dir(ltr){ --tw-exit-translate-x: 100%; }&:dir(rtl){ --tw-exit-translate-x: -100%; }} @utility slide-out-to-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }} /** * iOS Safari Keyboard & Zoom Fixes * Global CSS fixes for iOS Safari keyboard and zoom issues * Apply this CSS globally to fix mobile input issues across the entire app */ /* Prevent iOS Safari zoom on input fields by ensuring 16px+ font-size on mobile */ .mobile-input-fix, .mobile-select-fix { font-size: 16px !important; } /* Restore smaller font size on larger screens */ @media (min-width: 1024px) { .mobile-input-fix, .mobile-select-fix { font-size: 0.875rem !important; /* text-sm equivalent */ } } /* Auto-apply mobile fix to common input elements on mobile */ @media (max-width: 1023px) { input[type='text'], input[type='email'], input[type='password'], input[type='number'], input[type='tel'], input[type='url'], input[type='search'], select, textarea { font-size: 16px !important; } } /* iOS Safari-specific fixes */ @supports (-webkit-touch-callout: none) { /* iOS-specific viewport and scrolling fixes */ html { /* Prevent bounce scrolling */ overflow: hidden; height: 100%; } body { /* Enable smooth scrolling and prevent horizontal scroll */ overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; height: 100%; position: relative; /* Prevent zoom on double tap */ touch-action: manipulation; } /* Fix for input fields during keyboard interaction */ input:focus, select:focus, textarea:focus { /* Prevent zoom but allow scrolling */ transform: translateZ(0); -webkit-transform: translateZ(0); /* Prevent outline displacement */ outline-offset: 0; } /* Prevent zoom on form elements */ input, select, textarea, button { /* Disable zoom on touch */ touch-action: manipulation; } /* Fix fixed positioned elements during keyboard show/hide */ .fixed-element-ios-fix { /* Use this class on fixed elements that get displaced by iOS keyboard */ transform: translateZ(0); } /* Container for forms that need keyboard handling */ .ios-keyboard-container { /* Use this on containers with forms for better keyboard handling */ position: relative; min-height: 100vh; padding-bottom: env(keyboard-inset-height, 0); } } /* Utility classes for manual application */ .prevent-ios-zoom { font-size: 16px !important; } @media (min-width: 1024px) { .prevent-ios-zoom { font-size: inherit !important; } } /* Fix for modal/overlay scrolling on iOS */ @supports (-webkit-touch-callout: none) { .ios-modal-fix { /* Apply to modal overlays to prevent background scrolling */ position: fixed; -webkit-overflow-scrolling: touch; } .ios-modal-content { /* Apply to modal content for proper scrolling */ overflow-y: auto; -webkit-overflow-scrolling: touch; max-height: 100vh; } } /* Specific fix for common UI patterns */ .mobile-form-fix { /* Apply to form containers on mobile */ width: 100%; max-width: 100%; } @media (max-width: 768px) { .mobile-form-fix input, .mobile-form-fix select, .mobile-form-fix textarea { font-size: 16px !important; width: 100%; box-sizing: border-box; } } /* Mobile Footer Visibility Fixes */ @media screen and (max-width: 767px) { /* Ensure footers and navigation bars are always visible */ .mobile-footer-fix { position: sticky !important; bottom: 0; z-index: 999; background: var(--background, #fff); border-top: 1px solid var(--border, #e5e5e5); min-height: calc(3.5rem + env(safe-area-inset-bottom, 0px)); padding-bottom: env(safe-area-inset-bottom, 0px); margin-bottom: 0px; } /* Fixed mobile footer - Safari UI avoidance */ .mobile-footer-flush { position: fixed !important; bottom: 0; left: 0; right: 0; z-index: 9999; background: var(--card, #fff); border-top: 1px solid var(--border, #e5e5e5); min-height: calc(3.5rem + env(safe-area-inset-bottom, 0px)); /* Manual spacing above Safari toolbar */ margin-bottom: max(8px, env(safe-area-inset-bottom)); padding-bottom: 8px; /* Enhanced backdrop blur for Safari */ backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); } /* Ensure content never gets covered by fixed footer */ .mobile-content-safe { padding-bottom: calc(6rem + env(safe-area-inset-bottom, 40px)) !important; scroll-padding-bottom: calc(6rem + env(safe-area-inset-bottom, 40px)) !important; } /* Fix for iOS Safari viewport issues */ .mobile-viewport-fix { height: 100vh; height: calc(var(--vh, 1vh) * 100); min-height: -webkit-fill-available; } /* Ensure content doesn't get hidden behind footer */ .mobile-content-with-footer { padding-bottom: calc(4rem + env(safe-area-inset-bottom, 0px)); overflow-y: auto; -webkit-overflow-scrolling: touch; } } /* Universal Mobile Tab Bar Fix */ @media screen and (max-device-width: 768px) { .mobile-tab-bar-universal { position: sticky; bottom: 0; z-index: 999; background: var(--card, #fff); border-top: 1px solid var(--border, #e5e5e5); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); min-height: calc(3.5rem + env(safe-area-inset-bottom, 0px)); margin-bottom: 0px; padding-bottom: env(safe-area-inset-bottom, 0px); } } /* iPhone Safari Specific UI Avoidance */ @supports (-webkit-touch-callout: none) and (max-device-width: 768px) { .mobile-footer-flush, .mobile-tab-bar { /* Force fixed positioning on iPhone Safari */ position: fixed !important; bottom: 0 !important; left: 0 !important; right: 0 !important; /* Aggressive spacing above Safari toolbar */ margin-bottom: max(12px, env(safe-area-inset-bottom)) !important; padding-bottom: 12px !important; /* Maximum backdrop blur for iPhone Safari */ backdrop-filter: blur(40px) !important; -webkit-backdrop-filter: blur(40px) !important; /* Ensure proper box model */ box-sizing: border-box !important; /* Force highest z-index */ z-index: 99999 !important; } } /* Debug helper - shows keyboard state */ .keyboard-debug { position: fixed; top: 10px; right: 10px; background: rgba(0, 0, 0, 0.8); color: white; padding: 5px 10px; font-size: 12px; border-radius: 4px; z-index: 9999; display: none; } /* Show debug info only in development */ .keyboard-debug.active { display: block; } /* * ===================================================== * MODULAR THEME SYSTEM - COMPILED FILE * ===================================================== * * ⚠️ IMPORTANT: DO NOT EDIT THIS FILE DIRECTLY! * * This file imports from the modular theme system. * To edit themes, go to: * * 📁 resources/css/themes/ * ├── clients/[theme-name].css ← Edit specific client themes here * ├── neutrals/[theme-name].css ← Edit neutral themes here * ├── _default.css ← Edit platform default theme * ├── _base-system.css ← Core utilities (advanced only) * └── _registry.css ← Connection registry (DO NOT EDIT) * * 🎯 DEBUGGING QUICK REFERENCE: * - Payment buttons → --primary color in each theme * - Form inputs → --input background, --border edges, --ring focus glow * - Page background → --background * - Card/modal panels → --card background * - Error states → --destructive * - Text colors → --foreground (main), --muted-foreground (secondary) * * See themes/README.md for complete documentation * * Based on industry research from: * - Stripe's perceptually uniform color system * - Cash App's evergreen design system * - Modern gaming UI design trends * - 60/30/10 color distribution rule */ /* ===== IMPORT MODULAR THEME SYSTEM ===== */ /* * ===================================================== * THEME SYSTEM BASE UTILITIES - DO NOT EDIT MANUALLY * ===================================================== * * This file contains core CSS utilities and base classes * that ALL themes depend on. Changes here affect every theme. * * ⚠️ WARNING: Only edit if you know what you're doing! * ⚠️ Test with ALL themes before committing changes! * * 🎨 CSS VARIABLE MAP: * --primary → Main brand color (buttons, links, active states) * --primary-foreground → Text on primary backgrounds (white on colored buttons) * --secondary → Supporting colors (sidebars, inactive areas) * --background → Main page background * --foreground → Primary text color * --card → Card/modal/panel backgrounds * --input → Form input backgrounds * --border → Border colors around elements * --muted → Disabled/subtle background areas * --muted-foreground → Secondary text (labels, placeholders) * --ring → Focus glow around inputs (matches primary) * --destructive → Error/delete button colors * * 🎯 USAGE IN COMPONENTS: * - Payment buttons → --primary * - Form inputs → --input background, --border edges, --ring focus * - Card panels → --card background, --card-foreground text * - Error messages → --destructive * - Labels/hints → --muted-foreground * * If you need to edit a specific theme, go to: * - clients/[theme-name].css * - neutrals/[theme-name].css */ /* * ===================================================== * THEME REGISTRY - DO NOT EDIT MANUALLY * ===================================================== * * ⚠️ CRITICAL FILE: This registry imports all theme files * ⚠️ DO NOT EDIT: Changes here affect the entire theme system * ⚠️ AUTO-GENERATED: This file should be maintained automatically * * To edit themes, go to the individual theme files: * - clients/[theme-name].css * - neutrals/[theme-name].css * * To add a new theme: * 1. Create the theme file in the appropriate directory * 2. Add the @import statement below * 3. Test thoroughly before deploying */ /* ===== BASE SYSTEM (Required) ===== */ /* * ===================================================== * DEFAULT PLATFORM THEME (Light & Dark) * ===================================================== * * Professional neutral system for core platform * Based on modern design system principles * Mode: LIGHT theme (with dark variant) * * 🎨 COLOR DEBUGGING GUIDE: * - Change --primary to adjust continue button & blue accents * - Change --background to adjust main page color * - Change --card to adjust form/modal backgrounds * - Change --input to adjust text field backgrounds * - Change --border to adjust input/card outlines * - Change --ring to adjust focus glow effects * * This is the fallback theme when no specific client theme is set * * SAFE TO EDIT: Core platform theme colors */ /* ===== CLIENT THEMES ===== */ /* * ===================================================== * USSWEEPS THEME - BALANCED GREEN FINTECH * ===================================================== * * Client: USsweeps * Theme Key: ussweeps * Brand: Professional green fintech with strategic color balance * Mode: DARK theme with green accents * * 🎨 COLOR DEBUGGING GUIDE: * - Change --background to adjust main page color * - Change --primary to adjust continue button & green accents * - Change --card to adjust form/modal backgrounds * - Change --input to adjust text field backgrounds * - Change --border to adjust input/card outlines * - Change --tertiary to adjust blue accent elements * * SAFE TO EDIT: This theme only affects USsweeps clients */ [data-theme="ussweeps"] { /* Brand Foundation - Dark Professional with Green Accents */ --background: 215 25% 8%; /* 🏠 Main page background - very dark slate */ --foreground: 215 15% 92%; /* 📝 Main text color - light slate text */ --card: 215 20% 12%; /* 🎴 Card/modal backgrounds - dark slate panels */ --card-foreground: 215 15% 92%; /* 📝 Text inside cards - matches foreground */ --popover: 215 20% 10%; /* 💬 Dropdown/tooltip backgrounds */ --popover-foreground: 215 15% 90%; /* 📝 Text in dropdowns/tooltips */ /* Primary Green System - Professional & Trustworthy */ --primary: 142 76% 36%; /* 💚 MAIN BRAND COLOR - Continue button, payment buttons */ --primary-foreground: 0 0% 100%; /* 🤍 Text on green buttons (pure white) */ --primary-50: 142 76% 95%; /* 🌿 Very light green - hover states */ --primary-100: 142 76% 88%; /* 🌿 Light green - backgrounds */ --primary-200: 142 76% 75%; /* 🌿 Medium light green - subtle accents */ --primary-300: 142 76% 60%; /* 💚 Brighter green - active states */ --primary-400: 142 76% 45%; /* 💚 Standard green - hover states */ --primary-500: 142 76% 36%; /* 💚 Main brand green (same as --primary) */ --primary-600: 142 76% 28%; /* 💚 Dark green - pressed states */ /* Secondary System (30% - Dark Professional Gray) */ --secondary: 215 15% 18%; /* Dark professional gray */ --secondary-foreground: 215 15% 85%; --secondary-50: 215 15% 10%; --secondary-100: 215 15% 15%; --secondary-200: 215 15% 20%; --secondary-300: 215 15% 30%; --secondary-400: 215 15% 40%; --secondary-500: 215 15% 50%; --secondary-600: 215 15% 60%; /* Tertiary Accent (10% - Strategic Blue) */ --tertiary: 205 85% 52%; /* Strategic blue accent */ --tertiary-foreground: 0 0% 100%; --tertiary-50: 205 85% 95%; --tertiary-100: 205 85% 88%; --tertiary-200: 205 85% 75%; --tertiary-300: 205 85% 65%; --tertiary-400: 205 85% 52%; /* Main tertiary */ --tertiary-500: 205 85% 42%; --tertiary-600: 205 85% 32%; /* Semantic Colors - Professional fintech palette */ --success: 142 76% 36%; /* Use primary green for success */ --success-foreground: 0 0% 100%; --warning: 35 91% 56%; /* Professional orange */ --warning-foreground: 0 0% 100%; --error: 0 84% 55%; /* Professional red */ --error-foreground: 0 0% 100%; --info: 205 85% 52%; /* Use tertiary blue for info */ --info-foreground: 0 0% 100%; /* Neutral System - Dark & Professional */ --muted: 215 15% 20%; /* 🌫️ FORM LABELS & DISABLED AREAS - dark professional gray */ --muted-foreground: 215 15% 70%; /* 📝 SECONDARY TEXT - light gray text */ --accent: 142 40% 20%; /* 🎨 Accent highlights - dark green accent */ --accent-foreground: 215 15% 85%; /* 📝 Text on accent backgrounds */ --destructive: 0 84% 55%; /* 🚨 ERROR/DELETE BUTTONS - professional red */ --destructive-foreground: 0 0% 100%; /* 🤍 Text on error buttons (white) */ --border: 215 15% 25%; /* 🔲 INPUT BORDERS & CARD EDGES - dark gray borders */ --input: 215 15% 15%; /* 📝 TEXT FIELD BACKGROUNDS - dark input backgrounds */ --ring: 142 76% 36%; /* 💚 FOCUS GLOW - green focus rings (matches primary) */ --radius: 0.75rem; /* 🔘 Border radius for cards/buttons */ /* Chart Colors - Balanced fintech palette */ --chart-1: 142 76% 36%; /* Primary green */ --chart-2: 205 85% 52%; /* Blue */ --chart-3: 35 91% 56%; /* Orange */ --chart-4: 265 85% 60%; /* Purple */ --chart-5: 0 84% 55%; /* Red */ } /* * ===== USSWEEPS COMPONENT CUSTOMIZATIONS ===== * * 🎯 DEBUGGING TIPS FOR COMPONENTS: * - .payment-btn → Payment/Continue buttons (green + blue gradient) * - .card-professional → Modal/form backgrounds (subtle gradient) * - .form-input:focus → Text field focus states (green glow) * - .notification.success → Success messages (green tint) * - .badge-fintech → Professional badges (green + blue gradient) */ /* 💚 Payment Button - Main CTA with green + blue gradient */ [data-theme="ussweeps"] .payment-btn { background: linear-gradient(135deg, hsl(var(--primary)), hsl(var(--tertiary))); border: 2px solid hsl(var(--primary)); transition: all 0.2s ease; } /* 💚 Payment Button Hover - Elevates with shadow */ [data-theme="ussweeps"] .payment-btn:hover { background: linear-gradient(135deg, hsl(var(--primary-400)), hsl(var(--tertiary-400))); transform: translateY(-1px); box-shadow: 0 4px 12px hsl(var(--primary) / 0.2); } /* 🎴 Professional Cards - Subtle gradient backgrounds */ [data-theme="ussweeps"] .card-professional { background: linear-gradient(135deg, hsl(var(--card)), hsl(var(--secondary-200))); border: 1px solid hsl(var(--border)); backdrop-filter: blur(4px); } /* 📝 Form Input Focus - Green glow when selected */ [data-theme="ussweeps"] .form-input:focus { border-color: hsl(var(--primary)); box-shadow: 0 0 0 2px hsl(var(--primary) / 0.2); } /* ✅ Success Notifications - Green theme matching */ [data-theme="ussweeps"] .notification.success { background: linear-gradient(135deg, hsl(var(--success) / 0.1), hsl(var(--primary) / 0.05)); border-left: 4px solid hsl(var(--success)); } /* 💼 Fintech Badges - Green + blue gradient with text shadow */ [data-theme="ussweeps"] .badge-fintech { background: linear-gradient(135deg, hsl(var(--primary)), hsl(var(--tertiary))); color: hsl(var(--primary-foreground)); text-shadow: 0 1px 2px hsl(var(--primary) / 0.3); } /* * ===================================================== * SOPHIA'S PINK GAMEROOM THEME * ===================================================== * * Client: Sophia's Gameroom * Theme Key: sophias-pink * Brand: Elegant rose pink with sophisticated balance * Mode: DARK theme with pink accents * * 🎨 COLOR DEBUGGING GUIDE: * - Change --background to adjust main page color * - Change --primary to adjust continue button & pink accents * - Change --card to adjust form/modal backgrounds * - Change --input to adjust text field backgrounds * - Change --border to adjust input/card outlines * * SAFE TO EDIT: This theme only affects Sophia's clients */ [data-theme="sophias-pink"] { /* Foundation - Dark Elegant with Pink Accents */ --background: 340 15% 8%; /* 🏠 Main page background - very dark rose-gray */ --foreground: 340 25% 92%; /* 📝 Main text color - light rose-tinted */ --card: 340 20% 12%; /* 🎴 Card/modal backgrounds - dark rose panels */ --card-foreground: 340 25% 92%; /* 📝 Text inside cards - matches foreground */ --popover: 340 20% 10%; /* 💬 Dropdown/tooltip backgrounds */ --popover-foreground: 340 25% 90%; /* 📝 Text in dropdowns/tooltips */ /* Primary Pink System (60% - True Sophia Pink) */ --primary: 330 85% 60%; /* 💗 MAIN BRAND COLOR - Continue button, payment buttons */ --primary-foreground: 0 0% 100%; /* 🤍 Text on pink buttons (pure white) */ --primary-50: 330 85% 95%; /* 🌸 Very light pink tint - hover states */ --primary-100: 330 85% 88%; /* 🌸 Light pink - backgrounds */ --primary-200: 330 85% 75%; /* 🌸 Medium light pink - subtle accents */ --primary-300: 330 85% 60%; /* 💗 Main brand color (same as --primary) */ --primary-400: 330 85% 50%; /* 💗 Darker pink - active states */ --primary-500: 330 85% 40%; /* 💗 Dark pink - pressed states */ --primary-600: 330 85% 30%; /* 💗 Very dark pink - deep accents */ /* Secondary System (30% - Dark Rose Gray) */ --secondary: 340 15% 18%; /* 🌫️ Dark gray with rose undertone - panels, sidebars */ --secondary-foreground: 340 25% 85%; /* 📝 Text on secondary backgrounds */ --secondary-50: 340 15% 10%; /* 🌑 Darkest gray */ --secondary-100: 340 15% 15%; /* 🌑 Very dark gray */ --secondary-200: 340 15% 20%; /* 🌫️ Dark gray (same as --secondary) */ --secondary-300: 340 15% 30%; /* 🌫️ Medium gray */ --secondary-400: 340 15% 40%; /* 🌫️ Lighter gray */ --secondary-500: 340 15% 50%; /* 🌫️ Medium-light gray */ --secondary-600: 340 15% 60%; /* 🌫️ Light gray */ /* Tertiary Accent (10% - Deep Rose) */ --tertiary: 330 85% 45%; /* Deep rose for accents */ --tertiary-foreground: 0 0% 100%; --tertiary-50: 330 85% 95%; --tertiary-100: 330 85% 88%; --tertiary-200: 330 85% 75%; --tertiary-300: 330 85% 60%; --tertiary-400: 330 85% 45%; /* Main tertiary */ --tertiary-500: 330 85% 35%; --tertiary-600: 330 85% 25%; /* Semantic Colors - Balanced palette */ --success: 142 76% 36%; /* Keep green for success */ --success-foreground: 0 0% 100%; --warning: 38 92% 50%; /* Amber for warnings */ --warning-foreground: 0 0% 100%; --error: 0 84% 60%; /* Red for errors */ --error-foreground: 0 0% 100%; --info: 199 89% 48%; /* Blue for info */ --info-foreground: 0 0% 100%; /* Neutral System with Dark Rose Undertones */ --muted: 340 15% 20%; /* 🌫️ FORM LABELS & DISABLED AREAS - dark rose-gray */ --muted-foreground: 340 15% 70%; /* 📝 SECONDARY TEXT - light rose-gray text */ --accent: 340 40% 20%; /* 🎨 Accent highlights - dark pink accent */ --accent-foreground: 340 25% 85%; /* 📝 Text on accent backgrounds */ --destructive: 0 84% 60%; /* 🚨 ERROR/DELETE BUTTONS - red for destructive actions */ --destructive-foreground: 0 0% 100%; /* 🤍 Text on error buttons (white) */ --border: 340 15% 25%; /* 🔲 INPUT BORDERS & CARD EDGES - dark rose-gray */ --input: 340 15% 15%; /* 📝 TEXT FIELD BACKGROUNDS - dark input backgrounds */ --ring: 330 85% 60%; /* 💗 FOCUS GLOW - pink focus rings (matches primary) */ --radius: 0.75rem; /* 🔘 Border radius for cards/buttons */ /* Chart Colors - Pink-themed palette */ --chart-1: 330 85% 60%; /* Primary pink */ --chart-2: 199 89% 48%; /* Blue */ --chart-3: 142 76% 36%; /* Green */ --chart-4: 38 92% 50%; /* Amber */ --chart-5: 0 84% 60%; /* Red */ /* Admin-specific theme variables */ --admin-primary: 330 85% 60%; /* Sophia's signature pink */ --admin-secondary: 340 15% 18%; /* Dark rose-gray */ --admin-tertiary: 199 89% 48%; /* Blue accent */ --admin-background: 340 20% 8%; /* Very dark rose-gray */ --admin-foreground: 340 15% 92%; /* Light rose-tinted text */ --admin-card: 340 25% 12%; /* Dark rose panels */ --admin-border: 340 15% 25%; /* Dark rose-gray borders */ --admin-branding-logo: url('/storage/clients/sophias-pink/logo.svg'); --admin-branding-name: "Sophia's Casino"; } /* * ===== SOPHIA'S PINK COMPONENT CUSTOMIZATIONS ===== * * 🎯 DEBUGGING TIPS FOR COMPONENTS: * - .payment-btn → Payment/Continue buttons (gradient pink) * - .card-elegant → Modal/form backgrounds (subtle gradient) * - .form-input:focus → Text field focus states (pink glow) * - .notification.success → Success messages (green + pink tint) * - .badge-premium → Premium badges (pink gradient) */ /* 💗 Payment Button - Main CTA with pink gradient */ [data-theme="sophias-pink"] .payment-btn { background: linear-gradient(135deg, hsl(var(--primary)), hsl(var(--tertiary))); border: 2px solid hsl(var(--primary)); transition: all 0.2s ease; } /* 💗 Payment Button Hover - Elevates with shadow */ [data-theme="sophias-pink"] .payment-btn:hover { background: linear-gradient(135deg, hsl(var(--primary-400)), hsl(var(--tertiary-400))); transform: translateY(-1px); box-shadow: 0 4px 12px hsl(var(--primary) / 0.2); } /* 🎴 Elegant Cards - Subtle gradient backgrounds */ [data-theme="sophias-pink"] .card-elegant { background: linear-gradient(135deg, hsl(var(--card)), hsl(var(--secondary-200))); border: 1px solid hsl(var(--border)); backdrop-filter: blur(4px); } /* 📝 Form Input Focus - Pink glow when selected */ [data-theme="sophias-pink"] .form-input:focus { border-color: hsl(var(--primary)); box-shadow: 0 0 0 2px hsl(var(--primary) / 0.2); } /* ✅ Success Notifications - Green with pink undertone */ [data-theme="sophias-pink"] .notification.success { background: linear-gradient(135deg, hsl(var(--success) / 0.1), hsl(var(--primary) / 0.05)); border-left: 4px solid hsl(var(--success)); } /* 👑 Premium Badges - Pink gradient with text shadow */ [data-theme="sophias-pink"] .badge-premium { background: linear-gradient(135deg, hsl(var(--primary)), hsl(var(--tertiary))); color: hsl(var(--primary-foreground)); text-shadow: 0 1px 2px hsl(var(--primary) / 0.3); } /* * ===================================================== * FLUX GAMING THEME * ===================================================== * * Client: Flux Gaming * Theme Key: flux-gaming * Brand: Modern blue gaming aesthetic with steel accents * Mode: DARK theme with gaming elements * * 🎨 COLOR DEBUGGING GUIDE: * - Change --background to adjust main page color * - Change --primary to adjust continue button & blue accents (#1241f3) * - Change --card to adjust form/modal backgrounds * - Change --input to adjust text field backgrounds * - Change --border to adjust input/card outlines * - Change --tertiary to adjust neon blue gaming elements * * SAFE TO EDIT: This theme only affects Flux Gaming clients */ [data-theme="flux-gaming"] { /* Foundation - Dark Gaming Theme with Steel Undertones */ --background: 215 25% 8%; /* 🏠 Main page background - very dark steel-gray */ --foreground: 215 15% 92%; /* 📝 Main text color - light steel-tinted */ --card: 215 25% 12%; /* 🎴 Card/modal backgrounds - dark steel panels */ --card-foreground: 215 15% 92%; /* 📝 Text inside cards - matches foreground */ --popover: 215 25% 10%; /* 💬 Dropdown/tooltip backgrounds */ --popover-foreground: 215 15% 90%; /* 📝 Text in dropdowns/tooltips */ /* Primary Blue Gaming System (60% - FluxGaming Royal Blue) */ --primary: 231 89% 52%; /* 🔵 MAIN BRAND COLOR - FluxGaming royal blue #1241f3 */ --primary-foreground: 0 0% 100%; /* 🤍 Text on blue buttons (pure white) */ --primary-50: 231 89% 95%; /* 🌌 Very light blue tint - hover states */ --primary-100: 231 89% 88%; /* 🌌 Light blue - backgrounds */ --primary-200: 231 89% 75%; /* 🌌 Medium light blue - subtle accents */ --primary-300: 231 89% 65%; /* 🔵 Brighter blue - active states */ --primary-400: 231 89% 52%; /* 🔵 Main brand color (same as --primary) */ --primary-500: 231 89% 42%; /* 🔵 Dark blue - hover states */ --primary-600: 231 89% 32%; /* 🔵 Very dark blue - pressed states */ /* Secondary System (30% - Cool Steel Gray with Blue Undertones) */ --secondary: 215 25% 18%; /* Cool steel gray with subtle blue undertone */ --secondary-foreground: 215 15% 85%; --secondary-50: 215 25% 10%; --secondary-100: 215 25% 15%; --secondary-200: 215 25% 20%; --secondary-300: 215 25% 30%; --secondary-400: 215 25% 40%; --secondary-500: 215 25% 50%; --secondary-600: 215 25% 60%; /* Tertiary Accent (10% - Neon Blue) */ --tertiary: 200 100% 60%; /* Neon blue for gaming accents */ --tertiary-foreground: 0 0% 100%; --tertiary-50: 200 100% 95%; --tertiary-100: 200 100% 88%; --tertiary-200: 200 100% 75%; --tertiary-300: 200 100% 60%; --tertiary-400: 200 100% 50%; /* Main tertiary */ --tertiary-500: 200 100% 40%; --tertiary-600: 200 100% 30%; /* Semantic Colors - Gaming-themed palette */ --success: 142 76% 36%; /* Keep green for success */ --success-foreground: 0 0% 100%; --warning: 38 92% 50%; /* Amber for warnings */ --warning-foreground: 0 0% 100%; --error: 0 84% 60%; /* Red for errors */ --error-foreground: 0 0% 100%; --info: 200 100% 60%; /* Neon blue for info */ --info-foreground: 0 0% 100%; /* Neutral System with Cool Steel Undertones */ --muted: 215 25% 20%; /* 🌫️ FORM LABELS & DISABLED AREAS - cool steel-gray */ --muted-foreground: 215 15% 70%; /* 📝 SECONDARY TEXT - light steel-gray text */ --accent: 215 40% 20%; /* 🎨 Accent highlights - darker steel accent */ --accent-foreground: 215 15% 85%; /* 📝 Text on accent backgrounds */ --destructive: 0 84% 60%; /* 🚨 ERROR/DELETE BUTTONS - red for destructive actions */ --destructive-foreground: 0 0% 100%; /* 🤍 Text on error buttons (white) */ --border: 215 25% 25%; /* 🔲 INPUT BORDERS & CARD EDGES - cool steel borders */ --input: 215 25% 15%; /* 📝 TEXT FIELD BACKGROUNDS - dark steel input backgrounds */ --ring: 231 89% 52%; /* 🔵 FOCUS GLOW - blue focus rings (matches primary) */ --radius: 0.5rem; /* 🔘 Border radius - sharper corners for gaming feel */ /* Chart Colors - Gaming-themed palette */ --chart-1: 231 89% 52%; /* Primary blue */ --chart-2: 200 100% 60%; /* Neon blue */ --chart-3: 142 76% 36%; /* Green */ --chart-4: 38 92% 50%; /* Amber */ --chart-5: 0 84% 60%; /* Red */ /* Admin-specific theme variables */ --admin-primary: 231 89% 52%; /* FluxGaming royal blue */ --admin-secondary: 215 25% 18%; /* Cool steel gray with blue undertone */ --admin-tertiary: 200 100% 60%; /* Neon blue accent */ --admin-background: 215 25% 8%; /* Very dark steel-gray */ --admin-foreground: 215 15% 92%; /* Light steel-tinted text */ --admin-card: 215 25% 12%; /* Dark steel panels */ --admin-border: 215 25% 25%; /* Cool steel borders */ --admin-branding-logo: url('/storage/clients/flux-gaming/logo.svg'); --admin-branding-name: "Flux Gaming"; } /* * ===== FLUX GAMING COMPONENT CUSTOMIZATIONS ===== * * 🎯 DEBUGGING TIPS FOR COMPONENTS: * - .payment-btn → Payment/Continue buttons (blue + neon gradient, gaming glow) * - .card-gaming → Modal/form backgrounds (subtle gradient) * - .form-input:focus → Text field focus states (blue glow) * - .notification.gaming → Gaming notifications (blue + neon tint) * - .badge-gaming → Gaming badges (blue + neon gradient, sharp corners) */ /* 🔵 Payment Button - Gaming CTA with blue + neon gradient and glow */ [data-theme="flux-gaming"] .payment-btn { background: linear-gradient(135deg, hsl(var(--primary)), hsl(var(--tertiary))); border: 2px solid hsl(var(--primary)); transition: all 0.2s ease; box-shadow: 0 0 0 0 hsl(var(--primary) / 0.5); } /* 🔵 Payment Button Hover - Elevates with enhanced gaming glow */ [data-theme="flux-gaming"] .payment-btn:hover { background: linear-gradient(135deg, hsl(var(--primary-400)), hsl(var(--tertiary-400))); transform: translateY(-1px); box-shadow: 0 4px 12px hsl(var(--primary) / 0.25), 0 0 20px hsl(var(--primary) / 0.15); } /* 🎴 Gaming Cards - Subtle gradient backgrounds with blur */ [data-theme="flux-gaming"] .card-gaming { background: linear-gradient(135deg, hsl(var(--card)), hsl(var(--secondary-200))); border: 1px solid hsl(var(--border)); backdrop-filter: blur(4px); } /* 📝 Form Input Focus - Blue glow when selected (gaming intensity) */ [data-theme="flux-gaming"] .form-input:focus { border-color: hsl(var(--primary)); box-shadow: 0 0 0 2px hsl(var(--primary) / 0.25); } /* 🎮 Gaming Notifications - Blue + neon theme matching */ [data-theme="flux-gaming"] .notification.gaming { background: linear-gradient(135deg, hsl(var(--primary) / 0.1), hsl(var(--tertiary) / 0.05)); border-left: 4px solid hsl(var(--primary)); } /* 🏆 Gaming Badges - Blue + neon gradient with sharp corners */ [data-theme="flux-gaming"] .badge-gaming { background: linear-gradient(135deg, hsl(var(--primary)), hsl(var(--tertiary))); color: hsl(var(--primary-foreground)); text-shadow: 0 1px 2px hsl(var(--primary) / 0.3); border-radius: 0.375rem; } /* ===== THEME SYSTEM STATUS ===== */ /* * Total Themes: 4 * Client Themes: 3 * Default Theme: 1 * * Last Updated: Added comprehensive CSS comments for debugging * Registry Version: 1.3.0 * * 🎨 Theme Keys Available: * - ussweeps (client - 💚 green professional fintech, DARK mode) * - sophias-pink (client - 💗 rose pink elegant, DARK mode) * - flux-gaming (client - 🔵 blue gaming with neon, DARK mode) * - default (fallback, DARK mode) * * 🎯 Debugging Guide: * Each theme defines these key variables for you to adjust: * --primary → Main brand color (payment buttons, CTAs) * --background → Page background * --card → Form/modal backgrounds * --input → Text field backgrounds * --border → Input/card borders * --ring → Focus glow effects * --foreground → Main text color * --muted-foreground → Secondary text (labels, hints) * --destructive → Error/delete button colors */ /* * ===================================================== * PLATFORM ADMIN THEME * ===================================================== * * Theme: SpadeSocial Platform Administration * Theme Key: platform * Brand: Professional blue platform theme * Mode: DARK theme with platform elements * * 🎨 COLOR DEBUGGING GUIDE: * - Change --admin-background to adjust main admin page color * - Change --admin-primary to adjust platform blue (#3B82F6) * - Change --admin-card to adjust admin panel backgrounds * - Change --admin-border to adjust admin panel outlines * * SAFE TO EDIT: This theme only affects Platform Admins */ [data-theme="platform"] { /* Foundation - Dark Platform Theme */ --background: 222 84% 5%; /* 🏠 Main admin background - very dark blue-gray */ --foreground: 210 40% 98%; /* 📝 Main text color - light gray */ --card: 222 47% 11%; /* 🎴 Admin panel backgrounds - dark blue panels */ --card-foreground: 210 40% 98%; /* 📝 Text inside admin panels */ --popover: 222 47% 8%; /* 💬 Dropdown/tooltip backgrounds */ --popover-foreground: 210 40% 95%; /* 📝 Text in dropdowns/tooltips */ /* Primary Platform System (60% - SpadeSocial Blue) */ --primary: 217 91% 60%; /* 🔵 MAIN PLATFORM COLOR - SpadeSocial blue #3B82F6 */ --primary-foreground: 0 0% 100%; /* 🤍 Text on blue buttons (pure white) */ --primary-50: 217 91% 95%; /* 🌌 Very light blue tint */ --primary-100: 217 91% 88%; /* 🌌 Light blue backgrounds */ --primary-200: 217 91% 75%; /* 🌌 Medium light blue */ --primary-300: 217 91% 65%; /* 🔵 Brighter blue */ --primary-400: 217 91% 60%; /* 🔵 Main platform color (same as --primary) */ --primary-500: 217 91% 50%; /* 🔵 Dark blue - hover states */ --primary-600: 217 91% 40%; /* 🔵 Very dark blue - pressed states */ /* Secondary System (30% - Professional Gray) */ --secondary: 215 25% 27%; /* Professional dark gray */ --secondary-foreground: 210 40% 85%; --secondary-50: 215 25% 15%; --secondary-100: 215 25% 20%; --secondary-200: 215 25% 25%; --secondary-300: 215 25% 35%; --secondary-400: 215 25% 45%; --secondary-500: 215 25% 55%; --secondary-600: 215 25% 65%; /* Tertiary Accent (10% - Professional Cyan) */ --tertiary: 188 100% 60%; /* Professional cyan for accents */ --tertiary-foreground: 0 0% 100%; --tertiary-50: 188 100% 95%; --tertiary-100: 188 100% 88%; --tertiary-200: 188 100% 75%; --tertiary-300: 188 100% 60%; --tertiary-400: 188 100% 50%; /* Main tertiary */ --tertiary-500: 188 100% 40%; --tertiary-600: 188 100% 30%; /* Semantic Colors - Professional palette */ --success: 142 76% 36%; /* Green for success */ --success-foreground: 0 0% 100%; --warning: 38 92% 50%; /* Amber for warnings */ --warning-foreground: 0 0% 100%; --error: 0 84% 60%; /* Red for errors */ --error-foreground: 0 0% 100%; --info: 217 91% 60%; /* Platform blue for info */ --info-foreground: 0 0% 100%; /* Neutral System with Dark Blue Undertones */ --muted: 215 25% 18%; /* 🌫️ FORM LABELS & DISABLED AREAS */ --muted-foreground: 215 20% 65%; /* 📝 SECONDARY TEXT */ --accent: 215 25% 20%; /* 🎨 Accent highlights */ --accent-foreground: 210 40% 85%; /* 📝 Text on accent backgrounds */ --destructive: 0 84% 60%; /* 🚨 ERROR/DELETE BUTTONS */ --destructive-foreground: 0 0% 100%; /* 🤍 Text on error buttons */ --border: 215 25% 35%; /* 🔲 INPUT BORDERS & PANEL EDGES */ --input: 215 25% 15%; /* 📝 TEXT FIELD BACKGROUNDS */ --ring: 217 91% 60%; /* 🔵 FOCUS GLOW - platform blue */ --radius: 0.5rem; /* 🔘 Border radius */ /* Chart Colors - Professional platform palette */ --chart-1: 217 91% 60%; /* Platform primary blue */ --chart-2: 188 100% 60%; /* Professional cyan */ --chart-3: 142 76% 36%; /* Green */ --chart-4: 38 92% 50%; /* Amber */ --chart-5: 0 84% 60%; /* Red */ /* Admin-specific theme variables */ --admin-primary: 217 91% 60%; /* SpadeSocial platform blue */ --admin-secondary: 215 25% 27%; /* Professional dark gray */ --admin-tertiary: 188 100% 60%; /* Professional cyan accent */ --admin-background: 222 84% 5%; /* Very dark blue-gray */ --admin-foreground: 210 40% 98%; /* Light gray text */ --admin-card: 222 47% 11%; /* Dark blue admin panels */ --admin-border: 215 25% 35%; /* Professional gray borders */ --admin-branding-logo: url('/images/spadesocial-logo.svg'); --admin-branding-name: "SpadeSocial"; } /* * ===== PLATFORM ADMIN COMPONENT CUSTOMIZATIONS ===== * * 🎯 DEBUGGING TIPS FOR COMPONENTS: * - .admin-button-primary → Platform action buttons (blue gradient) * - .admin-panel → Admin panel backgrounds (dark blue) * - .admin-input-field:focus → Text field focus states (blue glow) * - .admin-notification → Platform notifications (blue theme) * - .admin-badge → Platform badges (blue gradient) */ /* 🔵 Platform Admin Buttons - Professional blue gradient */ [data-theme="platform"] .admin-button-primary { background: linear-gradient(135deg, hsl(var(--admin-primary)), hsl(var(--admin-primary) / 0.9)); border: 2px solid hsl(var(--admin-primary)); transition: all 0.2s ease; box-shadow: 0 0 0 0 hsl(var(--admin-primary) / 0.5); } [data-theme="platform"] .admin-button-primary:hover { background: linear-gradient(135deg, hsl(var(--admin-primary) / 0.9), hsl(var(--admin-primary) / 0.8)); transform: translateY(-1px); box-shadow: 0 4px 12px hsl(var(--admin-primary) / 0.25), 0 0 20px hsl(var(--admin-primary) / 0.15); } /* 🎴 Platform Admin Panels - Professional dark backgrounds */ [data-theme="platform"] .admin-panel { background: linear-gradient(135deg, hsl(var(--admin-card)), hsl(var(--admin-card) / 0.95)); border: 1px solid hsl(var(--admin-border)); backdrop-filter: blur(8px); } /* 📝 Platform Admin Input Focus - Blue glow */ [data-theme="platform"] .admin-input-field:focus { border-color: hsl(var(--admin-primary)); box-shadow: 0 0 0 2px hsl(var(--admin-primary) / 0.25); } /* 🔔 Platform Admin Notifications - Blue theme */ [data-theme="platform"] .admin-notification { background: linear-gradient(135deg, hsl(var(--admin-primary) / 0.1), hsl(var(--admin-tertiary) / 0.05)); border-left: 4px solid hsl(var(--admin-primary)); } /* 🏆 Platform Admin Badges - Blue gradient with professional styling */ [data-theme="platform"] .admin-badge { background: linear-gradient(135deg, hsl(var(--admin-primary)), hsl(var(--admin-tertiary))); color: hsl(var(--primary-foreground)); text-shadow: 0 1px 2px hsl(var(--admin-primary) / 0.3); border-radius: 0.375rem; font-weight: 600; letter-spacing: 0.025em; } /* Platform-specific widget styling */ [data-theme="platform"] .widget-platform-admin { border-left: 3px solid hsl(var(--admin-primary)); background: linear-gradient(135deg, hsl(var(--admin-card)), hsl(var(--admin-card) / 0.95)); } [data-theme="platform"] .widget-platform-admin:hover { box-shadow: 0 10px 25px -5px hsl(var(--admin-primary) / 0.1), 0 8px 10px -6px hsl(var(--admin-primary) / 0.1); transform: translateY(-2px); } /* ===== APPEARANCE SETTINGS PAGE SPECIFIC STYLES ===== */ /* 🎨 Admin Panel Headers */ [data-theme="platform"] .admin-panel-header { background: linear-gradient(135deg, hsl(var(--admin-card) / 0.8), hsl(var(--admin-card))); border-bottom: 1px solid hsl(var(--admin-border) / 0.5); } [data-theme="platform"] .admin-panel-header:hover { background: linear-gradient(135deg, hsl(var(--admin-card) / 0.9), hsl(var(--admin-card) / 0.95)); } /* 🏷️ Admin Icon Containers */ [data-theme="platform"] .admin-icon-container { background: linear-gradient(135deg, hsl(var(--admin-primary) / 0.2), hsl(var(--admin-primary) / 0.1)); border: 1px solid hsl(var(--admin-primary) / 0.3); } /* 🎯 Admin Text Colors */ [data-theme="platform"] .admin-text-primary { color: hsl(var(--admin-foreground)); } [data-theme="platform"] .admin-text-muted { color: hsl(var(--muted-foreground)); } [data-theme="platform"] .admin-text-success { color: hsl(var(--success)); } [data-theme="platform"] .admin-text-warning { color: hsl(var(--warning)); } [data-theme="platform"] .admin-text-error { color: hsl(var(--error)); } [data-theme="platform"] .admin-text-info { color: hsl(var(--info)); } [data-theme="platform"] .admin-text-secondary { color: hsl(var(--secondary-foreground)); } /* 🔘 Admin Button Styles */ [data-theme="platform"] .admin-button-secondary { background: linear-gradient(135deg, hsl(var(--secondary)), hsl(var(--secondary) / 0.9)); color: hsl(var(--secondary-foreground)); border: 1px solid hsl(var(--secondary) / 0.8); } [data-theme="platform"] .admin-button-secondary:hover { background: linear-gradient(135deg, hsl(var(--secondary) / 0.9), hsl(var(--secondary) / 0.8)); transform: translateY(-1px); box-shadow: 0 4px 12px hsl(var(--secondary) / 0.25); } [data-theme="platform"] .admin-button-success { background: linear-gradient(135deg, hsl(var(--success)), hsl(var(--success) / 0.9)); color: hsl(var(--success-foreground)); border: 1px solid hsl(var(--success) / 0.8); } [data-theme="platform"] .admin-button-success:hover { background: linear-gradient(135deg, hsl(var(--success) / 0.9), hsl(var(--success) / 0.8)); transform: translateY(-1px); box-shadow: 0 4px 12px hsl(var(--success) / 0.25); } [data-theme="platform"] .admin-button-outline { background: transparent; color: hsl(var(--admin-foreground)); border: 1px solid hsl(var(--admin-border)); } [data-theme="platform"] .admin-button-outline:hover { background: hsl(var(--admin-primary) / 0.1); border-color: hsl(var(--admin-primary)); color: hsl(var(--admin-primary)); } /* 📝 Admin Input Fields */ [data-theme="platform"] .admin-input-field { background: hsl(var(--input)); border: 1px solid hsl(var(--border)); color: hsl(var(--foreground)); } [data-theme="platform"] .admin-input-field:focus { border-color: hsl(var(--admin-primary)); box-shadow: 0 0 0 2px hsl(var(--admin-primary) / 0.25); outline: none; } /* 🔄 Admin Toggle Switches */ [data-theme="platform"] .admin-toggle:focus { box-shadow: 0 0 0 2px hsl(var(--admin-primary) / 0.25); } [data-theme="platform"] .admin-bg-primary { background-color: hsl(var(--admin-primary)); } [data-theme="platform"] .admin-bg-muted { background-color: hsl(var(--muted)); } [data-theme="platform"] .admin-bg-warning { background-color: hsl(var(--warning)); } /* 🎨 Admin Color Picker */ [data-theme="platform"] .admin-color-picker:hover { transform: scale(1.05); box-shadow: 0 4px 12px hsl(var(--admin-primary) / 0.25); } [data-theme="platform"] .admin-ring-selected { box-shadow: 0 0 0 2px hsl(var(--admin-foreground)); } /* 🔄 Admin Sliders */ [data-theme="platform"] .admin-slider { background: hsl(var(--muted)); } [data-theme="platform"] .admin-slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; height: 20px; width: 20px; border-radius: 50%; background: hsl(var(--admin-primary)); box-shadow: 0 2px 4px hsl(var(--admin-primary) / 0.3); cursor: pointer; } [data-theme="platform"] .admin-slider::-moz-range-thumb { height: 20px; width: 20px; border-radius: 50%; background: hsl(var(--admin-primary)); border: none; box-shadow: 0 2px 4px hsl(var(--admin-primary) / 0.3); cursor: pointer; } [data-theme="platform"] .admin-slider:focus { outline: none; } [data-theme="platform"] .admin-slider:focus::-webkit-slider-thumb { box-shadow: 0 0 0 3px hsl(var(--admin-primary) / 0.25), 0 2px 4px hsl(var(--admin-primary) / 0.3); } /* 🏷️ Admin Badges */ [data-theme="platform"] .admin-badge-primary { background: hsl(var(--admin-primary)); color: hsl(var(--primary-foreground)); } [data-theme="platform"] .admin-badge-secondary { background: hsl(var(--secondary)); color: hsl(var(--secondary-foreground)); } [data-theme="platform"] .admin-badge-success { background: hsl(var(--success)); color: hsl(var(--success-foreground)); } [data-theme="platform"] .admin-badge-warning { background: hsl(var(--warning)); color: hsl(var(--warning-foreground)); } [data-theme="platform"] .admin-badge-error { background: hsl(var(--error)); color: hsl(var(--error-foreground)); } [data-theme="platform"] .admin-badge-info { background: hsl(var(--info)); color: hsl(var(--info-foreground)); } /* 🔘 Admin Toggle Groups */ [data-theme="platform"] .admin-toggle-group { background: hsl(var(--input)); border: 1px solid hsl(var(--border)); } [data-theme="platform"] .admin-toggle-active { background: hsl(var(--admin-primary)); color: hsl(var(--primary-foreground)); } [data-theme="platform"] .admin-toggle-inactive { color: hsl(var(--muted-foreground)); } [data-theme="platform"] .admin-toggle-inactive:hover { color: hsl(var(--foreground)); } /* 🖼️ Admin Preview Container */ [data-theme="platform"] .admin-preview-container { border-color: hsl(var(--border)); background: hsl(var(--background)); } /* 📊 Admin Status Classes */ [data-theme="platform"] .admin-status-success { color: hsl(var(--success)); } [data-theme="platform"] .admin-status-warning { color: hsl(var(--warning)); } [data-theme="platform"] .admin-status-error { color: hsl(var(--error)); } [data-theme="platform"] .admin-status-info { color: hsl(var(--info)); } /* 🔲 Admin Border Classes */ [data-theme="platform"] .admin-border-primary { border-color: hsl(var(--admin-primary)); } [data-theme="platform"] .admin-border-secondary { border-color: hsl(var(--secondary)); } [data-theme="platform"] .admin-border-success { border-color: hsl(var(--success)); } [data-theme="platform"] .admin-border-warning { border-color: hsl(var(--warning)); } [data-theme="platform"] .admin-border-error { border-color: hsl(var(--error)); } [data-theme="platform"] .admin-border-info { border-color: hsl(var(--info)); } /* ===== MODULAR THEME SYSTEM IS NOW ACTIVE ===== */ /* All theme definitions have been moved to individual files */ /* See themes/README.md for complete documentation */ /* SpadeSoft Default Theme * This file loads the Proxima Nova font for the main SpadeSocial application * It's applied when no specific client theme is detected */ /* Light mode variables */ :root { /* Set Proxima Nova as the primary font family */ --spade-font-family: 'proxima-nova', 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; /* Color variables for the SpadeSocial brand - Light Mode */ --spade-primary: #5d33f6; --spade-primary-hover: #4929c4; --spade-secondary: #333333; --spade-background: #f8f9fc; --spade-surface: #ffffff; --spade-text: #1a1a1a; --spade-text-secondary: #5f6177; --spade-border: #e5e7f0; } /* Dark mode variables */ .dark { --spade-primary: #6e45ff; --spade-primary-hover: #5d33f6; --spade-secondary: #f8f9fc; --spade-background: #121212; --spade-surface: #1e1e1e; --spade-text: #ffffff; --spade-text-secondary: #bbbccd; --spade-border: #333333; } /* Default font settings for the main SpadeSocial application */ body:not(.ca-theme) { font-family: var(--spade-font-family); font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: var(--spade-background); color: var(--spade-text); } /* Font weight classes for Proxima Nova */ body:not(.ca-theme) .font-light { font-weight: 300; } body:not(.ca-theme) .font-normal { font-weight: 400; } body:not(.ca-theme) .font-medium { font-weight: 500; } body:not(.ca-theme) .font-semibold { font-weight: 600; } body:not(.ca-theme) .font-bold { font-weight: 700; } body:not(.ca-theme) .font-extrabold { font-weight: 800; } body:not(.ca-theme) .font-black { font-weight: 900; } /* SpadeSoft utility classes (only apply to :not(.ca-theme) elements) */ .spade-text-primary { color: var(--spade-primary); } .spade-bg-primary { background-color: var(--spade-primary); color: white; } .spade-bg-surface { background-color: var(--spade-surface); color: var(--spade-text); } /* Platform Theme - Clean shadcn/ui approach (Always Dark) */ html.platform-theme, html.platform-theme.dark, .platform-theme, .theme-wrapper.platform-theme { /* Use shadcn variables for platform theme - dark mode (HSL format for compatibility) */ --background: 222 84% 5%; /* #0f172a */ --foreground: 210 40% 98%; /* #f8fafc */ --card: 222 47% 11%; /* #1e293b */ --card-foreground: 210 40% 98%; /* #f8fafc */ --popover: 222 47% 11%; /* #1e293b */ --popover-foreground: 210 40% 98%; /* #f8fafc */ --primary: 217 91% 60%; /* #3b82f6 */ --primary-foreground: 0 0% 100%; /* #ffffff */ --secondary: 215 25% 27%; /* #334155 */ --secondary-foreground: 210 40% 98%; /* #f8fafc */ --muted: 215 25% 27%; /* #334155 */ --muted-foreground: 215 20% 65%; /* #94a3b8 */ --accent: 215 25% 27%; /* #334155 */ --accent-foreground: 210 40% 98%; /* #f8fafc */ --destructive: 0 84% 60%; /* #ef4444 */ --destructive-foreground: 0 0% 100%; /* #ffffff */ --border: 215 25% 35%; /* #475569 */ --input: 215 25% 27%; /* #334155 */ --ring: 217 91% 60%; /* #3b82f6 */ --radius: 0.75rem; } /* Ensure platform theme always applies dark styling with high specificity */ html.platform-theme, html.platform-theme body, .theme-wrapper.platform-theme { background-color: hsl(var(--background)) !important; color: hsl(var(--foreground)) !important; } /* Override any system dark mode preferences for platform theme */ @media (prefers-color-scheme: dark) { html.platform-theme { --background: 222 84% 5% !important; /* #0f172a */ --foreground: 210 40% 98% !important; /* #f8fafc */ --card: 222 47% 11% !important; /* #1e293b */ --card-foreground: 210 40% 98% !important; /* #f8fafc */ } } /* * SpadeSoft Default Theme * Applied when no client theme is detected * Uses the professional casino color scheme */ /* Set SpadeSoft casino theme as default when no data-theme attribute is present */ html:not([data-theme]) { /* SpadeSoft Casino Theme Variables */ --background: 222 47% 11%; --foreground: 210 40% 98%; --card: 215 22% 17%; --card-foreground: 210 40% 98%; --popover: 215 22% 17%; --popover-foreground: 210 40% 98%; --primary: 208 100% 47%; --primary-foreground: 210 40% 98%; --secondary: 215 25% 35%; --secondary-foreground: 210 40% 98%; --muted: 215 28% 23%; --muted-foreground: 215.4 16.3% 46.9%; --accent: 281 81% 56%; --accent-foreground: 210 40% 98%; --destructive: 348 83% 47%; --destructive-foreground: 210 40% 98%; --border: 215 25% 35%; --input: 215 28% 23%; --ring: 208 100% 47%; --radius: 0.75rem; /* Game category colors */ --success: 168 84% 37%; --warning: 38 100% 56%; --info: 208 100% 47%; } /* Apply theme to body as well for consistency */ body:not([data-theme]) { background-color: hsl(var(--background)); color: hsl(var(--foreground)); } *, ::before, ::after{--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:rgb(59 130 246 / 0.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:rgb(59 130 246 / 0.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 */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: "Proxima Nova", "Inter", "ui-sans-serif", "system-ui", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } /* * 🎯 QUICK CSS DEBUGGING CHEAT SHEET: * * 🔍 INSPECT ELEMENT IN BROWSER: * 1. Right-click any element → Inspect * 2. Look for "Computed" tab to see final CSS values * 3. Search for "--primary" to see what color is actually being used * * 🎨 TO CHANGE BUTTON COLORS: * Go to: resources/css/themes/clients/[theme-name].css * Change: --primary: [hue saturation lightness]; * Example: --primary: 320 50% 60%; (pink) * * 🏠 TO CHANGE BACKGROUND COLORS: * Change: --background and --card variables * * 📝 TO CHANGE TEXT COLORS: * Change: --foreground and --muted-foreground variables * * 🔲 TO CHANGE INPUT FIELD COLORS: * Change: --input, --border, and --ring variables */ /* Global theme system setup */ * { border-color: hsl(var(--border)); } body { background-color: hsl(var(--background)); color: hsl(var(--foreground)); font-feature-settings: "rlig" 1, "calt" 1; } .theme-wrapper { min-height: 100vh; background-color: hsl(var(--background)); color: hsl(var(--foreground)); } html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; } /* ===== COLOR UTILITIES ===== */ /* Primary Color Scale */ .bg-primary { background-color: hsl(var(--primary)); } .text-primary { color: hsl(var(--primary)); } .text-primary-foreground { color: hsl(var(--primary-foreground)); } .border-primary { border-color: hsl(var(--primary)); } /* Secondary Color Scale */ .bg-secondary { background-color: hsl(var(--secondary)); } .text-secondary-foreground { color: hsl(var(--secondary-foreground)); } /* Tertiary Color Scale */ /* Semantic Colors */ .bg-destructive { background-color: hsl(var(--destructive)); } .text-destructive { color: hsl(var(--destructive)); } .text-destructive-foreground { color: hsl(var(--destructive-foreground)); } .border-destructive { border-color: hsl(var(--destructive)); } .bg-muted { background-color: hsl(var(--muted)); } .text-muted-foreground { color: hsl(var(--muted-foreground)); } .bg-background { background-color: hsl(var(--background)); } .text-foreground { color: hsl(var(--foreground)); } .bg-card { background-color: hsl(var(--card)); } .text-card-foreground { color: hsl(var(--card-foreground)); } .border-border { border-color: hsl(var(--border)); } /* ===== FOCUS & RING UTILITIES (SUBTLE PRIMARY GLOW) ===== */ .ring-ring { box-shadow: 0 0 0 2px hsl(var(--primary, 220 14% 83%) / 0.15); } /* Focus ring variations with better specificity */ /* Focus-visible variants for better accessibility */ /* Focus border utilities */ /* Placeholder utilities */ .placeholder-muted-foreground::-moz-placeholder { color: hsl(var(--muted-foreground)); } .placeholder-muted-foreground::placeholder { color: hsl(var(--muted-foreground)); } .placeholder-gray-400::-moz-placeholder { color: #9ca3af; } .placeholder-gray-400::placeholder { color: #9ca3af; } .placeholder-slate-400::-moz-placeholder { color: #94a3b8; } .placeholder-slate-400::placeholder { color: #94a3b8; } /* ===== GRADIENT UTILITIES ===== */ .from-primary { --tw-gradient-from: hsl(var(--primary)); --tw-gradient-to: hsl(var(--primary) / 0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-secondary { --tw-gradient-from: hsl(var(--secondary)); --tw-gradient-to: hsl(var(--secondary) / 0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .to-secondary { --tw-gradient-to: hsl(var(--secondary)); } /* Gradient with opacity */ .from-primary\/20 { --tw-gradient-from: hsl(var(--primary) / 0.2); --tw-gradient-to: hsl(var(--primary) / 0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-primary\/10 { --tw-gradient-from: hsl(var(--primary) / 0.1); --tw-gradient-to: hsl(var(--primary) / 0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-primary\/5 { --tw-gradient-from: hsl(var(--primary) / 0.05); --tw-gradient-to: hsl(var(--primary) / 0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .via-primary\/10 { --tw-gradient-via: hsl(var(--primary) / 0.1); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-via), var(--tw-gradient-to); } .from-secondary\/20 { --tw-gradient-from: hsl(var(--secondary) / 0.2); --tw-gradient-to: hsl(var(--secondary) / 0); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .to-secondary\/5 { --tw-gradient-to: hsl(var(--secondary) / 0.05); } /* ===== OPACITY UTILITIES ===== */ .bg-primary\/20 { background-color: hsl(var(--primary) / 0.2); } .bg-primary\/10 { background-color: hsl(var(--primary) / 0.1); } .bg-primary\/8 { background-color: hsl(var(--primary) / 0.08); } .bg-primary\/5 { background-color: hsl(var(--primary) / 0.05); } .bg-secondary\/20 { background-color: hsl(var(--secondary) / 0.2); } .bg-secondary\/5 { background-color: hsl(var(--secondary) / q0.05); } .bg-destructive\/10 { background-color: hsl(var(--destructive) / 0.1); } .bg-muted\/50 { background-color: hsl(var(--muted) / 0.5); } .bg-muted\/20 { background-color: hsl(var(--muted) / 0.2); } .bg-background\/50 { background-color: hsl(var(--background) / 0.5); } /* ===== BORDER UTILITIES ===== */ .border-border\/60 { border-color: hsl(var(--border) / 0.6); } .border-border\/50 { border-color: hsl(var(--border) / 0.5); } .border-border\/40 { border-color: hsl(var(--border) / 0.4); } .border-border\/30 { border-color: hsl(var(--border) / 0.3); } .border-border\/20 { border-color: hsl(var(--border) / 0.2); } .border-primary\/20 { border-color: hsl(var(--primary) / 0.2); } /* ===== HOVER UTILITIES ===== */ /* ===== STATE UTILITIES ===== */ [data-state="checked"] { background-color: hsl(var(--primary)); border-color: hsl(var(--primary)); color: hsl(var(--primary-foreground)); } /* ===== INPUT & FORM UTILITIES ===== */ .border-input { border-color: hsl(var(--input)); } .bg-popover { background-color: hsl(var(--popover)); } .text-popover-foreground { color: hsl(var(--popover-foreground)); } /* Focus offset utilities */ /* ===== CARD UTILITIES ===== */ .bg-card\/95 { background-color: hsl(var(--card) / 0.95); } .bg-card\/50 { background-color: hsl(var(--card) / 0.5); } /* ===== MUTED TEXT UTILITIES ===== */ .text-muted-foreground\/50 { color: hsl(var(--muted-foreground) / 0.5); } /* ===== SHADOW UTILITIES (SUBTLE PRIMARY GLOW) ===== */ /* ===== GROUP & PEER UTILITIES ===== */ /* ===== SVG UTILITIES ===== */ .fill-primary { fill: hsl(var(--primary)); } /* ===== INTERACTIVE UTILITIES ===== */ /* ===== DISABLED STATE UTILITIES ===== */ /* ===== ANIMATION & TRANSFORM UTILITIES ===== */ .scale-105 { transform: scale(1.05); } .-translate-x-1\/2 { transform: translateX(-50%); } .-translate-y-1\/2 { transform: translateY(-50%); } .translate-x-4 { transform: translateX(1rem); } .-translate-y-4 { transform: translateY(-1rem); } /* ===== BACKDROP & BLUR UTILITIES ===== */ .backdrop-blur-sm { backdrop-filter: blur(2px); } .backdrop-blur { backdrop-filter: blur(4px); } .backdrop-blur-xl { backdrop-filter: blur(8px); } /* Animation utilities */ .animate-spin { animation: spin 1s linear infinite; } .animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } .animate-pulse-slow { animation: pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite; } /* ===== ENHANCED SHADOW SYSTEM (SUBTLE PRIMARY GLOW) ===== */ .shadow-xs { box-shadow: 0 1px 2px 0 hsl(var(--primary, 220 14% 83%) / 0.05); } .shadow-sm { box-shadow: 0 1px 3px 0 hsl(var(--primary, 220 14% 83%) / 0.1), 0 1px 2px 0 hsl(var(--primary, 220 14% 83%) / 0.06); } .shadow-md { box-shadow: 0 4px 6px -1px hsl(var(--primary, 220 14% 83%) / 0.1), 0 2px 4px -1px hsl(var(--primary, 220 14% 83%) / 0.06); } .shadow-lg { box-shadow: 0 10px 15px -3px hsl(var(--primary, 220 14% 83%) / 0.1), 0 4px 6px -2px hsl(var(--primary, 220 14% 83%) / 0.05); } .shadow-xl { box-shadow: 0 20px 25px -5px hsl(var(--primary, 220 14% 83%) / 0.1), 0 8px 10px -6px hsl(var(--primary, 220 14% 83%) / 0.05); } .shadow-2xl { box-shadow: 0 25px 50px -12px hsl(var(--primary, 220 14% 83%) / 0.15); } /* ===== BACKGROUND GRADIENTS ===== */ .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .bg-gradient-to-br { background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); } .bg-gradient-radial { background-image: radial-gradient(var(--tw-gradient-stops)); } /* ===== TEXT DECORATION ===== */ .underline-offset-4 { text-underline-offset: 4px; } /* ===== INTERACTION UTILITIES ===== */ .touch-manipulation { touch-action: manipulation; } /* ===== CURSOR & SELECTION ===== */ .select-none { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .cursor-pointer { cursor: pointer; } .pointer-events-none { pointer-events: none; } /* ===== KEYFRAME ANIMATIONS ===== */ @keyframes spin { to { transform: rotate(360deg); } } @keyframes pulse { 50% { opacity: .5; } } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8,0,1,1); } 50% { transform: none; animation-timing-function: cubic-bezier(0,0,0.2,1); } } /* ===== THEME-AWARE DARK MODE CLASSES ===== */ .dark\:text-slate-100:is(.dark *) { color: hsl(var(--foreground)); } .dark\:text-slate-400:is(.dark *) { color: hsl(var(--muted-foreground)); } .dark\:text-white:is(.dark *) { color: hsl(var(--foreground)); } .dark\:bg-slate-800:is(.dark *) { background-color: hsl(var(--card)); } .dark\:bg-slate-700:is(.dark *) { background-color: hsl(var(--muted)); } .dark\:border-slate-700:is(.dark *) { border-color: hsl(var(--border)); } .dark\:bg-gray-800:is(.dark *) { background-color: hsl(var(--card)); } .dark\:bg-gray-700:is(.dark *) { background-color: hsl(var(--muted)); } .dark\:text-gray-400:is(.dark *) { color: hsl(var(--muted-foreground)); } .dark\:border-gray-700:is(.dark *) { border-color: hsl(var(--border)); } /* ===== LEGACY GRAY/SLATE MAPPINGS ===== */ .text-slate-900 { color: hsl(var(--foreground)); } .text-slate-600 { color: hsl(var(--muted-foreground)); } .text-slate-400 { color: hsl(var(--muted-foreground)); } .text-slate-300 { color: hsl(var(--foreground) / 0.8); } .text-slate-500 { color: hsl(var(--muted-foreground) / 0.8); } .bg-slate-800 { background-color: hsl(var(--card)); } .bg-slate-700 { background-color: hsl(var(--muted)); } .border-slate-700 { border-color: hsl(var(--border)); } .border-slate-600 { border-color: hsl(var(--border) / 0.8); } .divide-slate-700 { border-color: hsl(var(--border)); } .text-gray-900 { color: hsl(var(--foreground)); } .text-gray-600 { color: hsl(var(--muted-foreground)); } .text-gray-400 { color: hsl(var(--muted-foreground)); } .text-gray-300 { color: hsl(var(--foreground) / 0.8); } .text-gray-500 { color: hsl(var(--muted-foreground) / 0.8); } .bg-gray-800 { background-color: hsl(var(--card)); } .bg-gray-700 { background-color: hsl(var(--muted)); } .border-gray-700 { border-color: hsl(var(--border)); } .border-gray-600 { border-color: hsl(var(--border) / 0.8); } .divide-gray-700 { border-color: hsl(var(--border)); } /* ===== SEMANTIC COLOR SHORTCUTS ===== */ .text-green-400 { color: hsl(var(--success, 34 197 94)); } .text-blue-400 { color: hsl(var(--info, 59 130 246)); } .text-red-400 { color: hsl(var(--destructive)); } .text-yellow-400 { color: hsl(var(--warning, 245 158 11)); } .bg-green-500 { background-color: hsl(var(--success, 34 197 94)); } .bg-blue-500 { background-color: hsl(var(--info, 59 130 246)); } .bg-red-500 { background-color: hsl(var(--destructive)); } .bg-yellow-500 { background-color: hsl(var(--warning, 245 158 11)); } /* Success color variations */ .bg-green-500\/20 { background-color: hsl(var(--success, 34 197 94) / 0.2); } .\!bg-green-500\/10 { background-color: hsl(var(--success, 34 197 94) / 0.1) !important; } .bg-green-500\/10 { background-color: hsl(var(--success, 34 197 94) / 0.1); } .\!border-green-500 { border-color: hsl(var(--success, 34 197 94)) !important; } .border-green-500 { border-color: hsl(var(--success, 34 197 94)); } .border-green-500\/30 { border-color: hsl(var(--success, 34 197 94) / 0.3); } /* Info color variations */ .bg-blue-500\/20 { background-color: hsl(var(--info, 59 130 246) / 0.2); } .bg-blue-500\/10 { background-color: hsl(var(--info, 59 130 246) / 0.1); } .bg-blue-600 { background-color: hsl(var(--info, 59 130 246) / 0.9); } .border-blue-500 { border-color: hsl(var(--info, 59 130 246)); } .border-blue-500\/30 { border-color: hsl(var(--info, 59 130 246) / 0.3); } /* ===== GROUP HOVER INTERACTIONS ===== */ /* ===== SOLID COLORS ===== */ .text-white { color: #ffffff; } .bg-white { background-color: #ffffff; } /* ===== TRANSITION UTILITIES ===== */ .transition-colors { transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } .transition-all { transition: all 0.15s ease-in-out; } .duration-200 { transition-duration: 0.2s; } .duration-300 { transition-duration: 0.3s; } .duration-500 { transition-duration: 0.5s; } .ease-out { transition-timing-function: ease-out; } .ease-in-out { transition-timing-function: ease-in-out; } .opacity-0 { opacity: 0; } .opacity-20 { opacity: 0.2; } .opacity-25 { opacity: 0.25; } .opacity-50 { opacity: 0.5; } .opacity-75 { opacity: 0.75; } .opacity-100 { opacity: 1; } /* ===== BORDER RADIUS ===== */ .rounded-sm { border-radius: 0.125rem; } .rounded { border-radius: 0.25rem; } .rounded-md { border-radius: 0.375rem; } .rounded-lg { border-radius: 0.5rem; } .rounded-xl { border-radius: 0.75rem; } .rounded-2xl { border-radius: 1rem; } .rounded-full { border-radius: 9999px; } /* ===== PING ANIMATION ===== */ @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } .animate-ping { animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } /* ===== BACKDROP BLUR VARIATIONS ===== */ .backdrop-blur-none { backdrop-filter: none; } .backdrop-blur-sm { backdrop-filter: blur(2px); } .backdrop-blur { backdrop-filter: blur(4px); } .backdrop-blur-md { backdrop-filter: blur(6px); } .backdrop-blur-lg { backdrop-filter: blur(8px); } .backdrop-blur-xl { backdrop-filter: blur(12px); } .backdrop-blur-2xl { backdrop-filter: blur(20px); } /* ===== THEME-AWARE SCROLLBAR STYLING ===== */ /* 🎯 SCROLLBAR DEBUG TIP: Using neutral colors so scrollbars don't compete * with theme colors. Change --muted, --border in theme files to adjust. */ /* Standard scrollbars for all containers - Neutral colors */ * { scrollbar-width: thin; scrollbar-color: hsl(var(--border) / 0.8) hsl(var(--background) / 0.1); } *::-webkit-scrollbar { width: 6px; height: 6px; } *::-webkit-scrollbar-track { background: hsl(var(--background) / 0.1); border-radius: 3px; } *::-webkit-scrollbar-thumb { background: hsl(var(--border) / 0.8); border-radius: 3px; -webkit-transition: background 0.2s ease; transition: background 0.2s ease; } *::-webkit-scrollbar-thumb:hover { background: hsl(var(--muted-foreground) / 0.4); } *::-webkit-scrollbar-corner { background: hsl(var(--background)); } /* Enhanced scrollbars for payment/modal areas - Still neutral */ .modal-scrollbar, .payment-scrollbar, .enhanced-scrollbar { scrollbar-width: thin; scrollbar-color: hsl(var(--muted-foreground) / 0.3) hsl(var(--card) / 0.2); } .modal-scrollbar::-webkit-scrollbar, .payment-scrollbar::-webkit-scrollbar, .enhanced-scrollbar::-webkit-scrollbar { width: 8px; height: 8px; } .modal-scrollbar::-webkit-scrollbar-track, .payment-scrollbar::-webkit-scrollbar-track, .enhanced-scrollbar::-webkit-scrollbar-track { background: hsl(var(--card) / 0.2); border-radius: 4px; } .modal-scrollbar::-webkit-scrollbar-thumb, .payment-scrollbar::-webkit-scrollbar-thumb, .enhanced-scrollbar::-webkit-scrollbar-thumb { background: linear-gradient(135deg, hsl(var(--muted-foreground) / 0.4), hsl(var(--border) / 0.6)); border-radius: 4px; border: 1px solid hsl(var(--border) / 0.2); } .modal-scrollbar::-webkit-scrollbar-thumb:hover, .payment-scrollbar::-webkit-scrollbar-thumb:hover, .enhanced-scrollbar::-webkit-scrollbar-thumb:hover { background: linear-gradient(135deg, hsl(var(--muted-foreground) / 0.6), hsl(var(--border) / 0.8)); } /* ===================================================== * DEFAULT PLATFORM THEME (Light) * Professional neutral system for core platform * ===================================================== */ :root { /* Base System Colors */ --background: 0 0% 100%; /* 🏠 Main page background - pure white */ --foreground: 222.2 84% 4.9%; /* 📝 Main text color - dark gray */ --card: 0 0% 100%; /* 🎴 Card/modal backgrounds - white panels */ --card-foreground: 222.2 84% 4.9%; /* 📝 Text inside cards - matches foreground */ --popover: 0 0% 100%; /* 💬 Dropdown/tooltip backgrounds */ --popover-foreground: 222.2 84% 4.9%; /* 📝 Text in dropdowns/tooltips */ /* Primary Brand System (60% - Blue) */ --primary: 217 91% 60%; /* 🔵 MAIN BRAND COLOR - Continue button, payment buttons */ --primary-foreground: 0 0% 100%; /* 🤍 Text on blue buttons (pure white) */ --primary-50: 217 91% 95%; /* 🌌 Very light blue tint - hover states */ --primary-100: 217 91% 90%; /* 🌌 Light blue - backgrounds */ --primary-200: 217 91% 80%; /* 🌌 Medium light blue - subtle accents */ --primary-300: 217 91% 70%; /* 🔵 Brighter blue - active states */ --primary-400: 217 91% 60%; /* 🔵 Main brand color (same as --primary) */ --primary-500: 217 91% 50%; /* 🔵 Dark blue - hover states */ --primary-600: 217 91% 40%; /* 🔵 Very dark blue - pressed states */ /* Secondary System (30% - Cool Gray) */ --secondary: 210 40% 96%; --secondary-foreground: 222.2 84% 4.9%; --secondary-50: 210 40% 98%; --secondary-100: 210 40% 96%; --secondary-200: 210 40% 90%; --secondary-300: 210 40% 80%; --secondary-400: 210 40% 70%; --secondary-500: 210 40% 60%; --secondary-600: 210 40% 50%; /* Tertiary Accent (10% - Purple) */ --tertiary: 262 83% 58%; --tertiary-foreground: 0 0% 100%; /* Semantic Color System */ --success: 142 76% 36%; --success-foreground: 0 0% 100%; --warning: 38 92% 50%; --warning-foreground: 0 0% 100%; --error: 0 84% 60%; --error-foreground: 0 0% 100%; --info: 199 89% 48%; --info-foreground: 0 0% 100%; /* Neutral System */ --muted: 210 40% 96%; /* 🌫️ FORM LABELS & DISABLED AREAS - light gray */ --muted-foreground: 215.4 16.3% 46.9%; /* 📝 SECONDARY TEXT - medium gray text */ --accent: 210 40% 96%; /* 🎨 Accent highlights - light gray accent */ --accent-foreground: 222.2 84% 4.9%; /* 📝 Text on accent backgrounds */ --destructive: 0 84% 60%; /* 🚨 ERROR/DELETE BUTTONS - red for destructive actions */ --destructive-foreground: 0 0% 100%; /* 🤍 Text on error buttons (white) */ --border: 214.3 31.8% 91.4%; /* 🔲 INPUT BORDERS & CARD EDGES - light gray borders */ --input: 214.3 31.8% 91.4%; /* 📝 TEXT FIELD BACKGROUNDS - light gray input backgrounds */ --ring: 217 91% 60%; /* 🔵 FOCUS GLOW - blue focus rings (matches primary) */ --radius: 0.75rem; /* 🔘 Border radius for cards/buttons */ /* Chart Colors */ --chart-1: 217 91% 60%; --chart-2: 262 83% 58%; --chart-3: 142 76% 36%; --chart-4: 38 92% 50%; --chart-5: 0 84% 60%; } /* Platform Dark Theme */ .dark { --background: 222.2 84% 4.9%; --foreground: 210 40% 98%; --card: 222.2 84% 4.9%; --card-foreground: 210 40% 98%; --popover: 222.2 84% 4.9%; --popover-foreground: 210 40% 98%; --primary: 217 91% 60%; --primary-foreground: 0 0% 100%; --secondary: 217.2 32.6% 17.5%; --secondary-foreground: 210 40% 98%; --muted: 217.2 32.6% 17.5%; --muted-foreground: 215 20.2% 65.1%; --accent: 217.2 32.6% 17.5%; --accent-foreground: 210 40% 98%; --destructive: 0 62.8% 30.6%; --destructive-foreground: 210 40% 98%; --border: 217.2 32.6% 17.5%; --input: 217.2 32.6% 17.5%; --ring: 217 91% 60%; } .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}} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0} .pointer-events-none{pointer-events:none} .pointer-events-auto{pointer-events:auto} .visible{visibility:visible} .collapse{visibility:collapse} .static{position:static} .fixed{position:fixed} .absolute{position:absolute} .relative{position:relative} .sticky{position:sticky} .-inset-1{inset:-0.25rem} .-inset-40{inset:-10rem} .inset-0{inset:0px} .inset-1{inset:0.25rem} .inset-2{inset:0.5rem} .inset-4{inset:1rem} .inset-x-0{left:0px;right:0px} .inset-y-0{top:0px;bottom:0px} .-bottom-0\.5{bottom:-0.125rem} .-bottom-1{bottom:-0.25rem} .-bottom-12{bottom:-3rem} .-bottom-2{bottom:-0.5rem} .-bottom-4{bottom:-1rem} .-bottom-5{bottom:-1.25rem} .-bottom-8{bottom:-2rem} .-left-12{left:-3rem} .-left-2{left:-0.5rem} .-left-4{left:-1rem} .-left-5{left:-1.25rem} .-right-0\.5{right:-0.125rem} .-right-1{right:-0.25rem} .-right-12{right:-3rem} .-right-2{right:-0.5rem} .-right-4{right:-1rem} .-right-5{right:-1.25rem} .-top-0\.5{top:-0.125rem} .-top-1{top:-0.25rem} .-top-12{top:-3rem} .-top-2{top:-0.5rem} .-top-3{top:-0.75rem} .-top-4{top:-1rem} .-top-5{top:-1.25rem} .-top-8{top:-2rem} .bottom-0{bottom:0px} .bottom-1{bottom:0.25rem} .bottom-1\/2{bottom:50%} .bottom-1\/3{bottom:33.333333%} .bottom-1\/4{bottom:25%} .bottom-16{bottom:4rem} .bottom-2{bottom:0.5rem} .bottom-20{bottom:5rem} .bottom-24{bottom:6rem} .bottom-32{bottom:8rem} .bottom-4{bottom:1rem} .bottom-6{bottom:1.5rem} .bottom-8{bottom:2rem} .bottom-\[140px\]{bottom:140px} .bottom-full{bottom:100%} .left-0{left:0px} .left-0\.5{left:0.125rem} .left-1{left:0.25rem} .left-1\/2{left:50%} .left-1\/3{left:33.333333%} .left-1\/4{left:25%} .left-10{left:2.5rem} .left-12{left:3rem} .left-2{left:0.5rem} .left-3{left:0.75rem} .left-4{left:1rem} .left-6{left:1.5rem} .left-60{left:15rem} .left-8{left:2rem} .left-\[10\%\]{left:10%} .left-\[30\%\]{left:30%} .left-\[50\%\]{left:50%} .left-\[72px\]{left:72px} .left-full{left:100%} .right-0{right:0px} .right-1{right:0.25rem} .right-1\/3{right:33.333333%} .right-1\/4{right:25%} .right-12{right:3rem} .right-2{right:0.5rem} .right-20{right:5rem} .right-3{right:0.75rem} .right-4{right:1rem} .right-6{right:1.5rem} .right-8{right:2rem} .right-80{right:20rem} .right-\[10\%\]{right:10%} .right-\[30\%\]{right:30%} .right-\[5\%\]{right:5%} .right-full{right:100%} .top-0{top:0px} .top-0\.5{top:0.125rem} .top-1{top:0.25rem} .top-1\.5{top:0.375rem} .top-1\/2{top:50%} .top-1\/3{top:33.333333%} .top-1\/4{top:25%} .top-10{top:2.5rem} .top-12{top:3rem} .top-16{top:4rem} .top-2{top:0.5rem} .top-20{top:5rem} .top-24{top:6rem} .top-3{top:0.75rem} .top-3\.5{top:0.875rem} .top-32{top:8rem} .top-4{top:1rem} .top-6{top:1.5rem} .top-8{top:2rem} .top-\[1px\]{top:1px} .top-\[50\%\]{top:50%} .top-\[60\%\]{top:60%} .top-full{top:100%} .isolate{isolation:isolate} .z-0{z-index:0} .z-10{z-index:10} .z-20{z-index:20} .z-30{z-index:30} .z-40{z-index:40} .z-50{z-index:50} .z-\[10000\]{z-index:10000} .z-\[100\]{z-index:100} .z-\[1\]{z-index:1} .z-\[200\]{z-index:200} .z-\[55\]{z-index:55} .z-\[60\]{z-index:60} .z-\[9999\]{z-index:9999} .z-\[999\]{z-index:999} .order-1{order:1} .order-2{order:2} .col-span-1{grid-column:span 1 / span 1} .col-span-12{grid-column:span 12 / span 12} .col-span-2{grid-column:span 2 / span 2} .col-span-3{grid-column:span 3 / span 3} .col-span-4{grid-column:span 4 / span 4} .col-span-5{grid-column:span 5 / span 5} .col-span-6{grid-column:span 6 / span 6} .col-span-7{grid-column:span 7 / span 7} .col-span-full{grid-column:1 / -1} .col-start-2{grid-column-start:2} .row-span-2{grid-row:span 2 / span 2} .row-start-1{grid-row-start:1} .m-1\.5{margin:0.375rem} .m-2{margin:0.5rem} .m-auto{margin:auto} .\!my-4{margin-top:1rem !important;margin-bottom:1rem !important} .-mx-1{margin-left:-0.25rem;margin-right:-0.25rem} .-mx-1\.5{margin-left:-0.375rem;margin-right:-0.375rem} .-mx-3{margin-left:-0.75rem;margin-right:-0.75rem} .-my-1\.5{margin-top:-0.375rem;margin-bottom:-0.375rem} .mx-1{margin-left:0.25rem;margin-right:0.25rem} .mx-2{margin-left:0.5rem;margin-right:0.5rem} .mx-3\.5{margin-left:0.875rem;margin-right:0.875rem} .mx-4{margin-left:1rem;margin-right:1rem} .mx-5{margin-left:1.25rem;margin-right:1.25rem} .mx-6{margin-left:1.5rem;margin-right:1.5rem} .mx-auto{margin-left:auto;margin-right:auto} .my-1{margin-top:0.25rem;margin-bottom:0.25rem} .my-2{margin-top:0.5rem;margin-bottom:0.5rem} .my-3{margin-top:0.75rem;margin-bottom:0.75rem} .my-4{margin-top:1rem;margin-bottom:1rem} .my-6{margin-top:1.5rem;margin-bottom:1.5rem} .my-8{margin-top:2rem;margin-bottom:2rem} .-mb-4{margin-bottom:-1rem} .-mb-px{margin-bottom:-1px} .-ml-1{margin-left:-0.25rem} .-ml-4{margin-left:-1rem} .-ml-px{margin-left:-1px} .-mr-0\.5{margin-right:-0.125rem} .-mr-12{margin-right:-3rem} .-mt-0\.5{margin-top:-0.125rem} .-mt-1{margin-top:-0.25rem} .-mt-2{margin-top:-0.5rem} .-mt-4{margin-top:-1rem} .-mt-5{margin-top:-1.25rem} .-mt-px{margin-top:-1px} .mb-0{margin-bottom:0px} .mb-0\.5{margin-bottom:0.125rem} .mb-1{margin-bottom:0.25rem} .mb-1\.5{margin-bottom:0.375rem} .mb-12{margin-bottom:3rem} .mb-16{margin-bottom:4rem} .mb-2{margin-bottom:0.5rem} .mb-2\.5{margin-bottom:0.625rem} .mb-3{margin-bottom:0.75rem} .mb-4{margin-bottom:1rem} .mb-5{margin-bottom:1.25rem} .mb-6{margin-bottom:1.5rem} .mb-8{margin-bottom:2rem} .ml-0{margin-left:0px} .ml-1{margin-left:0.25rem} .ml-1\.5{margin-left:0.375rem} .ml-10{margin-left:2.5rem} .ml-12{margin-left:3rem} .ml-2{margin-left:0.5rem} .ml-20{margin-left:5rem} .ml-3{margin-left:0.75rem} .ml-4{margin-left:1rem} .ml-5{margin-left:1.25rem} .ml-6{margin-left:1.5rem} .ml-60{margin-left:15rem} .ml-7{margin-left:1.75rem} .ml-\[72px\]{margin-left:72px} .ml-auto{margin-left:auto} .mr-0{margin-right:0px} .mr-1{margin-right:0.25rem} .mr-1\.5{margin-right:0.375rem} .mr-2{margin-right:0.5rem} .mr-3{margin-right:0.75rem} .mr-4{margin-right:1rem} .mr-6{margin-right:1.5rem} .mt-0{margin-top:0px} .mt-0\.5{margin-top:0.125rem} .mt-1{margin-top:0.25rem} .mt-1\.5{margin-top:0.375rem} .mt-12{margin-top:3rem} .mt-16{margin-top:4rem} .mt-2{margin-top:0.5rem} .mt-20{margin-top:5rem} .mt-3{margin-top:0.75rem} .mt-4{margin-top:1rem} .mt-5{margin-top:1.25rem} .mt-6{margin-top:1.5rem} .mt-8{margin-top:2rem} .mt-auto{margin-top:auto} .line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .block{display:block} .inline-block{display:inline-block} .inline{display:inline} .flex{display:flex} .inline-flex{display:inline-flex} .table{display:table} .table-caption{display:table-caption} .table-cell{display:table-cell} .table-row{display:table-row} .grid{display:grid} .hidden{display:none} .aspect-\[10\/16\]{aspect-ratio:10/16} .aspect-\[3\/4\]{aspect-ratio:3/4} .aspect-square{aspect-ratio:1 / 1} .aspect-video{aspect-ratio:16 / 9} .size-10{width:2.5rem;height:2.5rem} .size-2{width:0.5rem;height:0.5rem} .size-2\.5{width:0.625rem;height:0.625rem} .size-20{width:5rem;height:5rem} .size-3{width:0.75rem;height:0.75rem} .size-3\.5{width:0.875rem;height:0.875rem} .size-4{width:1rem;height:1rem} .size-5{width:1.25rem;height:1.25rem} .size-7{width:1.75rem;height:1.75rem} .size-8{width:2rem;height:2rem} .size-9{width:2.25rem;height:2.25rem} .size-full{width:100%;height:100%} .h-0{height:0px} .h-0\.5{height:0.125rem} .h-1{height:0.25rem} .h-1\.5{height:0.375rem} .h-10{height:2.5rem} .h-11{height:2.75rem} .h-12{height:3rem} .h-14{height:3.5rem} .h-16{height:4rem} .h-2{height:0.5rem} .h-2\.5{height:0.625rem} .h-2\/5{height:40%} .h-20{height:5rem} .h-24{height:6rem} .h-28{height:7rem} .h-3{height:0.75rem} .h-3\.5{height:0.875rem} .h-3\/5{height:60%} .h-32{height:8rem} .h-36{height:9rem} .h-4{height:1rem} .h-40{height:10rem} .h-48{height:12rem} .h-5{height:1.25rem} .h-6{height:1.5rem} .h-64{height:16rem} .h-7{height:1.75rem} .h-8{height:2rem} .h-80{height:20rem} .h-9{height:2.25rem} .h-96{height:24rem} .h-\[1\.15rem\]{height:1.15rem} .h-\[200px\]{height:200px} .h-\[26px\]{height:26px} .h-\[32\.5rem\]{height:32.5rem} .h-\[35\.5rem\]{height:35.5rem} .h-\[40px\]{height:40px} .h-\[600px\]{height:600px} .h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)} .h-\[clamp\(10px\2c 0\.352px\+2\.609vw\2c 16px\)\]{height:clamp(10px,0.352px + 2.609vw,16px)} .h-\[var\(--reka-navigation-menu-viewport-height\)\]{height:var(--reka-navigation-menu-viewport-height)} .h-\[var\(--reka-select-trigger-height\)\]{height:var(--reka-select-trigger-height)} .h-auto{height:auto} .h-dvh{height:100dvh} .h-fit{height:-moz-fit-content;height:fit-content} .h-full{height:100%} .h-px{height:1px} .h-screen{height:100vh} .h-svh{height:100svh} .max-h-0{max-height:0px} .max-h-32{max-height:8rem} .max-h-40{max-height:10rem} .max-h-48{max-height:12rem} .max-h-80{max-height:20rem} .max-h-96{max-height:24rem} .max-h-\[300px\]{max-height:300px} .max-h-\[500px\]{max-height:500px} .max-h-\[75vh\]{max-height:75vh} .max-h-\[80vh\]{max-height:80vh} .max-h-\[90vh\]{max-height:90vh} .max-h-full{max-height:100%} .max-h-screen{max-height:100vh} .min-h-0{min-height:0px} .min-h-16{min-height:4rem} .min-h-4{min-height:1rem} .min-h-96{min-height:24rem} .min-h-\[100dvh\]{min-height:100dvh} .min-h-\[20px\]{min-height:20px} .min-h-\[300px\]{min-height:300px} .min-h-\[36px\]{min-height:36px} .min-h-\[400px\]{min-height:400px} .min-h-\[44px\]{min-height:44px} .min-h-\[60px\]{min-height:60px} .min-h-\[88px\]{min-height:88px} .min-h-full{min-height:100%} .min-h-screen{min-height:100vh} .min-h-svh{min-height:100svh} .w-0{width:0px} .w-1{width:0.25rem} .w-1\.5{width:0.375rem} .w-1\/2{width:50%} .w-10{width:2.5rem} .w-11{width:2.75rem} .w-12{width:3rem} .w-14{width:3.5rem} .w-16{width:4rem} .w-2{width:0.5rem} .w-2\.5{width:0.625rem} .w-2\/3{width:66.666667%} .w-2\/5{width:40%} .w-20{width:5rem} .w-24{width:6rem} .w-28{width:7rem} .w-3{width:0.75rem} .w-3\.5{width:0.875rem} .w-3\/4{width:75%} .w-3\/5{width:60%} .w-32{width:8rem} .w-36{width:9rem} .w-4{width:1rem} .w-40{width:10rem} .w-48{width:12rem} .w-5{width:1.25rem} .w-56{width:14rem} .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-80{width:20rem} .w-9{width:2.25rem} .w-96{width:24rem} .w-\[100px\]{width:100px} .w-\[150px\]{width:150px} .w-\[26px\]{width:26px} .w-\[300px\]{width:300px} .w-\[72px\]{width:72px} .w-\[8rem\]{width:8rem} .w-\[clamp\(1\.5rem\2c 0\.893rem\+2\.857vw\2c 2rem\)\]{width:clamp(1.5rem,0.893rem + 2.857vw,2rem)} .w-auto{width:auto} .w-fit{width:-moz-fit-content;width:fit-content} .w-full{width:100%} .w-max{width:-moz-max-content;width:max-content} .w-px{width:1px} .min-w-0{min-width:0px} .min-w-10{min-width:2.5rem} .min-w-48{min-width:12rem} .min-w-5{min-width:1.25rem} .min-w-56{min-width:14rem} .min-w-8{min-width:2rem} .min-w-9{min-width:2.25rem} .min-w-\[100px\]{min-width:100px} .min-w-\[120px\]{min-width:120px} .min-w-\[12rem\]{min-width:12rem} .min-w-\[140px\]{min-width:140px} .min-w-\[160px\]{min-width:160px} .min-w-\[180px\]{min-width:180px} .min-w-\[200px\]{min-width:200px} .min-w-\[20px\]{min-width:20px} .min-w-\[250px\]{min-width:250px} .min-w-\[36px\]{min-width:36px} .min-w-\[3rem\]{min-width:3rem} .min-w-\[44px\]{min-width:44px} .min-w-\[60px\]{min-width:60px} .min-w-\[8rem\]{min-width:8rem} .min-w-\[var\(--reka-select-trigger-width\)\]{min-width:var(--reka-select-trigger-width)} .min-w-full{min-width:100%} .min-w-max{min-width:-moz-max-content;min-width:max-content} .max-w-2xl{max-width:42rem} .max-w-3xl{max-width:48rem} .max-w-4xl{max-width:56rem} .max-w-5xl{max-width:64rem} .max-w-6xl{max-width:72rem} .max-w-7xl{max-width:80rem} .max-w-\[120px\]{max-width:120px} .max-w-\[150px\]{max-width:150px} .max-w-\[200px\]{max-width:200px} .max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)} .max-w-fit{max-width:-moz-fit-content;max-width:fit-content} .max-w-full{max-width:100%} .max-w-lg{max-width:32rem} .max-w-max{max-width:-moz-max-content;max-width:max-content} .max-w-md{max-width:28rem} .max-w-none{max-width:none} .max-w-sm{max-width:24rem} .max-w-xl{max-width:36rem} .max-w-xs{max-width:20rem} .flex-1{flex:1 1 0%} .flex-none{flex:none} .flex-shrink{flex-shrink:1} .flex-shrink-0{flex-shrink:0} .shrink{flex-shrink:1} .shrink-0{flex-shrink:0} .flex-grow{flex-grow:1} .grow{flex-grow:1} .grow-0{flex-grow:0} .basis-full{flex-basis:100%} .table-auto{table-layout:auto} .caption-bottom{caption-side:bottom} .border-collapse{border-collapse:collapse} .border-separate{border-collapse:separate} .border-spacing-0{--tw-border-spacing-x:0px;--tw-border-spacing-y:0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)} .origin-top-right{transform-origin:top right} .-translate-x-1\/2{--tw-translate-x:-50%;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-full{--tw-translate-x:-100%;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-px{--tw-translate-x:-1px;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-y-1\/2{--tw-translate-y:-50%;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-y-2{--tw-translate-y:-0.5rem;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-y-4{--tw-translate-y:-1rem;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-y-6{--tw-translate-y:-1.5rem;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-0{--tw-translate-x:0px;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-1{--tw-translate-x:0.25rem;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-4{--tw-translate-x:1rem;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;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-\[-50\%\]{--tw-translate-x:-50%;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-full{--tw-translate-x:100%;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-px{--tw-translate-x:1px;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-y-0{--tw-translate-y:0px;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-y-0\.5{--tw-translate-y:0.125rem;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-y-1{--tw-translate-y:0.25rem;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-y-4{--tw-translate-y:1rem;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-y-\[-50\%\]{--tw-translate-y:-50%;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-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y:calc(-50% - 2px);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-y-full{--tw-translate-y:100%;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-y-px{--tw-translate-y:1px;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-12{--tw-rotate:-12deg;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-3{--tw-rotate:-3deg;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: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-12{--tw-rotate:12deg;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-180{--tw-rotate:180deg;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-3{--tw-rotate:3deg;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-45{--tw-rotate:45deg;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: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))} .scale-100{--tw-scale-x:1;--tw-scale-y:1;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))} .scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;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))} .scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;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))} .scale-75{--tw-scale-x:.75;--tw-scale-y:.75;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))} .scale-90{--tw-scale-x:.9;--tw-scale-y:.9;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))} .scale-95{--tw-scale-x:.95;--tw-scale-y:.95;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))} .scale-\[0\.98\]{--tw-scale-x:0.98;--tw-scale-y:0.98;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))} .scale-\[1\.02\]{--tw-scale-x:1.02;--tw-scale-y:1.02;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))} .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 bounce{ 0%, 100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8,0,1,1)} 50%{transform:none;animation-timing-function:cubic-bezier(0,0,0.2,1)}} .animate-bounce{animation:bounce 1s infinite} @keyframes ping{ 75%, 100%{transform:scale(2);opacity:0}} .animate-ping{animation:ping 1s cubic-bezier(0, 0, 0.2, 1) infinite} @keyframes pulse{ 50%{opacity:.5}} .animate-pulse{animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite} @keyframes spin{ to{transform:rotate(360deg)}} .animate-spin{animation:spin 1s linear infinite} .cursor-default{cursor:default} .cursor-help{cursor:help} .cursor-move{cursor:move} .cursor-not-allowed{cursor:not-allowed} .cursor-pointer{cursor:pointer} .touch-none{touch-action:none} .touch-manipulation{touch-action:manipulation} .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none} .resize-none{resize:none} .resize{resize:both} .scroll-my-1{scroll-margin-top:0.25rem;scroll-margin-bottom:0.25rem} .scroll-py-1{scroll-padding-top:0.25rem;scroll-padding-bottom:0.25rem} .list-inside{list-style-position:inside} .list-disc{list-style-type:disc} .list-none{list-style-type:none} .appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none} .auto-rows-min{grid-auto-rows:min-content} .grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))} .grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))} .grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))} .grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))} .grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))} .grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))} .grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))} .grid-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))} .grid-cols-\[0_1fr\]{grid-template-columns:0 1fr} .grid-rows-\[auto_auto\]{grid-template-rows:auto auto} .flex-row{flex-direction:row} .flex-col{flex-direction:column} .flex-col-reverse{flex-direction:column-reverse} .flex-wrap{flex-wrap:wrap} .place-items-center{place-items:center} .items-start{align-items:flex-start} .items-end{align-items:flex-end} .items-center{align-items:center} .items-baseline{align-items:baseline} .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} .justify-around{justify-content:space-around} .justify-items-start{justify-items:start} .justify-items-center{justify-items:center} .gap-0\.5{gap:0.125rem} .gap-1{gap:0.25rem} .gap-1\.5{gap:0.375rem} .gap-10{gap:2.5rem} .gap-12{gap:3rem} .gap-2{gap:0.5rem} .gap-2\.5{gap:0.625rem} .gap-3{gap:0.75rem} .gap-4{gap:1rem} .gap-5{gap:1.25rem} .gap-6{gap:1.5rem} .gap-8{gap:2rem} .gap-\[1\%\]{gap:1%} .gap-x-1{-moz-column-gap:0.25rem;column-gap:0.25rem} .gap-x-1\.5{-moz-column-gap:0.375rem;column-gap:0.375rem} .gap-x-2{-moz-column-gap:0.5rem;column-gap:0.5rem} .gap-x-3{-moz-column-gap:0.75rem;column-gap:0.75rem} .gap-x-4{-moz-column-gap:1rem;column-gap:1rem} .gap-y-0\.5{row-gap:0.125rem} .gap-y-2{row-gap:0.5rem} .gap-y-3{row-gap:0.75rem} .gap-y-4{row-gap:1rem} .-space-x-px > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(-1px * var(--tw-space-x-reverse));margin-left:calc(-1px * calc(1 - var(--tw-space-x-reverse)))} .space-x-0 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0px * var(--tw-space-x-reverse));margin-left:calc(0px * calc(1 - var(--tw-space-x-reverse)))} .space-x-1 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.25rem * var(--tw-space-x-reverse));margin-left:calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))} .space-x-1\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.375rem * var(--tw-space-x-reverse));margin-left:calc(0.375rem * calc(1 - var(--tw-space-x-reverse)))} .space-x-2 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))} .space-x-3 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.75rem * var(--tw-space-x-reverse));margin-left:calc(0.75rem * calc(1 - var(--tw-space-x-reverse)))} .space-x-4 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))} .space-x-6 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))} .space-x-8 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))} .space-y-0 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))} .space-y-0\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.125rem * var(--tw-space-y-reverse))} .space-y-1 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.25rem * var(--tw-space-y-reverse))} .space-y-1\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.375rem * var(--tw-space-y-reverse))} .space-y-12 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem * var(--tw-space-y-reverse))} .space-y-2 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))} .space-y-3 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))} .space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))} .space-y-5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))} .space-y-6 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))} .space-y-8 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))} .divide-y > :not([hidden]) ~ :not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))} .divide-\[var\(--color-neutral-700\)\] > :not([hidden]) ~ :not([hidden]){border-color:var(--color-neutral-700)} .divide-border > :not([hidden]) ~ :not([hidden]){border-color:hsl(var(--border))} .divide-gray-200 > :not([hidden]) ~ :not([hidden]){--tw-divide-opacity:1;border-color:rgb(229 231 235 / var(--tw-divide-opacity, 1))} .divide-gray-700 > :not([hidden]) ~ :not([hidden]){--tw-divide-opacity:1;border-color:rgb(55 65 81 / var(--tw-divide-opacity, 1))} .divide-slate-700 > :not([hidden]) ~ :not([hidden]){--tw-divide-opacity:1;border-color:rgb(51 65 85 / var(--tw-divide-opacity, 1))} .divide-slate-700\/30 > :not([hidden]) ~ :not([hidden]){border-color:rgb(51 65 85 / 0.3)} .divide-slate-700\/50 > :not([hidden]) ~ :not([hidden]){border-color:rgb(51 65 85 / 0.5)} .divide-slate-700\/60 > :not([hidden]) ~ :not([hidden]){border-color:rgb(51 65 85 / 0.6)} .self-start{align-self:flex-start} .self-center{align-self:center} .justify-self-end{justify-self:end} .overflow-auto{overflow:auto} .overflow-hidden{overflow:hidden} .overflow-visible{overflow:visible} .overflow-x-auto{overflow-x:auto} .overflow-y-auto{overflow-y:auto} .overflow-x-hidden{overflow-x:hidden} .overflow-y-hidden{overflow-y:hidden} .overflow-x-scroll{overflow-x:scroll} .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .whitespace-normal{white-space:normal} .whitespace-nowrap{white-space:nowrap} .whitespace-pre-line{white-space:pre-line} .whitespace-pre-wrap{white-space:pre-wrap} .text-balance{text-wrap:balance} .break-words{overflow-wrap:break-word} .break-all{word-break:break-all} .rounded{border-radius:0.25rem} .rounded-2xl{border-radius:1rem} .rounded-\[2px\]{border-radius:2px} .rounded-\[4px\]{border-radius:4px} .rounded-\[inherit\]{border-radius:inherit} .rounded-full{border-radius:9999px} .rounded-lg{border-radius:var(--radius)} .rounded-md{border-radius:calc(var(--radius) - 2px)} .rounded-none{border-radius:0px} .rounded-sm{border-radius:calc(var(--radius) - 4px)} .rounded-xl{border-radius:0.75rem} .rounded-b-2xl{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem} .rounded-b-lg{border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius)} .rounded-b-sm{border-bottom-right-radius:calc(var(--radius) - 4px);border-bottom-left-radius:calc(var(--radius) - 4px)} .rounded-b-xl{border-bottom-right-radius:0.75rem;border-bottom-left-radius:0.75rem} .rounded-l-lg{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)} .rounded-l-md{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)} .rounded-l-sm{border-top-left-radius:calc(var(--radius) - 4px);border-bottom-left-radius:calc(var(--radius) - 4px)} .rounded-r-lg{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)} .rounded-r-md{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)} .rounded-r-sm{border-top-right-radius:calc(var(--radius) - 4px);border-bottom-right-radius:calc(var(--radius) - 4px)} .rounded-t{border-top-left-radius:0.25rem;border-top-right-radius:0.25rem} .rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem} .rounded-t-3xl{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem} .rounded-t-lg{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)} .rounded-t-md{border-top-left-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(var(--radius) - 2px)} .rounded-t-sm{border-top-left-radius:calc(var(--radius) - 4px);border-top-right-radius:calc(var(--radius) - 4px)} .rounded-t-xl{border-top-left-radius:0.75rem;border-top-right-radius:0.75rem} .rounded-bl-md{border-bottom-left-radius:calc(var(--radius) - 2px)} .rounded-tl-sm{border-top-left-radius:calc(var(--radius) - 4px)} .rounded-tl-xl{border-top-left-radius:0.75rem} .rounded-tr-xl{border-top-right-radius:0.75rem} .border{border-width:1px} .border-0{border-width:0px} .border-2{border-width:2px} .border-4{border-width:4px} .border-8{border-width:8px} .border-\[1\.15px\]{border-width:1.15px} .border-y{border-top-width:1px;border-bottom-width:1px} .border-b{border-bottom-width:1px} .border-b-2{border-bottom-width:2px} .border-b-8{border-bottom-width:8px} .border-l{border-left-width:1px} .border-l-0{border-left-width:0px} .border-l-2{border-left-width:2px} .border-l-4{border-left-width:4px} .border-r{border-right-width:1px} .border-r-0{border-right-width:0px} .border-r-2{border-right-width:2px} .border-r-4{border-right-width:4px} .border-t{border-top-width:1px} .border-t-2{border-top-width:2px} .border-t-4{border-top-width:4px} .border-t-8{border-top-width:8px} .border-dashed{border-style:dashed} .border-none{border-style:none} .\!border-\[var\(--admin-primary\)\]{border-color:var(--admin-primary) !important} .\!border-green-500{--tw-border-opacity:1 !important;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1)) !important} .\!border-orange-500{--tw-border-opacity:1 !important;border-color:rgb(249 115 22 / var(--tw-border-opacity, 1)) !important} .border-\[var\(--admin-border\)\]{border-color:var(--admin-border)} .border-\[var\(--admin-danger\)\]{border-color:var(--admin-danger)} .border-\[var\(--admin-primary\)\]{border-color:var(--admin-primary)} .border-\[var\(--admin-success\)\]{border-color:var(--admin-success)} .border-\[var\(--admin-warning\)\]{border-color:var(--admin-warning)} .border-\[var\(--button-border\)\]{border-color:var(--button-border)} .border-\[var\(--color-blue-400\)\]{border-color:var(--color-blue-400)} .border-\[var\(--color-neutral-600\)\]{border-color:var(--color-neutral-600)} .border-\[var\(--color-neutral-700\)\]{border-color:var(--color-neutral-700)} .border-\[var\(--color-red-500\)\]{border-color:var(--color-red-500)} .border-\[var\(--color-slate-700\)\]{border-color:var(--color-slate-700)} .border-\[var\(--input-border\)\]{border-color:var(--input-border)} .border-\[var\(--theme-border\)\]{border-color:var(--theme-border)} .border-accent\/20{border-color:hsl(var(--accent) / 0.2)} .border-amber-100{--tw-border-opacity:1;border-color:rgb(254 243 199 / var(--tw-border-opacity, 1))} .border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))} .border-amber-200\/20{border-color:rgb(253 230 138 / 0.2)} .border-amber-400{--tw-border-opacity:1;border-color:rgb(251 191 36 / var(--tw-border-opacity, 1))} .border-amber-500{--tw-border-opacity:1;border-color:rgb(245 158 11 / var(--tw-border-opacity, 1))} .border-amber-500\/20{border-color:rgb(245 158 11 / 0.2)} .border-amber-500\/30{border-color:rgb(245 158 11 / 0.3)} .border-amber-500\/40{border-color:rgb(245 158 11 / 0.4)} .border-amber-500\/60{border-color:rgb(245 158 11 / 0.6)} .border-amber-500\/70{border-color:rgb(245 158 11 / 0.7)} .border-amber-600{--tw-border-opacity:1;border-color:rgb(217 119 6 / var(--tw-border-opacity, 1))} .border-amber-600\/20{border-color:rgb(217 119 6 / 0.2)} .border-amber-600\/30{border-color:rgb(217 119 6 / 0.3)} .border-amber-600\/50{border-color:rgb(217 119 6 / 0.5)} .border-amber-700\/60{border-color:rgb(180 83 9 / 0.6)} .border-background{border-color:hsl(var(--background))} .border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))} .border-blue-200\/30{border-color:rgb(191 219 254 / 0.3)} .border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))} .border-blue-400{--tw-border-opacity:1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))} .border-blue-400\/30{border-color:rgb(96 165 250 / 0.3)} .border-blue-400\/40{border-color:rgb(96 165 250 / 0.4)} .border-blue-400\/50{border-color:rgb(96 165 250 / 0.5)} .border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))} .border-blue-500\/20{border-color:rgb(59 130 246 / 0.2)} .border-blue-500\/30{border-color:rgb(59 130 246 / 0.3)} .border-blue-500\/40{border-color:rgb(59 130 246 / 0.4)} .border-blue-500\/50{border-color:rgb(59 130 246 / 0.5)} .border-blue-500\/60{border-color:rgb(59 130 246 / 0.6)} .border-blue-600{--tw-border-opacity:1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))} .border-blue-600\/30{border-color:rgb(37 99 235 / 0.3)} .border-blue-600\/50{border-color:rgb(37 99 235 / 0.5)} .border-blue-700{--tw-border-opacity:1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1))} .border-blue-700\/50{border-color:rgb(29 78 216 / 0.5)} .border-blue-700\/60{border-color:rgb(29 78 216 / 0.6)} .border-blue-800\/30{border-color:rgb(30 64 175 / 0.3)} .border-blue-800\/60{border-color:rgb(30 64 175 / 0.6)} .border-border{border-color:hsl(var(--border))} .border-border\/20{border-color:hsl(var(--border) / 0.2)} .border-border\/30{border-color:hsl(var(--border) / 0.3)} .border-border\/40{border-color:hsl(var(--border) / 0.4)} .border-border\/50{border-color:hsl(var(--border) / 0.5)} .border-border\/60{border-color:hsl(var(--border) / 0.6)} .border-current{border-color:currentColor} .border-cyan-500\/30{border-color:rgb(6 182 212 / 0.3)} .border-cyan-600\/30{border-color:rgb(8 145 178 / 0.3)} .border-cyan-700{--tw-border-opacity:1;border-color:rgb(14 116 144 / var(--tw-border-opacity, 1))} .border-cyan-700\/60{border-color:rgb(14 116 144 / 0.6)} .border-destructive{border-color:hsl(var(--destructive))} .border-destructive\/20{border-color:hsl(var(--destructive) / 0.2)} .border-destructive\/30{border-color:hsl(var(--destructive) / 0.3)} .border-emerald-200{--tw-border-opacity:1;border-color:rgb(167 243 208 / var(--tw-border-opacity, 1))} .border-emerald-400\/30{border-color:rgb(52 211 153 / 0.3)} .border-emerald-500{--tw-border-opacity:1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))} .border-emerald-500\/20{border-color:rgb(16 185 129 / 0.2)} .border-emerald-500\/30{border-color:rgb(16 185 129 / 0.3)} .border-emerald-500\/50{border-color:rgb(16 185 129 / 0.5)} .border-emerald-500\/60{border-color:rgb(16 185 129 / 0.6)} .border-emerald-700{--tw-border-opacity:1;border-color:rgb(4 120 87 / var(--tw-border-opacity, 1))} .border-emerald-700\/60{border-color:rgb(4 120 87 / 0.6)} .border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))} .border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))} .border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))} .border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))} .border-gray-400\/30{border-color:rgb(156 163 175 / 0.3)} .border-gray-500{--tw-border-opacity:1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))} .border-gray-500\/20{border-color:rgb(107 114 128 / 0.2)} .border-gray-500\/30{border-color:rgb(107 114 128 / 0.3)} .border-gray-500\/50{border-color:rgb(107 114 128 / 0.5)} .border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))} .border-gray-600\/30{border-color:rgb(75 85 99 / 0.3)} .border-gray-600\/50{border-color:rgb(75 85 99 / 0.5)} .border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))} .border-gray-700\/30{border-color:rgb(55 65 81 / 0.3)} .border-gray-700\/40{border-color:rgb(55 65 81 / 0.4)} .border-gray-700\/50{border-color:rgb(55 65 81 / 0.5)} .border-gray-800{--tw-border-opacity:1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))} .border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))} .border-green-300{--tw-border-opacity:1;border-color:rgb(134 239 172 / var(--tw-border-opacity, 1))} .border-green-400{--tw-border-opacity:1;border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))} .border-green-400\/30{border-color:rgb(74 222 128 / 0.3)} .border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))} .border-green-500\/20{border-color:rgb(34 197 94 / 0.2)} .border-green-500\/30{border-color:rgb(34 197 94 / 0.3)} .border-green-500\/40{border-color:rgb(34 197 94 / 0.4)} .border-green-500\/50{border-color:rgb(34 197 94 / 0.5)} .border-green-500\/70{border-color:rgb(34 197 94 / 0.7)} .border-green-600{--tw-border-opacity:1;border-color:rgb(22 163 74 / var(--tw-border-opacity, 1))} .border-green-600\/20{border-color:rgb(22 163 74 / 0.2)} .border-green-600\/30{border-color:rgb(22 163 74 / 0.3)} .border-green-600\/50{border-color:rgb(22 163 74 / 0.5)} .border-green-700{--tw-border-opacity:1;border-color:rgb(21 128 61 / var(--tw-border-opacity, 1))} .border-green-700\/50{border-color:rgb(21 128 61 / 0.5)} .border-green-800\/50{border-color:rgb(22 101 52 / 0.5)} .border-input{border-color:hsl(var(--input))} .border-muted{border-color:hsl(var(--muted))} .border-muted-foreground{border-color:hsl(var(--muted-foreground))} .border-neutral-800{--tw-border-opacity:1;border-color:rgb(38 38 38 / var(--tw-border-opacity, 1))} .border-orange-200{--tw-border-opacity:1;border-color:rgb(254 215 170 / var(--tw-border-opacity, 1))} .border-orange-400\/30{border-color:rgb(251 146 60 / 0.3)} .border-orange-400\/50{border-color:rgb(251 146 60 / 0.5)} .border-orange-500{--tw-border-opacity:1;border-color:rgb(249 115 22 / var(--tw-border-opacity, 1))} .border-orange-500\/30{border-color:rgb(249 115 22 / 0.3)} .border-orange-500\/50{border-color:rgb(249 115 22 / 0.5)} .border-orange-600\/30{border-color:rgb(234 88 12 / 0.3)} .border-orange-700{--tw-border-opacity:1;border-color:rgb(194 65 12 / var(--tw-border-opacity, 1))} .border-orange-700\/60{border-color:rgb(194 65 12 / 0.6)} .border-pink-400\/50{border-color:rgb(244 114 182 / 0.5)} .border-pink-500{--tw-border-opacity:1;border-color:rgb(236 72 153 / var(--tw-border-opacity, 1))} .border-pink-500\/30{border-color:rgb(236 72 153 / 0.3)} .border-pink-500\/50{border-color:rgb(236 72 153 / 0.5)} .border-primary{border-color:hsl(var(--primary))} .border-primary\/20{border-color:hsl(var(--primary) / 0.2)} .border-purple-200{--tw-border-opacity:1;border-color:rgb(233 213 255 / var(--tw-border-opacity, 1))} .border-purple-400{--tw-border-opacity:1;border-color:rgb(192 132 252 / var(--tw-border-opacity, 1))} .border-purple-400\/30{border-color:rgb(192 132 252 / 0.3)} .border-purple-500{--tw-border-opacity:1;border-color:rgb(168 85 247 / var(--tw-border-opacity, 1))} .border-purple-500\/20{border-color:rgb(168 85 247 / 0.2)} .border-purple-500\/30{border-color:rgb(168 85 247 / 0.3)} .border-purple-500\/50{border-color:rgb(168 85 247 / 0.5)} .border-purple-600{--tw-border-opacity:1;border-color:rgb(147 51 234 / var(--tw-border-opacity, 1))} .border-purple-600\/30{border-color:rgb(147 51 234 / 0.3)} .border-purple-700{--tw-border-opacity:1;border-color:rgb(126 34 206 / var(--tw-border-opacity, 1))} .border-purple-700\/60{border-color:rgb(126 34 206 / 0.6)} .border-purple-900{--tw-border-opacity:1;border-color:rgb(88 28 135 / var(--tw-border-opacity, 1))} .border-red-100{--tw-border-opacity:1;border-color:rgb(254 226 226 / var(--tw-border-opacity, 1))} .border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))} .border-red-400{--tw-border-opacity:1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))} .border-red-400\/30{border-color:rgb(248 113 113 / 0.3)} .border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))} .border-red-500\/20{border-color:rgb(239 68 68 / 0.2)} .border-red-500\/30{border-color:rgb(239 68 68 / 0.3)} .border-red-500\/40{border-color:rgb(239 68 68 / 0.4)} .border-red-500\/50{border-color:rgb(239 68 68 / 0.5)} .border-red-700{--tw-border-opacity:1;border-color:rgb(185 28 28 / var(--tw-border-opacity, 1))} .border-red-700\/50{border-color:rgb(185 28 28 / 0.5)} .border-red-700\/60{border-color:rgb(185 28 28 / 0.6)} .border-red-800\/30{border-color:rgb(153 27 27 / 0.3)} .border-rose-500{--tw-border-opacity:1;border-color:rgb(244 63 94 / var(--tw-border-opacity, 1))} .border-rose-500\/30{border-color:rgb(244 63 94 / 0.3)} .border-secondary\/20{border-color:hsl(var(--secondary) / 0.2)} .border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))} .border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))} .border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139 / var(--tw-border-opacity, 1))} .border-slate-500\/20{border-color:rgb(100 116 139 / 0.2)} .border-slate-500\/30{border-color:rgb(100 116 139 / 0.3)} .border-slate-500\/50{border-color:rgb(100 116 139 / 0.5)} .border-slate-500\/60{border-color:rgb(100 116 139 / 0.6)} .border-slate-500\/70{border-color:rgb(100 116 139 / 0.7)} .border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1))} .border-slate-600\/20{border-color:rgb(71 85 105 / 0.2)} .border-slate-600\/30{border-color:rgb(71 85 105 / 0.3)} .border-slate-600\/40{border-color:rgb(71 85 105 / 0.4)} .border-slate-600\/50{border-color:rgb(71 85 105 / 0.5)} .border-slate-600\/60{border-color:rgb(71 85 105 / 0.6)} .border-slate-700{--tw-border-opacity:1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))} .border-slate-700\/20{border-color:rgb(51 65 85 / 0.2)} .border-slate-700\/25{border-color:rgb(51 65 85 / 0.25)} .border-slate-700\/30{border-color:rgb(51 65 85 / 0.3)} .border-slate-700\/40{border-color:rgb(51 65 85 / 0.4)} .border-slate-700\/50{border-color:rgb(51 65 85 / 0.5)} .border-slate-700\/60{border-color:rgb(51 65 85 / 0.6)} .border-slate-800{--tw-border-opacity:1;border-color:rgb(30 41 59 / var(--tw-border-opacity, 1))} .border-slate-800\/30{border-color:rgb(30 41 59 / 0.3)} .border-slate-800\/40{border-color:rgb(30 41 59 / 0.4)} .border-slate-800\/50{border-color:rgb(30 41 59 / 0.5)} .border-transparent{border-color:transparent} .border-white{--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))} .border-white\/10{border-color:rgb(255 255 255 / 0.1)} .border-white\/20{border-color:rgb(255 255 255 / 0.2)} .border-white\/30{border-color:rgb(255 255 255 / 0.3)} .border-white\/50{border-color:rgb(255 255 255 / 0.5)} .border-yellow-200{--tw-border-opacity:1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))} .border-yellow-400{--tw-border-opacity:1;border-color:rgb(250 204 21 / var(--tw-border-opacity, 1))} .border-yellow-400\/30{border-color:rgb(250 204 21 / 0.3)} .border-yellow-400\/50{border-color:rgb(250 204 21 / 0.5)} .border-yellow-500{--tw-border-opacity:1;border-color:rgb(234 179 8 / var(--tw-border-opacity, 1))} .border-yellow-500\/20{border-color:rgb(234 179 8 / 0.2)} .border-yellow-500\/30{border-color:rgb(234 179 8 / 0.3)} .border-yellow-500\/50{border-color:rgb(234 179 8 / 0.5)} .border-yellow-500\/70{border-color:rgb(234 179 8 / 0.7)} .border-yellow-600\/30{border-color:rgb(202 138 4 / 0.3)} .border-yellow-700{--tw-border-opacity:1;border-color:rgb(161 98 7 / var(--tw-border-opacity, 1))} .border-yellow-800\/30{border-color:rgb(133 77 14 / 0.3)} .border-b-yellow-400{--tw-border-opacity:1;border-bottom-color:rgb(250 204 21 / var(--tw-border-opacity, 1))} .border-l-red-500{--tw-border-opacity:1;border-left-color:rgb(239 68 68 / var(--tw-border-opacity, 1))} .border-l-transparent{border-left-color:transparent} .border-r-transparent{border-right-color:transparent} .border-t-blue-500{--tw-border-opacity:1;border-top-color:rgb(59 130 246 / var(--tw-border-opacity, 1))} .border-t-primary{border-top-color:hsl(var(--primary))} .border-t-transparent{border-top-color:transparent} .border-t-white{--tw-border-opacity:1;border-top-color:rgb(255 255 255 / var(--tw-border-opacity, 1))} .border-t-white\/60{border-top-color:rgb(255 255 255 / 0.6)} .border-t-yellow-400{--tw-border-opacity:1;border-top-color:rgb(250 204 21 / var(--tw-border-opacity, 1))} .\!bg-green-500\/10{background-color:rgb(34 197 94 / 0.1) !important} .\!bg-orange-500\/10{background-color:rgb(249 115 22 / 0.1) !important} .bg-\[\#0f1923\]{--tw-bg-opacity:1;background-color:rgb(15 25 35 / var(--tw-bg-opacity, 1))} .bg-\[\#0f1b2e\]{--tw-bg-opacity:1;background-color:rgb(15 27 46 / var(--tw-bg-opacity, 1))} .bg-\[var\(--admin-accent\)\]{background-color:var(--admin-accent)} .bg-\[var\(--admin-background\)\]{background-color:var(--admin-background)} .bg-\[var\(--admin-card\)\]{background-color:var(--admin-card)} .bg-\[var\(--admin-danger\)\]{background-color:var(--admin-danger)} .bg-\[var\(--admin-primary\)\]{background-color:var(--admin-primary)} .bg-\[var\(--admin-success\)\]{background-color:var(--admin-success)} .bg-\[var\(--admin-warning\)\]{background-color:var(--admin-warning)} .bg-\[var\(--background\)\]{background-color:var(--background)} .bg-\[var\(--button-background\)\]{background-color:var(--button-background)} .bg-\[var\(--button-destructive\)\]{background-color:var(--button-destructive)} .bg-\[var\(--button-primary\)\]{background-color:var(--button-primary)} .bg-\[var\(--button-secondary\)\]{background-color:var(--button-secondary)} .bg-\[var\(--color-amber-400\)\]{background-color:var(--color-amber-400)} .bg-\[var\(--color-amber-500\)\]{background-color:var(--color-amber-500)} .bg-\[var\(--color-blue-400\)\]{background-color:var(--color-blue-400)} .bg-\[var\(--color-coral-500\)\]{background-color:var(--color-coral-500)} .bg-\[var\(--color-green-400\)\]{background-color:var(--color-green-400)} .bg-\[var\(--color-green-500\)\]{background-color:var(--color-green-500)} .bg-\[var\(--color-neutral-600\)\]{background-color:var(--color-neutral-600)} .bg-\[var\(--color-neutral-700\)\]{background-color:var(--color-neutral-700)} .bg-\[var\(--color-neutral-800\)\]{background-color:var(--color-neutral-800)} .bg-\[var\(--color-neutral-850\)\]{background-color:var(--color-neutral-850)} .bg-\[var\(--color-slate-600\)\]{background-color:var(--color-slate-600)} .bg-\[var\(--color-slate-700\)\]{background-color:var(--color-slate-700)} .bg-\[var\(--color-slate-800\)\]{background-color:var(--color-slate-800)} .bg-\[var\(--color-slate-950\)\]{background-color:var(--color-slate-950)} .bg-\[var\(--preview-accent\)\]{background-color:var(--preview-accent)} .bg-\[var\(--preview-background\)\]{background-color:var(--preview-background)} .bg-\[var\(--preview-primary\)\]{background-color:var(--preview-primary)} .bg-\[var\(--preview-secondary\)\]{background-color:var(--preview-secondary)} .bg-\[var\(--preview-text\)\]{background-color:var(--preview-text)} .bg-\[var\(--surface-elevated\)\]{background-color:var(--surface-elevated)} .bg-\[var\(--surface-interactive\)\]{background-color:var(--surface-interactive)} .bg-\[var\(--theme-background\)\]{background-color:var(--theme-background)} .bg-\[var\(--theme-card-background\)\]{background-color:var(--theme-card-background)} .bg-\[var\(--theme-input-background\)\]{background-color:var(--theme-input-background)} .bg-accent\/5{background-color:hsl(var(--accent) / 0.05)} .bg-amber-400{--tw-bg-opacity:1;background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1))} .bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))} .bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))} .bg-amber-500\/10{background-color:rgb(245 158 11 / 0.1)} .bg-amber-500\/15{background-color:rgb(245 158 11 / 0.15)} .bg-amber-500\/20{background-color:rgb(245 158 11 / 0.2)} .bg-amber-600{--tw-bg-opacity:1;background-color:rgb(217 119 6 / var(--tw-bg-opacity, 1))} .bg-amber-600\/20{background-color:rgb(217 119 6 / 0.2)} .bg-amber-600\/80{background-color:rgb(217 119 6 / 0.8)} .bg-amber-900\/20{background-color:rgb(120 53 15 / 0.2)} .bg-amber-900\/30{background-color:rgb(120 53 15 / 0.3)} .bg-amber-900\/60{background-color:rgb(120 53 15 / 0.6)} .bg-background{background-color:hsl(var(--background))} .bg-background\/50{background-color:hsl(var(--background) / 0.5)} .bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))} .bg-black\/10{background-color:rgb(0 0 0 / 0.1)} .bg-black\/20{background-color:rgb(0 0 0 / 0.2)} .bg-black\/30{background-color:rgb(0 0 0 / 0.3)} .bg-black\/40{background-color:rgb(0 0 0 / 0.4)} .bg-black\/50{background-color:rgb(0 0 0 / 0.5)} .bg-black\/60{background-color:rgb(0 0 0 / 0.6)} .bg-black\/70{background-color:rgb(0 0 0 / 0.7)} .bg-black\/75{background-color:rgb(0 0 0 / 0.75)} .bg-black\/80{background-color:rgb(0 0 0 / 0.8)} .bg-black\/90{background-color:rgb(0 0 0 / 0.9)} .bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))} .bg-blue-200{--tw-bg-opacity:1;background-color:rgb(191 219 254 / var(--tw-bg-opacity, 1))} .bg-blue-400{--tw-bg-opacity:1;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))} .bg-blue-400\/20{background-color:rgb(96 165 250 / 0.2)} .bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))} .bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))} .bg-blue-500\/10{background-color:rgb(59 130 246 / 0.1)} .bg-blue-500\/15{background-color:rgb(59 130 246 / 0.15)} .bg-blue-500\/20{background-color:rgb(59 130 246 / 0.2)} .bg-blue-500\/30{background-color:rgb(59 130 246 / 0.3)} .bg-blue-500\/5{background-color:rgb(59 130 246 / 0.05)} .bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))} .bg-blue-600\/10{background-color:rgb(37 99 235 / 0.1)} .bg-blue-600\/20{background-color:rgb(37 99 235 / 0.2)} .bg-blue-600\/50{background-color:rgb(37 99 235 / 0.5)} .bg-blue-600\/80{background-color:rgb(37 99 235 / 0.8)} .bg-blue-600\/90{background-color:rgb(37 99 235 / 0.9)} .bg-blue-900{--tw-bg-opacity:1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1))} .bg-blue-900\/10{background-color:rgb(30 58 138 / 0.1)} .bg-blue-900\/20{background-color:rgb(30 58 138 / 0.2)} .bg-blue-900\/30{background-color:rgb(30 58 138 / 0.3)} .bg-blue-900\/40{background-color:rgb(30 58 138 / 0.4)} .bg-blue-900\/50{background-color:rgb(30 58 138 / 0.5)} .bg-blue-900\/60{background-color:rgb(30 58 138 / 0.6)} .bg-blue-900\/95{background-color:rgb(30 58 138 / 0.95)} .bg-blue-950\/40{background-color:rgb(23 37 84 / 0.4)} .bg-border{background-color:hsl(var(--border))} .bg-card{background-color:hsl(var(--card))} .bg-card\/40{background-color:hsl(var(--card) / 0.4)} .bg-card\/50{background-color:hsl(var(--card) / 0.5)} .bg-card\/95{background-color:hsl(var(--card) / 0.95)} .bg-cyan-500\/20{background-color:rgb(6 182 212 / 0.2)} .bg-cyan-600\/10{background-color:rgb(8 145 178 / 0.1)} .bg-cyan-900\/50{background-color:rgb(22 78 99 / 0.5)} .bg-destructive{background-color:hsl(var(--destructive))} .bg-destructive\/10{background-color:hsl(var(--destructive) / 0.1)} .bg-destructive\/5{background-color:hsl(var(--destructive) / 0.05)} .bg-emerald-400{--tw-bg-opacity:1;background-color:rgb(52 211 153 / var(--tw-bg-opacity, 1))} .bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))} .bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))} .bg-emerald-500\/10{background-color:rgb(16 185 129 / 0.1)} .bg-emerald-500\/15{background-color:rgb(16 185 129 / 0.15)} .bg-emerald-500\/20{background-color:rgb(16 185 129 / 0.2)} .bg-emerald-600{--tw-bg-opacity:1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))} .bg-emerald-800\/50{background-color:rgb(6 95 70 / 0.5)} .bg-emerald-900\/50{background-color:rgb(6 78 59 / 0.5)} .bg-emerald-900\/60{background-color:rgb(6 78 59 / 0.6)} .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))} .bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))} .bg-gray-200\/80{background-color:rgb(229 231 235 / 0.8)} .bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))} .bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))} .bg-gray-400\/20{background-color:rgb(156 163 175 / 0.2)} .bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))} .bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))} .bg-gray-500\/10{background-color:rgb(107 114 128 / 0.1)} .bg-gray-500\/15{background-color:rgb(107 114 128 / 0.15)} .bg-gray-500\/20{background-color:rgb(107 114 128 / 0.2)} .bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))} .bg-gray-600\/20{background-color:rgb(75 85 99 / 0.2)} .bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))} .bg-gray-700\/20{background-color:rgb(55 65 81 / 0.2)} .bg-gray-700\/30{background-color:rgb(55 65 81 / 0.3)} .bg-gray-700\/40{background-color:rgb(55 65 81 / 0.4)} .bg-gray-700\/50{background-color:rgb(55 65 81 / 0.5)} .bg-gray-700\/80{background-color:rgb(55 65 81 / 0.8)} .bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))} .bg-gray-800\/20{background-color:rgb(31 41 55 / 0.2)} .bg-gray-800\/30{background-color:rgb(31 41 55 / 0.3)} .bg-gray-800\/40{background-color:rgb(31 41 55 / 0.4)} .bg-gray-800\/50{background-color:rgb(31 41 55 / 0.5)} .bg-gray-800\/60{background-color:rgb(31 41 55 / 0.6)} .bg-gray-800\/80{background-color:rgb(31 41 55 / 0.8)} .bg-gray-800\/90{background-color:rgb(31 41 55 / 0.9)} .bg-gray-800\/95{background-color:rgb(31 41 55 / 0.95)} .bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))} .bg-gray-900\/30{background-color:rgb(17 24 39 / 0.3)} .bg-gray-900\/95{background-color:rgb(17 24 39 / 0.95)} .bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))} .bg-green-200{--tw-bg-opacity:1;background-color:rgb(187 247 208 / var(--tw-bg-opacity, 1))} .bg-green-400{--tw-bg-opacity:1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))} .bg-green-400\/20{background-color:rgb(74 222 128 / 0.2)} .bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))} .bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))} .bg-green-500\/10{background-color:rgb(34 197 94 / 0.1)} .bg-green-500\/15{background-color:rgb(34 197 94 / 0.15)} .bg-green-500\/20{background-color:rgb(34 197 94 / 0.2)} .bg-green-500\/5{background-color:rgb(34 197 94 / 0.05)} .bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))} .bg-green-600\/10{background-color:rgb(22 163 74 / 0.1)} .bg-green-600\/20{background-color:rgb(22 163 74 / 0.2)} .bg-green-600\/5{background-color:rgb(22 163 74 / 0.05)} .bg-green-600\/50{background-color:rgb(22 163 74 / 0.5)} .bg-green-600\/70{background-color:rgb(22 163 74 / 0.7)} .bg-green-700{--tw-bg-opacity:1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))} .bg-green-900\/10{background-color:rgb(20 83 45 / 0.1)} .bg-green-900\/20{background-color:rgb(20 83 45 / 0.2)} .bg-green-900\/30{background-color:rgb(20 83 45 / 0.3)} .bg-green-900\/50{background-color:rgb(20 83 45 / 0.5)} .bg-indigo-500\/10{background-color:rgb(99 102 241 / 0.1)} .bg-muted{background-color:hsl(var(--muted))} .bg-muted\/10{background-color:hsl(var(--muted) / 0.1)} .bg-muted\/20{background-color:hsl(var(--muted) / 0.2)} .bg-muted\/30{background-color:hsl(var(--muted) / 0.3)} .bg-muted\/50{background-color:hsl(var(--muted) / 0.5)} .bg-neutral-100{--tw-bg-opacity:1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))} .bg-neutral-200{--tw-bg-opacity:1;background-color:rgb(229 229 229 / var(--tw-bg-opacity, 1))} .bg-neutral-900\/90{background-color:rgb(23 23 23 / 0.9)} .bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))} .bg-orange-200{--tw-bg-opacity:1;background-color:rgb(254 215 170 / var(--tw-bg-opacity, 1))} .bg-orange-400\/20{background-color:rgb(251 146 60 / 0.2)} .bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))} .bg-orange-500\/10{background-color:rgb(249 115 22 / 0.1)} .bg-orange-500\/20{background-color:rgb(249 115 22 / 0.2)} .bg-orange-500\/30{background-color:rgb(249 115 22 / 0.3)} .bg-orange-600{--tw-bg-opacity:1;background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))} .bg-orange-600\/10{background-color:rgb(234 88 12 / 0.1)} .bg-orange-600\/20{background-color:rgb(234 88 12 / 0.2)} .bg-orange-900\/50{background-color:rgb(124 45 18 / 0.5)} .bg-pink-400{--tw-bg-opacity:1;background-color:rgb(244 114 182 / var(--tw-bg-opacity, 1))} .bg-pink-400\/20{background-color:rgb(244 114 182 / 0.2)} .bg-pink-500\/10{background-color:rgb(236 72 153 / 0.1)} .bg-pink-500\/20{background-color:rgb(236 72 153 / 0.2)} .bg-popover{background-color:hsl(var(--popover))} .bg-primary{background-color:hsl(var(--primary))} .bg-primary\/10{background-color:hsl(var(--primary) / 0.1)} .bg-primary\/20{background-color:hsl(var(--primary) / 0.2)} .bg-primary\/5{background-color:hsl(var(--primary) / 0.05)} .bg-purple-100{--tw-bg-opacity:1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))} .bg-purple-200{--tw-bg-opacity:1;background-color:rgb(233 213 255 / var(--tw-bg-opacity, 1))} .bg-purple-400{--tw-bg-opacity:1;background-color:rgb(192 132 252 / var(--tw-bg-opacity, 1))} .bg-purple-400\/20{background-color:rgb(192 132 252 / 0.2)} .bg-purple-500{--tw-bg-opacity:1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))} .bg-purple-500\/10{background-color:rgb(168 85 247 / 0.1)} .bg-purple-500\/15{background-color:rgb(168 85 247 / 0.15)} .bg-purple-500\/20{background-color:rgb(168 85 247 / 0.2)} .bg-purple-600{--tw-bg-opacity:1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))} .bg-purple-600\/10{background-color:rgb(147 51 234 / 0.1)} .bg-purple-600\/20{background-color:rgb(147 51 234 / 0.2)} .bg-purple-600\/30{background-color:rgb(147 51 234 / 0.3)} .bg-purple-900\/20{background-color:rgb(88 28 135 / 0.2)} .bg-purple-900\/50{background-color:rgb(88 28 135 / 0.5)} .bg-purple-900\/60{background-color:rgb(88 28 135 / 0.6)} .bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))} .bg-red-200{--tw-bg-opacity:1;background-color:rgb(254 202 202 / var(--tw-bg-opacity, 1))} .bg-red-400{--tw-bg-opacity:1;background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1))} .bg-red-400\/20{background-color:rgb(248 113 113 / 0.2)} .bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))} .bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))} .bg-red-500\/10{background-color:rgb(239 68 68 / 0.1)} .bg-red-500\/15{background-color:rgb(239 68 68 / 0.15)} .bg-red-500\/20{background-color:rgb(239 68 68 / 0.2)} .bg-red-500\/5{background-color:rgb(239 68 68 / 0.05)} .bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))} .bg-red-600\/20{background-color:rgb(220 38 38 / 0.2)} .bg-red-600\/50{background-color:rgb(220 38 38 / 0.5)} .bg-red-600\/90{background-color:rgb(220 38 38 / 0.9)} .bg-red-900\/20{background-color:rgb(127 29 29 / 0.2)} .bg-red-900\/30{background-color:rgb(127 29 29 / 0.3)} .bg-red-900\/50{background-color:rgb(127 29 29 / 0.5)} .bg-red-900\/60{background-color:rgb(127 29 29 / 0.6)} .bg-rose-400{--tw-bg-opacity:1;background-color:rgb(251 113 133 / var(--tw-bg-opacity, 1))} .bg-rose-500{--tw-bg-opacity:1;background-color:rgb(244 63 94 / var(--tw-bg-opacity, 1))} .bg-rose-500\/10{background-color:rgb(244 63 94 / 0.1)} .bg-secondary{background-color:hsl(var(--secondary))} .bg-secondary\/20{background-color:hsl(var(--secondary) / 0.2)} .bg-secondary\/5{background-color:hsl(var(--secondary) / 0.05)} .bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))} .bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))} .bg-slate-500{--tw-bg-opacity:1;background-color:rgb(100 116 139 / var(--tw-bg-opacity, 1))} .bg-slate-500\/10{background-color:rgb(100 116 139 / 0.1)} .bg-slate-500\/20{background-color:rgb(100 116 139 / 0.2)} .bg-slate-600{--tw-bg-opacity:1;background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1))} .bg-slate-600\/20{background-color:rgb(71 85 105 / 0.2)} .bg-slate-600\/40{background-color:rgb(71 85 105 / 0.4)} .bg-slate-600\/80{background-color:rgb(71 85 105 / 0.8)} .bg-slate-600\/90{background-color:rgb(71 85 105 / 0.9)} .bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))} .bg-slate-700\/20{background-color:rgb(51 65 85 / 0.2)} .bg-slate-700\/30{background-color:rgb(51 65 85 / 0.3)} .bg-slate-700\/50{background-color:rgb(51 65 85 / 0.5)} .bg-slate-700\/60{background-color:rgb(51 65 85 / 0.6)} .bg-slate-700\/80{background-color:rgb(51 65 85 / 0.8)} .bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))} .bg-slate-800\/20{background-color:rgb(30 41 59 / 0.2)} .bg-slate-800\/30{background-color:rgb(30 41 59 / 0.3)} .bg-slate-800\/40{background-color:rgb(30 41 59 / 0.4)} .bg-slate-800\/50{background-color:rgb(30 41 59 / 0.5)} .bg-slate-800\/60{background-color:rgb(30 41 59 / 0.6)} .bg-slate-800\/70{background-color:rgb(30 41 59 / 0.7)} .bg-slate-800\/80{background-color:rgb(30 41 59 / 0.8)} .bg-slate-800\/90{background-color:rgb(30 41 59 / 0.9)} .bg-slate-800\/95{background-color:rgb(30 41 59 / 0.95)} .bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))} .bg-slate-900\/30{background-color:rgb(15 23 42 / 0.3)} .bg-slate-900\/50{background-color:rgb(15 23 42 / 0.5)} .bg-slate-900\/80{background-color:rgb(15 23 42 / 0.8)} .bg-slate-900\/90{background-color:rgb(15 23 42 / 0.9)} .bg-slate-900\/95{background-color:rgb(15 23 42 / 0.95)} .bg-slate-950{--tw-bg-opacity:1;background-color:rgb(2 6 23 / var(--tw-bg-opacity, 1))} .bg-transparent{background-color:transparent} .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))} .bg-white\/10{background-color:rgb(255 255 255 / 0.1)} .bg-white\/15{background-color:rgb(255 255 255 / 0.15)} .bg-white\/20{background-color:rgb(255 255 255 / 0.2)} .bg-white\/40{background-color:rgb(255 255 255 / 0.4)} .bg-white\/5{background-color:rgb(255 255 255 / 0.05)} .bg-white\/50{background-color:rgb(255 255 255 / 0.5)} .bg-white\/60{background-color:rgb(255 255 255 / 0.6)} .bg-white\/80{background-color:rgb(255 255 255 / 0.8)} .bg-white\/90{background-color:rgb(255 255 255 / 0.9)} .bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))} .bg-yellow-200{--tw-bg-opacity:1;background-color:rgb(254 240 138 / var(--tw-bg-opacity, 1))} .bg-yellow-300{--tw-bg-opacity:1;background-color:rgb(253 224 71 / var(--tw-bg-opacity, 1))} .bg-yellow-400{--tw-bg-opacity:1;background-color:rgb(250 204 21 / var(--tw-bg-opacity, 1))} .bg-yellow-400\/20{background-color:rgb(250 204 21 / 0.2)} .bg-yellow-400\/30{background-color:rgb(250 204 21 / 0.3)} .bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))} .bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))} .bg-yellow-500\/10{background-color:rgb(234 179 8 / 0.1)} .bg-yellow-500\/15{background-color:rgb(234 179 8 / 0.15)} .bg-yellow-500\/20{background-color:rgb(234 179 8 / 0.2)} .bg-yellow-600{--tw-bg-opacity:1;background-color:rgb(202 138 4 / var(--tw-bg-opacity, 1))} .bg-yellow-600\/10{background-color:rgb(202 138 4 / 0.1)} .bg-yellow-600\/20{background-color:rgb(202 138 4 / 0.2)} .bg-yellow-900\/10{background-color:rgb(113 63 18 / 0.1)} .bg-yellow-900\/20{background-color:rgb(113 63 18 / 0.2)} .bg-yellow-900\/30{background-color:rgb(113 63 18 / 0.3)} .bg-yellow-900\/50{background-color:rgb(113 63 18 / 0.5)} .bg-zinc-900{--tw-bg-opacity:1;background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1))} .bg-opacity-50{--tw-bg-opacity:0.5} .bg-opacity-90{--tw-bg-opacity:0.9} .bg-gradient-to-b{background-image:linear-gradient(to bottom, var(--tw-gradient-stops))} .bg-gradient-to-br{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))} .bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))} .bg-gradient-to-t{background-image:linear-gradient(to top, var(--tw-gradient-stops))} .from-\[\#0a1222\]{--tw-gradient-from:#0a1222 var(--tw-gradient-from-position);--tw-gradient-to:rgb(10 18 34 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-\[var\(--admin-primary\)\]{--tw-gradient-from:var(--admin-primary) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-\[var\(--color-blue-500\)\]{--tw-gradient-from:var(--color-blue-500) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-\[var\(--color-red-500\)\]{--tw-gradient-from:var(--color-red-500) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-\[var\(--color-slate-800\)\]{--tw-gradient-from:var(--color-slate-800) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-\[var\(--color-slate-900\)\]{--tw-gradient-from:var(--color-slate-900) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-amber-400{--tw-gradient-from:#fbbf24 var(--tw-gradient-from-position);--tw-gradient-to:rgb(251 191 36 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-amber-50{--tw-gradient-from:#fffbeb var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 251 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-amber-50\/10{--tw-gradient-from:rgb(255 251 235 / 0.1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 251 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-amber-500{--tw-gradient-from:#f59e0b var(--tw-gradient-from-position);--tw-gradient-to:rgb(245 158 11 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-amber-500\/20{--tw-gradient-from:rgb(245 158 11 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(245 158 11 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-amber-500\/5{--tw-gradient-from:rgb(245 158 11 / 0.05) var(--tw-gradient-from-position);--tw-gradient-to:rgb(245 158 11 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-amber-500\/70{--tw-gradient-from:rgb(245 158 11 / 0.7) var(--tw-gradient-from-position);--tw-gradient-to:rgb(245 158 11 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-amber-600{--tw-gradient-from:#d97706 var(--tw-gradient-from-position);--tw-gradient-to:rgb(217 119 6 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-amber-600\/40{--tw-gradient-from:rgb(217 119 6 / 0.4) var(--tw-gradient-from-position);--tw-gradient-to:rgb(217 119 6 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-amber-600\/80{--tw-gradient-from:rgb(217 119 6 / 0.8) var(--tw-gradient-from-position);--tw-gradient-to:rgb(217 119 6 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-amber-700{--tw-gradient-from:#b45309 var(--tw-gradient-from-position);--tw-gradient-to:rgb(180 83 9 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-amber-700\/40{--tw-gradient-from:rgb(180 83 9 / 0.4) var(--tw-gradient-from-position);--tw-gradient-to:rgb(180 83 9 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-amber-900\/30{--tw-gradient-from:rgb(120 53 15 / 0.3) var(--tw-gradient-from-position);--tw-gradient-to:rgb(120 53 15 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-amber-900\/40{--tw-gradient-from:rgb(120 53 15 / 0.4) var(--tw-gradient-from-position);--tw-gradient-to:rgb(120 53 15 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-amber-950\/50{--tw-gradient-from:rgb(69 26 3 / 0.5) var(--tw-gradient-from-position);--tw-gradient-to:rgb(69 26 3 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-black{--tw-gradient-from:#000 var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-black\/60{--tw-gradient-from:rgb(0 0 0 / 0.6) var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-blue-400{--tw-gradient-from:#60a5fa var(--tw-gradient-from-position);--tw-gradient-to:rgb(96 165 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-blue-50{--tw-gradient-from:#eff6ff var(--tw-gradient-from-position);--tw-gradient-to:rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-blue-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-blue-500\/10{--tw-gradient-from:rgb(59 130 246 / 0.1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-blue-500\/20{--tw-gradient-from:rgb(59 130 246 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-blue-500\/30{--tw-gradient-from:rgb(59 130 246 / 0.3) var(--tw-gradient-from-position);--tw-gradient-to:rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-blue-500\/5{--tw-gradient-from:rgb(59 130 246 / 0.05) var(--tw-gradient-from-position);--tw-gradient-to:rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-blue-600{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-blue-600\/20{--tw-gradient-from:rgb(37 99 235 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-blue-800{--tw-gradient-from:#1e40af var(--tw-gradient-from-position);--tw-gradient-to:rgb(30 64 175 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-blue-900{--tw-gradient-from:#1e3a8a var(--tw-gradient-from-position);--tw-gradient-to:rgb(30 58 138 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-blue-900\/20{--tw-gradient-from:rgb(30 58 138 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(30 58 138 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-blue-900\/40{--tw-gradient-from:rgb(30 58 138 / 0.4) var(--tw-gradient-from-position);--tw-gradient-to:rgb(30 58 138 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-blue-900\/5{--tw-gradient-from:rgb(30 58 138 / 0.05) var(--tw-gradient-from-position);--tw-gradient-to:rgb(30 58 138 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-blue-900\/50{--tw-gradient-from:rgb(30 58 138 / 0.5) var(--tw-gradient-from-position);--tw-gradient-to:rgb(30 58 138 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-card{--tw-gradient-from:hsl(var(--card)) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--card) / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-cyan-500{--tw-gradient-from:#06b6d4 var(--tw-gradient-from-position);--tw-gradient-to:rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-cyan-500\/20{--tw-gradient-from:rgb(6 182 212 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-cyan-800{--tw-gradient-from:#155e75 var(--tw-gradient-from-position);--tw-gradient-to:rgb(21 94 117 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-emerald-500{--tw-gradient-from:#10b981 var(--tw-gradient-from-position);--tw-gradient-to:rgb(16 185 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-emerald-500\/10{--tw-gradient-from:rgb(16 185 129 / 0.1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(16 185 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-emerald-500\/20{--tw-gradient-from:rgb(16 185 129 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(16 185 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-emerald-600{--tw-gradient-from:#059669 var(--tw-gradient-from-position);--tw-gradient-to:rgb(5 150 105 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-emerald-900\/20{--tw-gradient-from:rgb(6 78 59 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(6 78 59 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-gray-400{--tw-gradient-from:#9ca3af var(--tw-gradient-from-position);--tw-gradient-to:rgb(156 163 175 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-gray-50{--tw-gradient-from:#f9fafb var(--tw-gradient-from-position);--tw-gradient-to:rgb(249 250 251 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-gray-500{--tw-gradient-from:#6b7280 var(--tw-gradient-from-position);--tw-gradient-to:rgb(107 114 128 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-gray-500\/20{--tw-gradient-from:rgb(107 114 128 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(107 114 128 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-gray-600{--tw-gradient-from:#4b5563 var(--tw-gradient-from-position);--tw-gradient-to:rgb(75 85 99 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-gray-600\/20{--tw-gradient-from:rgb(75 85 99 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(75 85 99 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-gray-700{--tw-gradient-from:#374151 var(--tw-gradient-from-position);--tw-gradient-to:rgb(55 65 81 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-gray-800{--tw-gradient-from:#1f2937 var(--tw-gradient-from-position);--tw-gradient-to:rgb(31 41 55 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-gray-800\/50{--tw-gradient-from:rgb(31 41 55 / 0.5) var(--tw-gradient-from-position);--tw-gradient-to:rgb(31 41 55 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-gray-800\/80{--tw-gradient-from:rgb(31 41 55 / 0.8) var(--tw-gradient-from-position);--tw-gradient-to:rgb(31 41 55 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-gray-900{--tw-gradient-from:#111827 var(--tw-gradient-from-position);--tw-gradient-to:rgb(17 24 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-green-400{--tw-gradient-from:#4ade80 var(--tw-gradient-from-position);--tw-gradient-to:rgb(74 222 128 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-green-50{--tw-gradient-from:#f0fdf4 var(--tw-gradient-from-position);--tw-gradient-to:rgb(240 253 244 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-green-500{--tw-gradient-from:#22c55e var(--tw-gradient-from-position);--tw-gradient-to:rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-green-500\/10{--tw-gradient-from:rgb(34 197 94 / 0.1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-green-500\/20{--tw-gradient-from:rgb(34 197 94 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-green-500\/5{--tw-gradient-from:rgb(34 197 94 / 0.05) var(--tw-gradient-from-position);--tw-gradient-to:rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-green-600{--tw-gradient-from:#16a34a var(--tw-gradient-from-position);--tw-gradient-to:rgb(22 163 74 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-green-600\/10{--tw-gradient-from:rgb(22 163 74 / 0.1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(22 163 74 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-green-600\/20{--tw-gradient-from:rgb(22 163 74 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(22 163 74 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-green-900{--tw-gradient-from:#14532d var(--tw-gradient-from-position);--tw-gradient-to:rgb(20 83 45 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-green-900\/30{--tw-gradient-from:rgb(20 83 45 / 0.3) var(--tw-gradient-from-position);--tw-gradient-to:rgb(20 83 45 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-green-900\/40{--tw-gradient-from:rgb(20 83 45 / 0.4) var(--tw-gradient-from-position);--tw-gradient-to:rgb(20 83 45 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-green-900\/50{--tw-gradient-from:rgb(20 83 45 / 0.5) var(--tw-gradient-from-position);--tw-gradient-to:rgb(20 83 45 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-indigo-600{--tw-gradient-from:#4f46e5 var(--tw-gradient-from-position);--tw-gradient-to:rgb(79 70 229 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-muted\/20{--tw-gradient-from:hsl(var(--muted) / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--muted) / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-orange-400{--tw-gradient-from:#fb923c var(--tw-gradient-from-position);--tw-gradient-to:rgb(251 146 60 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-orange-50{--tw-gradient-from:#fff7ed var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 247 237 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-orange-500{--tw-gradient-from:#f97316 var(--tw-gradient-from-position);--tw-gradient-to:rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-orange-500\/20{--tw-gradient-from:rgb(249 115 22 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-orange-600{--tw-gradient-from:#ea580c var(--tw-gradient-from-position);--tw-gradient-to:rgb(234 88 12 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-orange-600\/20{--tw-gradient-from:rgb(234 88 12 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(234 88 12 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-orange-800{--tw-gradient-from:#9a3412 var(--tw-gradient-from-position);--tw-gradient-to:rgb(154 52 18 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-orange-900{--tw-gradient-from:#7c2d12 var(--tw-gradient-from-position);--tw-gradient-to:rgb(124 45 18 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-pink-400{--tw-gradient-from:#f472b6 var(--tw-gradient-from-position);--tw-gradient-to:rgb(244 114 182 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-pink-500{--tw-gradient-from:#ec4899 var(--tw-gradient-from-position);--tw-gradient-to:rgb(236 72 153 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-pink-600{--tw-gradient-from:#db2777 var(--tw-gradient-from-position);--tw-gradient-to:rgb(219 39 119 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-pink-600\/20{--tw-gradient-from:rgb(219 39 119 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(219 39 119 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-pink-600\/30{--tw-gradient-from:rgb(219 39 119 / 0.3) var(--tw-gradient-from-position);--tw-gradient-to:rgb(219 39 119 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-pink-900\/20{--tw-gradient-from:rgb(131 24 67 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(131 24 67 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-pink-900\/30{--tw-gradient-from:rgb(131 24 67 / 0.3) var(--tw-gradient-from-position);--tw-gradient-to:rgb(131 24 67 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-pink-900\/5{--tw-gradient-from:rgb(131 24 67 / 0.05) var(--tw-gradient-from-position);--tw-gradient-to:rgb(131 24 67 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-primary{--tw-gradient-from:hsl(var(--primary)) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-primary\/10{--tw-gradient-from:hsl(var(--primary) / 0.1) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-primary\/20{--tw-gradient-from:hsl(var(--primary) / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-primary\/5{--tw-gradient-from:hsl(var(--primary) / 0.05) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-purple-50{--tw-gradient-from:#faf5ff var(--tw-gradient-from-position);--tw-gradient-to:rgb(250 245 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-purple-500{--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-purple-500\/10{--tw-gradient-from:rgb(168 85 247 / 0.1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-purple-500\/20{--tw-gradient-from:rgb(168 85 247 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-purple-600{--tw-gradient-from:#9333ea var(--tw-gradient-from-position);--tw-gradient-to:rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-purple-600\/20{--tw-gradient-from:rgb(147 51 234 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-purple-800{--tw-gradient-from:#6b21a8 var(--tw-gradient-from-position);--tw-gradient-to:rgb(107 33 168 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-purple-900\/20{--tw-gradient-from:rgb(88 28 135 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(88 28 135 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-purple-900\/30{--tw-gradient-from:rgb(88 28 135 / 0.3) var(--tw-gradient-from-position);--tw-gradient-to:rgb(88 28 135 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-purple-900\/40{--tw-gradient-from:rgb(88 28 135 / 0.4) var(--tw-gradient-from-position);--tw-gradient-to:rgb(88 28 135 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-purple-900\/90{--tw-gradient-from:rgb(88 28 135 / 0.9) var(--tw-gradient-from-position);--tw-gradient-to:rgb(88 28 135 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-red-50{--tw-gradient-from:#fef2f2 var(--tw-gradient-from-position);--tw-gradient-to:rgb(254 242 242 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-red-500{--tw-gradient-from:#ef4444 var(--tw-gradient-from-position);--tw-gradient-to:rgb(239 68 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-red-600{--tw-gradient-from:#dc2626 var(--tw-gradient-from-position);--tw-gradient-to:rgb(220 38 38 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-red-600\/20{--tw-gradient-from:rgb(220 38 38 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(220 38 38 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-red-700{--tw-gradient-from:#b91c1c var(--tw-gradient-from-position);--tw-gradient-to:rgb(185 28 28 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-red-800{--tw-gradient-from:#991b1b var(--tw-gradient-from-position);--tw-gradient-to:rgb(153 27 27 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-red-900{--tw-gradient-from:#7f1d1d var(--tw-gradient-from-position);--tw-gradient-to:rgb(127 29 29 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-red-900\/40{--tw-gradient-from:rgb(127 29 29 / 0.4) var(--tw-gradient-from-position);--tw-gradient-to:rgb(127 29 29 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-red-900\/80{--tw-gradient-from:rgb(127 29 29 / 0.8) var(--tw-gradient-from-position);--tw-gradient-to:rgb(127 29 29 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-red-900\/90{--tw-gradient-from:rgb(127 29 29 / 0.9) var(--tw-gradient-from-position);--tw-gradient-to:rgb(127 29 29 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-secondary{--tw-gradient-from:hsl(var(--secondary)) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--secondary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-secondary\/20{--tw-gradient-from:hsl(var(--secondary) / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--secondary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-slate-50{--tw-gradient-from:#f8fafc var(--tw-gradient-from-position);--tw-gradient-to:rgb(248 250 252 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-slate-500{--tw-gradient-from:#64748b var(--tw-gradient-from-position);--tw-gradient-to:rgb(100 116 139 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-slate-500\/20{--tw-gradient-from:rgb(100 116 139 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(100 116 139 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-slate-500\/70{--tw-gradient-from:rgb(100 116 139 / 0.7) var(--tw-gradient-from-position);--tw-gradient-to:rgb(100 116 139 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-slate-500\/80{--tw-gradient-from:rgb(100 116 139 / 0.8) var(--tw-gradient-from-position);--tw-gradient-to:rgb(100 116 139 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-slate-700{--tw-gradient-from:#334155 var(--tw-gradient-from-position);--tw-gradient-to:rgb(51 65 85 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-slate-700\/40{--tw-gradient-from:rgb(51 65 85 / 0.4) var(--tw-gradient-from-position);--tw-gradient-to:rgb(51 65 85 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-slate-800{--tw-gradient-from:#1e293b var(--tw-gradient-from-position);--tw-gradient-to:rgb(30 41 59 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-slate-800\/50{--tw-gradient-from:rgb(30 41 59 / 0.5) var(--tw-gradient-from-position);--tw-gradient-to:rgb(30 41 59 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-slate-800\/70{--tw-gradient-from:rgb(30 41 59 / 0.7) var(--tw-gradient-from-position);--tw-gradient-to:rgb(30 41 59 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-slate-800\/80{--tw-gradient-from:rgb(30 41 59 / 0.8) var(--tw-gradient-from-position);--tw-gradient-to:rgb(30 41 59 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-slate-800\/90{--tw-gradient-from:rgb(30 41 59 / 0.9) var(--tw-gradient-from-position);--tw-gradient-to:rgb(30 41 59 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-slate-900{--tw-gradient-from:#0f172a var(--tw-gradient-from-position);--tw-gradient-to:rgb(15 23 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-slate-900\/30{--tw-gradient-from:rgb(15 23 42 / 0.3) var(--tw-gradient-from-position);--tw-gradient-to:rgb(15 23 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-slate-900\/50{--tw-gradient-from:rgb(15 23 42 / 0.5) var(--tw-gradient-from-position);--tw-gradient-to:rgb(15 23 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-slate-900\/90{--tw-gradient-from:rgb(15 23 42 / 0.9) var(--tw-gradient-from-position);--tw-gradient-to:rgb(15 23 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-slate-900\/95{--tw-gradient-from:rgb(15 23 42 / 0.95) var(--tw-gradient-from-position);--tw-gradient-to:rgb(15 23 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-slate-950{--tw-gradient-from:#020617 var(--tw-gradient-from-position);--tw-gradient-to:rgb(2 6 23 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-teal-900\/40{--tw-gradient-from:rgb(19 78 74 / 0.4) var(--tw-gradient-from-position);--tw-gradient-to:rgb(19 78 74 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-white{--tw-gradient-from:#fff var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-white\/5{--tw-gradient-from:rgb(255 255 255 / 0.05) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-yellow-400{--tw-gradient-from:#facc15 var(--tw-gradient-from-position);--tw-gradient-to:rgb(250 204 21 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-yellow-400\/10{--tw-gradient-from:rgb(250 204 21 / 0.1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(250 204 21 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-yellow-500{--tw-gradient-from:#eab308 var(--tw-gradient-from-position);--tw-gradient-to:rgb(234 179 8 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-yellow-500\/10{--tw-gradient-from:rgb(234 179 8 / 0.1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(234 179 8 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-yellow-500\/20{--tw-gradient-from:rgb(234 179 8 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(234 179 8 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-yellow-600{--tw-gradient-from:#ca8a04 var(--tw-gradient-from-position);--tw-gradient-to:rgb(202 138 4 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-yellow-600\/20{--tw-gradient-from:rgb(202 138 4 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(202 138 4 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-yellow-600\/30{--tw-gradient-from:rgb(202 138 4 / 0.3) var(--tw-gradient-from-position);--tw-gradient-to:rgb(202 138 4 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-yellow-700{--tw-gradient-from:#a16207 var(--tw-gradient-from-position);--tw-gradient-to:rgb(161 98 7 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-yellow-900\/20{--tw-gradient-from:rgb(113 63 18 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(113 63 18 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-yellow-900\/30{--tw-gradient-from:rgb(113 63 18 / 0.3) var(--tw-gradient-from-position);--tw-gradient-to:rgb(113 63 18 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .from-yellow-900\/5{--tw-gradient-from:rgb(113 63 18 / 0.05) var(--tw-gradient-from-position);--tw-gradient-to:rgb(113 63 18 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .via-\[\#0f1b2e\]{--tw-gradient-to:rgb(15 27 46 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #0f1b2e var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-amber-900{--tw-gradient-to:rgb(120 53 15 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #78350f var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-blue-50{--tw-gradient-to:rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #eff6ff var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-blue-500\/30{--tw-gradient-to:rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(59 130 246 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-blue-500\/50{--tw-gradient-to:rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(59 130 246 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-blue-900{--tw-gradient-to:rgb(30 58 138 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #1e3a8a var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-blue-900\/90{--tw-gradient-to:rgb(30 58 138 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(30 58 138 / 0.9) var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-cyan-500{--tw-gradient-to:rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #06b6d4 var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-gray-800{--tw-gradient-to:rgb(31 41 55 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #1f2937 var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-gray-950{--tw-gradient-to:rgb(3 7 18 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #030712 var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-orange-500{--tw-gradient-to:rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #f97316 var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-orange-600\/20{--tw-gradient-to:rgb(234 88 12 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(234 88 12 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-orange-800{--tw-gradient-to:rgb(154 52 18 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #9a3412 var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-orange-900{--tw-gradient-to:rgb(124 45 18 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #7c2d12 var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-pink-500{--tw-gradient-to:rgb(236 72 153 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #ec4899 var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-pink-900{--tw-gradient-to:rgb(131 24 67 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #831843 var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-primary\/10{--tw-gradient-to:hsl(var(--primary) / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), hsl(var(--primary) / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-purple-500{--tw-gradient-to:rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #a855f7 var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-purple-600{--tw-gradient-to:rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #9333ea var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-purple-700{--tw-gradient-to:rgb(126 34 206 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #7e22ce var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-purple-900{--tw-gradient-to:rgb(88 28 135 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #581c87 var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-red-900{--tw-gradient-to:rgb(127 29 29 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #7f1d1d var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-slate-800{--tw-gradient-to:rgb(30 41 59 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #1e293b var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-slate-800\/95{--tw-gradient-to:rgb(30 41 59 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(30 41 59 / 0.95) var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-slate-900{--tw-gradient-to:rgb(15 23 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #0f172a var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-slate-900\/90{--tw-gradient-to:rgb(15 23 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(15 23 42 / 0.9) var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-transparent{--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-violet-500{--tw-gradient-to:rgb(139 92 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #8b5cf6 var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-white\/10{--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(255 255 255 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-white\/20{--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(255 255 255 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-yellow-300{--tw-gradient-to:rgb(253 224 71 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #fde047 var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-yellow-700{--tw-gradient-to:rgb(161 98 7 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #a16207 var(--tw-gradient-via-position), var(--tw-gradient-to)} .via-yellow-800{--tw-gradient-to:rgb(133 77 14 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #854d0e var(--tw-gradient-via-position), var(--tw-gradient-to)} .to-\[\#0a1222\]{--tw-gradient-to:#0a1222 var(--tw-gradient-to-position)} .to-\[\#101c2e\]{--tw-gradient-to:#101c2e var(--tw-gradient-to-position)} .to-\[\#1a2332\]{--tw-gradient-to:#1a2332 var(--tw-gradient-to-position)} .to-\[var\(--color-blue-600\)\]{--tw-gradient-to:var(--color-blue-600) var(--tw-gradient-to-position)} .to-\[var\(--color-red-600\)\]{--tw-gradient-to:var(--color-red-600) var(--tw-gradient-to-position)} .to-\[var\(--color-slate-800\)\]{--tw-gradient-to:var(--color-slate-800) var(--tw-gradient-to-position)} .to-\[var\(--color-slate-900\)\]{--tw-gradient-to:var(--color-slate-900) var(--tw-gradient-to-position)} .to-\[var\(--color-slate-950\)\]{--tw-gradient-to:var(--color-slate-950) var(--tw-gradient-to-position)} .to-amber-500{--tw-gradient-to:#f59e0b var(--tw-gradient-to-position)} .to-amber-500\/10{--tw-gradient-to:rgb(245 158 11 / 0.1) var(--tw-gradient-to-position)} .to-amber-600{--tw-gradient-to:#d97706 var(--tw-gradient-to-position)} .to-amber-600\/10{--tw-gradient-to:rgb(217 119 6 / 0.1) var(--tw-gradient-to-position)} .to-amber-700{--tw-gradient-to:#b45309 var(--tw-gradient-to-position)} .to-amber-800\/20{--tw-gradient-to:rgb(146 64 14 / 0.2) var(--tw-gradient-to-position)} .to-background{--tw-gradient-to:hsl(var(--background)) var(--tw-gradient-to-position)} .to-black{--tw-gradient-to:#000 var(--tw-gradient-to-position)} .to-black\/20{--tw-gradient-to:rgb(0 0 0 / 0.2) var(--tw-gradient-to-position)} .to-blue-100{--tw-gradient-to:#dbeafe var(--tw-gradient-to-position)} .to-blue-300{--tw-gradient-to:#93c5fd var(--tw-gradient-to-position)} .to-blue-400{--tw-gradient-to:#60a5fa var(--tw-gradient-to-position)} .to-blue-50{--tw-gradient-to:#eff6ff var(--tw-gradient-to-position)} .to-blue-500{--tw-gradient-to:#3b82f6 var(--tw-gradient-to-position)} .to-blue-500\/20{--tw-gradient-to:rgb(59 130 246 / 0.2) var(--tw-gradient-to-position)} .to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)} .to-blue-600\/10{--tw-gradient-to:rgb(37 99 235 / 0.1) var(--tw-gradient-to-position)} .to-blue-600\/20{--tw-gradient-to:rgb(37 99 235 / 0.2) var(--tw-gradient-to-position)} .to-blue-700{--tw-gradient-to:#1d4ed8 var(--tw-gradient-to-position)} .to-blue-800{--tw-gradient-to:#1e40af var(--tw-gradient-to-position)} .to-blue-800\/20{--tw-gradient-to:rgb(30 64 175 / 0.2) var(--tw-gradient-to-position)} .to-blue-900\/20{--tw-gradient-to:rgb(30 58 138 / 0.2) var(--tw-gradient-to-position)} .to-blue-900\/30{--tw-gradient-to:rgb(30 58 138 / 0.3) var(--tw-gradient-to-position)} .to-card\/80{--tw-gradient-to:hsl(var(--card) / 0.8) var(--tw-gradient-to-position)} .to-cyan-400{--tw-gradient-to:#22d3ee var(--tw-gradient-to-position)} .to-cyan-500{--tw-gradient-to:#06b6d4 var(--tw-gradient-to-position)} .to-cyan-500\/20{--tw-gradient-to:rgb(6 182 212 / 0.2) var(--tw-gradient-to-position)} .to-cyan-500\/5{--tw-gradient-to:rgb(6 182 212 / 0.05) var(--tw-gradient-to-position)} .to-cyan-600{--tw-gradient-to:#0891b2 var(--tw-gradient-to-position)} .to-cyan-600\/20{--tw-gradient-to:rgb(8 145 178 / 0.2) var(--tw-gradient-to-position)} .to-cyan-800{--tw-gradient-to:#155e75 var(--tw-gradient-to-position)} .to-emerald-500{--tw-gradient-to:#10b981 var(--tw-gradient-to-position)} .to-emerald-500\/10{--tw-gradient-to:rgb(16 185 129 / 0.1) var(--tw-gradient-to-position)} .to-emerald-500\/20{--tw-gradient-to:rgb(16 185 129 / 0.2) var(--tw-gradient-to-position)} .to-emerald-500\/5{--tw-gradient-to:rgb(16 185 129 / 0.05) var(--tw-gradient-to-position)} .to-emerald-600{--tw-gradient-to:#059669 var(--tw-gradient-to-position)} .to-emerald-600\/10{--tw-gradient-to:rgb(5 150 105 / 0.1) var(--tw-gradient-to-position)} .to-emerald-600\/20{--tw-gradient-to:rgb(5 150 105 / 0.2) var(--tw-gradient-to-position)} .to-emerald-700{--tw-gradient-to:#047857 var(--tw-gradient-to-position)} .to-emerald-900\/20{--tw-gradient-to:rgb(6 78 59 / 0.2) var(--tw-gradient-to-position)} .to-emerald-900\/40{--tw-gradient-to:rgb(6 78 59 / 0.4) var(--tw-gradient-to-position)} .to-emerald-900\/50{--tw-gradient-to:rgb(6 78 59 / 0.5) var(--tw-gradient-to-position)} .to-gray-100{--tw-gradient-to:#f3f4f6 var(--tw-gradient-to-position)} .to-gray-400{--tw-gradient-to:#9ca3af var(--tw-gradient-to-position)} .to-gray-500{--tw-gradient-to:#6b7280 var(--tw-gradient-to-position)} .to-gray-600{--tw-gradient-to:#4b5563 var(--tw-gradient-to-position)} .to-gray-600\/20{--tw-gradient-to:rgb(75 85 99 / 0.2) var(--tw-gradient-to-position)} .to-gray-700{--tw-gradient-to:#374151 var(--tw-gradient-to-position)} .to-gray-700\/50{--tw-gradient-to:rgb(55 65 81 / 0.5) var(--tw-gradient-to-position)} .to-gray-800{--tw-gradient-to:#1f2937 var(--tw-gradient-to-position)} .to-gray-900{--tw-gradient-to:#111827 var(--tw-gradient-to-position)} .to-gray-900\/20{--tw-gradient-to:rgb(17 24 39 / 0.2) var(--tw-gradient-to-position)} .to-gray-900\/30{--tw-gradient-to:rgb(17 24 39 / 0.3) var(--tw-gradient-to-position)} .to-gray-900\/70{--tw-gradient-to:rgb(17 24 39 / 0.7) var(--tw-gradient-to-position)} .to-gray-900\/80{--tw-gradient-to:rgb(17 24 39 / 0.8) var(--tw-gradient-to-position)} .to-gray-900\/90{--tw-gradient-to:rgb(17 24 39 / 0.9) var(--tw-gradient-to-position)} .to-green-100{--tw-gradient-to:#dcfce7 var(--tw-gradient-to-position)} .to-green-400{--tw-gradient-to:#4ade80 var(--tw-gradient-to-position)} .to-green-500{--tw-gradient-to:#22c55e var(--tw-gradient-to-position)} .to-green-500\/10{--tw-gradient-to:rgb(34 197 94 / 0.1) var(--tw-gradient-to-position)} .to-green-500\/20{--tw-gradient-to:rgb(34 197 94 / 0.2) var(--tw-gradient-to-position)} .to-green-600{--tw-gradient-to:#16a34a var(--tw-gradient-to-position)} .to-green-600\/10{--tw-gradient-to:rgb(22 163 74 / 0.1) var(--tw-gradient-to-position)} .to-green-600\/20{--tw-gradient-to:rgb(22 163 74 / 0.2) var(--tw-gradient-to-position)} .to-green-700{--tw-gradient-to:#15803d var(--tw-gradient-to-position)} .to-green-800{--tw-gradient-to:#166534 var(--tw-gradient-to-position)} .to-green-800\/20{--tw-gradient-to:rgb(22 101 52 / 0.2) var(--tw-gradient-to-position)} .to-indigo-500{--tw-gradient-to:#6366f1 var(--tw-gradient-to-position)} .to-indigo-500\/20{--tw-gradient-to:rgb(99 102 241 / 0.2) var(--tw-gradient-to-position)} .to-indigo-600{--tw-gradient-to:#4f46e5 var(--tw-gradient-to-position)} .to-indigo-600\/20{--tw-gradient-to:rgb(79 70 229 / 0.2) var(--tw-gradient-to-position)} .to-indigo-700{--tw-gradient-to:#4338ca var(--tw-gradient-to-position)} .to-indigo-900\/40{--tw-gradient-to:rgb(49 46 129 / 0.4) var(--tw-gradient-to-position)} .to-muted\/40{--tw-gradient-to:hsl(var(--muted) / 0.4) var(--tw-gradient-to-position)} .to-orange-100{--tw-gradient-to:#ffedd5 var(--tw-gradient-to-position)} .to-orange-400{--tw-gradient-to:#fb923c var(--tw-gradient-to-position)} .to-orange-50{--tw-gradient-to:#fff7ed var(--tw-gradient-to-position)} .to-orange-50\/5{--tw-gradient-to:rgb(255 247 237 / 0.05) var(--tw-gradient-to-position)} .to-orange-500{--tw-gradient-to:#f97316 var(--tw-gradient-to-position)} .to-orange-500\/10{--tw-gradient-to:rgb(249 115 22 / 0.1) var(--tw-gradient-to-position)} .to-orange-500\/20{--tw-gradient-to:rgb(249 115 22 / 0.2) var(--tw-gradient-to-position)} .to-orange-500\/70{--tw-gradient-to:rgb(249 115 22 / 0.7) var(--tw-gradient-to-position)} .to-orange-600{--tw-gradient-to:#ea580c var(--tw-gradient-to-position)} .to-orange-600\/20{--tw-gradient-to:rgb(234 88 12 / 0.2) var(--tw-gradient-to-position)} .to-orange-600\/30{--tw-gradient-to:rgb(234 88 12 / 0.3) var(--tw-gradient-to-position)} .to-orange-700{--tw-gradient-to:#c2410c var(--tw-gradient-to-position)} .to-orange-800{--tw-gradient-to:#9a3412 var(--tw-gradient-to-position)} .to-orange-900\/20{--tw-gradient-to:rgb(124 45 18 / 0.2) var(--tw-gradient-to-position)} .to-orange-900\/30{--tw-gradient-to:rgb(124 45 18 / 0.3) var(--tw-gradient-to-position)} .to-orange-900\/5{--tw-gradient-to:rgb(124 45 18 / 0.05) var(--tw-gradient-to-position)} .to-orange-900\/80{--tw-gradient-to:rgb(124 45 18 / 0.8) var(--tw-gradient-to-position)} .to-pink-500{--tw-gradient-to:#ec4899 var(--tw-gradient-to-position)} .to-pink-500\/20{--tw-gradient-to:rgb(236 72 153 / 0.2) var(--tw-gradient-to-position)} .to-pink-600{--tw-gradient-to:#db2777 var(--tw-gradient-to-position)} .to-pink-600\/20{--tw-gradient-to:rgb(219 39 119 / 0.2) var(--tw-gradient-to-position)} .to-pink-700{--tw-gradient-to:#be185d var(--tw-gradient-to-position)} .to-pink-900\/30{--tw-gradient-to:rgb(131 24 67 / 0.3) var(--tw-gradient-to-position)} .to-pink-900\/40{--tw-gradient-to:rgb(131 24 67 / 0.4) var(--tw-gradient-to-position)} .to-pink-900\/90{--tw-gradient-to:rgb(131 24 67 / 0.9) var(--tw-gradient-to-position)} .to-purple-100{--tw-gradient-to:#f3e8ff var(--tw-gradient-to-position)} .to-purple-500{--tw-gradient-to:#a855f7 var(--tw-gradient-to-position)} .to-purple-500\/10{--tw-gradient-to:rgb(168 85 247 / 0.1) var(--tw-gradient-to-position)} .to-purple-500\/20{--tw-gradient-to:rgb(168 85 247 / 0.2) var(--tw-gradient-to-position)} .to-purple-500\/30{--tw-gradient-to:rgb(168 85 247 / 0.3) var(--tw-gradient-to-position)} .to-purple-600{--tw-gradient-to:#9333ea var(--tw-gradient-to-position)} .to-purple-600\/10{--tw-gradient-to:rgb(147 51 234 / 0.1) var(--tw-gradient-to-position)} .to-purple-600\/20{--tw-gradient-to:rgb(147 51 234 / 0.2) var(--tw-gradient-to-position)} .to-purple-600\/30{--tw-gradient-to:rgb(147 51 234 / 0.3) var(--tw-gradient-to-position)} .to-purple-700{--tw-gradient-to:#7e22ce var(--tw-gradient-to-position)} .to-purple-800{--tw-gradient-to:#6b21a8 var(--tw-gradient-to-position)} .to-purple-800\/20{--tw-gradient-to:rgb(107 33 168 / 0.2) var(--tw-gradient-to-position)} .to-purple-900{--tw-gradient-to:#581c87 var(--tw-gradient-to-position)} .to-purple-900\/20{--tw-gradient-to:rgb(88 28 135 / 0.2) var(--tw-gradient-to-position)} .to-purple-900\/30{--tw-gradient-to:rgb(88 28 135 / 0.3) var(--tw-gradient-to-position)} .to-purple-900\/5{--tw-gradient-to:rgb(88 28 135 / 0.05) var(--tw-gradient-to-position)} .to-purple-900\/50{--tw-gradient-to:rgb(88 28 135 / 0.5) var(--tw-gradient-to-position)} .to-red-100{--tw-gradient-to:#fee2e2 var(--tw-gradient-to-position)} .to-red-50{--tw-gradient-to:#fef2f2 var(--tw-gradient-to-position)} .to-red-500{--tw-gradient-to:#ef4444 var(--tw-gradient-to-position)} .to-red-500\/20{--tw-gradient-to:rgb(239 68 68 / 0.2) var(--tw-gradient-to-position)} .to-red-600{--tw-gradient-to:#dc2626 var(--tw-gradient-to-position)} .to-red-600\/20{--tw-gradient-to:rgb(220 38 38 / 0.2) var(--tw-gradient-to-position)} .to-red-700{--tw-gradient-to:#b91c1c var(--tw-gradient-to-position)} .to-red-800{--tw-gradient-to:#991b1b var(--tw-gradient-to-position)} .to-red-800\/20{--tw-gradient-to:rgb(153 27 27 / 0.2) var(--tw-gradient-to-position)} .to-rose-600{--tw-gradient-to:#e11d48 var(--tw-gradient-to-position)} .to-secondary{--tw-gradient-to:hsl(var(--secondary)) var(--tw-gradient-to-position)} .to-secondary\/5{--tw-gradient-to:hsl(var(--secondary) / 0.05) var(--tw-gradient-to-position)} .to-slate-100{--tw-gradient-to:#f1f5f9 var(--tw-gradient-to-position)} .to-slate-200{--tw-gradient-to:#e2e8f0 var(--tw-gradient-to-position)} .to-slate-500{--tw-gradient-to:#64748b var(--tw-gradient-to-position)} .to-slate-500\/20{--tw-gradient-to:rgb(100 116 139 / 0.2) var(--tw-gradient-to-position)} .to-slate-600{--tw-gradient-to:#475569 var(--tw-gradient-to-position)} .to-slate-600\/20{--tw-gradient-to:rgb(71 85 105 / 0.2) var(--tw-gradient-to-position)} .to-slate-600\/40{--tw-gradient-to:rgb(71 85 105 / 0.4) var(--tw-gradient-to-position)} .to-slate-600\/70{--tw-gradient-to:rgb(71 85 105 / 0.7) var(--tw-gradient-to-position)} .to-slate-600\/80{--tw-gradient-to:rgb(71 85 105 / 0.8) var(--tw-gradient-to-position)} .to-slate-700{--tw-gradient-to:#334155 var(--tw-gradient-to-position)} .to-slate-700\/70{--tw-gradient-to:rgb(51 65 85 / 0.7) var(--tw-gradient-to-position)} .to-slate-700\/80{--tw-gradient-to:rgb(51 65 85 / 0.8) var(--tw-gradient-to-position)} .to-slate-800{--tw-gradient-to:#1e293b var(--tw-gradient-to-position)} .to-slate-800\/40{--tw-gradient-to:rgb(30 41 59 / 0.4) var(--tw-gradient-to-position)} .to-slate-800\/50{--tw-gradient-to:rgb(30 41 59 / 0.5) var(--tw-gradient-to-position)} .to-slate-800\/60{--tw-gradient-to:rgb(30 41 59 / 0.6) var(--tw-gradient-to-position)} .to-slate-900{--tw-gradient-to:#0f172a var(--tw-gradient-to-position)} .to-slate-900\/50{--tw-gradient-to:rgb(15 23 42 / 0.5) var(--tw-gradient-to-position)} .to-slate-900\/80{--tw-gradient-to:rgb(15 23 42 / 0.8) var(--tw-gradient-to-position)} .to-slate-900\/90{--tw-gradient-to:rgb(15 23 42 / 0.9) var(--tw-gradient-to-position)} .to-slate-900\/95{--tw-gradient-to:rgb(15 23 42 / 0.95) var(--tw-gradient-to-position)} .to-slate-950{--tw-gradient-to:#020617 var(--tw-gradient-to-position)} .to-teal-500{--tw-gradient-to:#14b8a6 var(--tw-gradient-to-position)} .to-teal-600{--tw-gradient-to:#0d9488 var(--tw-gradient-to-position)} .to-teal-600\/20{--tw-gradient-to:rgb(13 148 136 / 0.2) var(--tw-gradient-to-position)} .to-teal-800\/20{--tw-gradient-to:rgb(17 94 89 / 0.2) var(--tw-gradient-to-position)} .to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)} .to-violet-600{--tw-gradient-to:#7c3aed var(--tw-gradient-to-position)} .to-violet-600\/20{--tw-gradient-to:rgb(124 58 237 / 0.2) var(--tw-gradient-to-position)} .to-white\/20{--tw-gradient-to:rgb(255 255 255 / 0.2) var(--tw-gradient-to-position)} .to-yellow-500{--tw-gradient-to:#eab308 var(--tw-gradient-to-position)} .to-yellow-500\/40{--tw-gradient-to:rgb(234 179 8 / 0.4) var(--tw-gradient-to-position)} .to-yellow-600{--tw-gradient-to:#ca8a04 var(--tw-gradient-to-position)} .to-yellow-600\/20{--tw-gradient-to:rgb(202 138 4 / 0.2) var(--tw-gradient-to-position)} .to-yellow-600\/40{--tw-gradient-to:rgb(202 138 4 / 0.4) var(--tw-gradient-to-position)} .to-yellow-600\/80{--tw-gradient-to:rgb(202 138 4 / 0.8) var(--tw-gradient-to-position)} .to-yellow-700{--tw-gradient-to:#a16207 var(--tw-gradient-to-position)} .to-yellow-800\/20{--tw-gradient-to:rgb(133 77 14 / 0.2) var(--tw-gradient-to-position)} .bg-clip-text{-webkit-background-clip:text;background-clip:text} .fill-current{fill:currentColor} .fill-primary{fill:hsl(var(--primary))} .fill-red-500{fill:#ef4444} .fill-white{fill:#fff} .stroke-neutral-900\/20{stroke:rgb(23 23 23 / 0.2)} .stroke-2{stroke-width:2} .stroke-\[3\]{stroke-width:3} .object-contain{-o-object-fit:contain;object-fit:contain} .object-cover{-o-object-fit:cover;object-fit:cover} .p-0{padding:0px} .p-0\.5{padding:0.125rem} .p-1{padding:0.25rem} .p-1\.5{padding:0.375rem} .p-10{padding:2.5rem} .p-12{padding:3rem} .p-2{padding:0.5rem} .p-2\.5{padding:0.625rem} .p-3{padding:0.75rem} .p-4{padding:1rem} .p-5{padding:1.25rem} .p-6{padding:1.5rem} .p-8{padding:2rem} .p-\[3px\]{padding:3px} .p-px{padding:1px} .px-1{padding-left:0.25rem;padding-right:0.25rem} .px-1\.5{padding-left:0.375rem;padding-right:0.375rem} .px-10{padding-left:2.5rem;padding-right:2.5rem} .px-2{padding-left:0.5rem;padding-right:0.5rem} .px-2\.5{padding-left:0.625rem;padding-right:0.625rem} .px-3{padding-left:0.75rem;padding-right:0.75rem} .px-3\.5{padding-left:0.875rem;padding-right:0.875rem} .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} .py-0{padding-top:0px;padding-bottom:0px} .py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem} .py-1{padding-top:0.25rem;padding-bottom:0.25rem} .py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem} .py-10{padding-top:2.5rem;padding-bottom:2.5rem} .py-12{padding-top:3rem;padding-bottom:3rem} .py-16{padding-top:4rem;padding-bottom:4rem} .py-2{padding-top:0.5rem;padding-bottom:0.5rem} .py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem} .py-20{padding-top:5rem;padding-bottom:5rem} .py-3{padding-top:0.75rem;padding-bottom:0.75rem} .py-3\.5{padding-top:0.875rem;padding-bottom:0.875rem} .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} .pb-0{padding-bottom:0px} .pb-1{padding-bottom:0.25rem} .pb-12{padding-bottom:3rem} .pb-16{padding-bottom:4rem} .pb-2{padding-bottom:0.5rem} .pb-20{padding-bottom:5rem} .pb-24{padding-bottom:6rem} .pb-3{padding-bottom:0.75rem} .pb-4{padding-bottom:1rem} .pb-5{padding-bottom:1.25rem} .pb-6{padding-bottom:1.5rem} .pb-8{padding-bottom:2rem} .pl-1{padding-left:0.25rem} .pl-10{padding-left:2.5rem} .pl-12{padding-left:3rem} .pl-2{padding-left:0.5rem} .pl-3{padding-left:0.75rem} .pl-4{padding-left:1rem} .pl-5{padding-left:1.25rem} .pl-7{padding-left:1.75rem} .pl-8{padding-left:2rem} .pl-9{padding-left:2.25rem} .pr-1{padding-right:0.25rem} .pr-10{padding-right:2.5rem} .pr-12{padding-right:3rem} .pr-14{padding-right:3.5rem} .pr-2{padding-right:0.5rem} .pr-2\.5{padding-right:0.625rem} .pr-3{padding-right:0.75rem} .pr-4{padding-right:1rem} .pr-8{padding-right:2rem} .pt-0{padding-top:0px} .pt-1{padding-top:0.25rem} .pt-16{padding-top:4rem} .pt-2{padding-top:0.5rem} .pt-24{padding-top:6rem} .pt-3{padding-top:0.75rem} .pt-4{padding-top:1rem} .pt-5{padding-top:1.25rem} .pt-6{padding-top:1.5rem} .pt-8{padding-top:2rem} .text-left{text-align:left} .text-center{text-align:center} .text-right{text-align:right} .align-middle{vertical-align:middle} .font-mono{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace} .font-sans{font-family:"Proxima Nova", "Inter", "ui-sans-serif", "system-ui", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"} .text-2xl{font-size:1.5rem;line-height:2rem} .text-3xl{font-size:1.875rem;line-height:2.25rem} .text-4xl{font-size:2.25rem;line-height:2.5rem} .text-5xl{font-size:3rem;line-height:1} .text-6xl{font-size:3.75rem;line-height:1} .text-\[0\.8rem\]{font-size:0.8rem} .text-\[10px\]{font-size:10px} .text-\[9px\]{font-size:9px} .text-\[clamp\(6px\2c 2\.784px\+0\.87vw\2c 8px\)\]{font-size:clamp(6px,2.784px + 0.87vw,8px)} .text-\[clamp\(8px\2c 5\.568px\+0\.714vw\2c 10px\)\]{font-size:clamp(8px,5.568px + 0.714vw,10px)} .text-base{font-size:1rem;line-height:1.5rem} .text-lg{font-size:1.125rem;line-height:1.75rem} .text-sm{font-size:0.875rem;line-height:1.25rem} .text-xl{font-size:1.25rem;line-height:1.75rem} .text-xs{font-size:0.75rem;line-height:1rem} .font-black{font-weight:900} .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} .capitalize{text-transform:capitalize} .italic{font-style:italic} .ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)} .tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)} .leading-5{line-height:1.25rem} .leading-6{line-height:1.5rem} .leading-7{line-height:1.75rem} .leading-none{line-height:1} .leading-relaxed{line-height:1.625} .leading-tight{line-height:1.25} .tracking-tight{letter-spacing:-0.025em} .tracking-wide{letter-spacing:0.025em} .tracking-wider{letter-spacing:0.05em} .tracking-widest{letter-spacing:0.1em} .text-\[var\(--admin-accent\)\]{color:var(--admin-accent)} .text-\[var\(--admin-danger\)\]{color:var(--admin-danger)} .text-\[var\(--admin-foreground\)\]{color:var(--admin-foreground)} .text-\[var\(--admin-info\)\]{color:var(--admin-info)} .text-\[var\(--admin-primary\)\]{color:var(--admin-primary)} .text-\[var\(--admin-success\)\]{color:var(--admin-success)} .text-\[var\(--admin-warning\)\]{color:var(--admin-warning)} .text-\[var\(--button-destructive-foreground\)\]{color:var(--button-destructive-foreground)} .text-\[var\(--button-foreground\)\]{color:var(--button-foreground)} .text-\[var\(--button-primary\)\]{color:var(--button-primary)} .text-\[var\(--button-primary-foreground\)\]{color:var(--button-primary-foreground)} .text-\[var\(--button-secondary-foreground\)\]{color:var(--button-secondary-foreground)} .text-\[var\(--color-amber-400\)\]{color:var(--color-amber-400)} .text-\[var\(--color-blue-400\)\]{color:var(--color-blue-400)} .text-\[var\(--color-green-400\)\]{color:var(--color-green-400)} .text-\[var\(--color-neutral-600\)\]{color:var(--color-neutral-600)} .text-\[var\(--color-purple-400\)\]{color:var(--color-purple-400)} .text-\[var\(--color-red-400\)\]{color:var(--color-red-400)} .text-\[var\(--color-slate-200\)\]{color:var(--color-slate-200)} .text-\[var\(--color-slate-300\)\]{color:var(--color-slate-300)} .text-\[var\(--color-slate-400\)\]{color:var(--color-slate-400)} .text-\[var\(--color-slate-500\)\]{color:var(--color-slate-500)} .text-\[var\(--color-slate-600\)\]{color:var(--color-slate-600)} .text-\[var\(--color-teal-400\)\]{color:var(--color-teal-400)} .text-\[var\(--input-foreground\)\]{color:var(--input-foreground)} .text-\[var\(--input-placeholder\)\]{color:var(--input-placeholder)} .text-\[var\(--preview-text\)\]{color:var(--preview-text)} .text-\[var\(--theme-text-muted\)\]{color:var(--theme-text-muted)} .text-\[var\(--theme-text-primary\)\]{color:var(--theme-text-primary)} .text-\[var\(--theme-text-secondary\)\]{color:var(--theme-text-secondary)} .text-amber-100{--tw-text-opacity:1;color:rgb(254 243 199 / var(--tw-text-opacity, 1))} .text-amber-200{--tw-text-opacity:1;color:rgb(253 230 138 / var(--tw-text-opacity, 1))} .text-amber-300{--tw-text-opacity:1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))} .text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))} .text-amber-400\/70{color:rgb(251 191 36 / 0.7)} .text-amber-400\/80{color:rgb(251 191 36 / 0.8)} .text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))} .text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))} .text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))} .text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))} .text-black{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))} .text-blue-100{--tw-text-opacity:1;color:rgb(219 234 254 / var(--tw-text-opacity, 1))} .text-blue-200{--tw-text-opacity:1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))} .text-blue-300{--tw-text-opacity:1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))} .text-blue-300\/50{color:rgb(147 197 253 / 0.5)} .text-blue-300\/70{color:rgb(147 197 253 / 0.7)} .text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))} .text-blue-400\/30{color:rgb(96 165 250 / 0.3)} .text-blue-400\/70{color:rgb(96 165 250 / 0.7)} .text-blue-400\/80{color:rgb(96 165 250 / 0.8)} .text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))} .text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))} .text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))} .text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))} .text-blue-900{--tw-text-opacity:1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))} .text-card-foreground{color:hsl(var(--card-foreground))} .text-current{color:currentColor} .text-cyan-100{--tw-text-opacity:1;color:rgb(207 250 254 / var(--tw-text-opacity, 1))} .text-cyan-200{--tw-text-opacity:1;color:rgb(165 243 252 / var(--tw-text-opacity, 1))} .text-cyan-300{--tw-text-opacity:1;color:rgb(103 232 249 / var(--tw-text-opacity, 1))} .text-cyan-400{--tw-text-opacity:1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))} .text-destructive{color:hsl(var(--destructive))} .text-destructive-foreground{color:hsl(var(--destructive-foreground))} .text-emerald-100{--tw-text-opacity:1;color:rgb(209 250 229 / var(--tw-text-opacity, 1))} .text-emerald-200{--tw-text-opacity:1;color:rgb(167 243 208 / var(--tw-text-opacity, 1))} .text-emerald-300{--tw-text-opacity:1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))} .text-emerald-300\/50{color:rgb(110 231 183 / 0.5)} .text-emerald-400{--tw-text-opacity:1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))} .text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))} .text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))} .text-foreground{color:hsl(var(--foreground))} .text-foreground\/70{color:hsl(var(--foreground) / 0.7)} .text-gray-100{--tw-text-opacity:1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))} .text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))} .text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))} .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))} .text-gray-50{--tw-text-opacity:1;color:rgb(249 250 251 / var(--tw-text-opacity, 1))} .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))} .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))} .text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))} .text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))} .text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))} .text-gray-950{--tw-text-opacity:1;color:rgb(3 7 18 / var(--tw-text-opacity, 1))} .text-green-100{--tw-text-opacity:1;color:rgb(220 252 231 / var(--tw-text-opacity, 1))} .text-green-200{--tw-text-opacity:1;color:rgb(187 247 208 / var(--tw-text-opacity, 1))} .text-green-300{--tw-text-opacity:1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))} .text-green-400{--tw-text-opacity:1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))} .text-green-400\/20{color:rgb(74 222 128 / 0.2)} .text-green-400\/70{color:rgb(74 222 128 / 0.7)} .text-green-500{--tw-text-opacity:1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))} .text-green-600{--tw-text-opacity:1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))} .text-green-700{--tw-text-opacity:1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))} .text-green-800{--tw-text-opacity:1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))} .text-green-900{--tw-text-opacity:1;color:rgb(20 83 45 / var(--tw-text-opacity, 1))} .text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241 / var(--tw-text-opacity, 1))} .text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))} .text-muted{color:hsl(var(--muted))} .text-muted-foreground{color:hsl(var(--muted-foreground))} .text-muted-foreground\/50{color:hsl(var(--muted-foreground) / 0.5)} .text-neutral-300{--tw-text-opacity:1;color:rgb(212 212 212 / var(--tw-text-opacity, 1))} .text-neutral-500{--tw-text-opacity:1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))} .text-neutral-600{--tw-text-opacity:1;color:rgb(82 82 82 / var(--tw-text-opacity, 1))} .text-neutral-900{--tw-text-opacity:1;color:rgb(23 23 23 / var(--tw-text-opacity, 1))} .text-orange-100{--tw-text-opacity:1;color:rgb(255 237 213 / var(--tw-text-opacity, 1))} .text-orange-300{--tw-text-opacity:1;color:rgb(253 186 116 / var(--tw-text-opacity, 1))} .text-orange-300\/70{color:rgb(253 186 116 / 0.7)} .text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))} .text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))} .text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))} .text-orange-700{--tw-text-opacity:1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))} .text-orange-800{--tw-text-opacity:1;color:rgb(154 52 18 / var(--tw-text-opacity, 1))} .text-orange-900{--tw-text-opacity:1;color:rgb(124 45 18 / var(--tw-text-opacity, 1))} .text-pink-200{--tw-text-opacity:1;color:rgb(251 207 232 / var(--tw-text-opacity, 1))} .text-pink-300{--tw-text-opacity:1;color:rgb(249 168 212 / var(--tw-text-opacity, 1))} .text-pink-400{--tw-text-opacity:1;color:rgb(244 114 182 / var(--tw-text-opacity, 1))} .text-pink-500{--tw-text-opacity:1;color:rgb(236 72 153 / var(--tw-text-opacity, 1))} .text-popover-foreground{color:hsl(var(--popover-foreground))} .text-primary{color:hsl(var(--primary))} .text-primary-foreground{color:hsl(var(--primary-foreground))} .text-purple-100{--tw-text-opacity:1;color:rgb(243 232 255 / var(--tw-text-opacity, 1))} .text-purple-200{--tw-text-opacity:1;color:rgb(233 213 255 / var(--tw-text-opacity, 1))} .text-purple-300{--tw-text-opacity:1;color:rgb(216 180 254 / var(--tw-text-opacity, 1))} .text-purple-400{--tw-text-opacity:1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))} .text-purple-400\/80{color:rgb(192 132 252 / 0.8)} .text-purple-500{--tw-text-opacity:1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))} .text-purple-600{--tw-text-opacity:1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))} .text-purple-700{--tw-text-opacity:1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))} .text-purple-900{--tw-text-opacity:1;color:rgb(88 28 135 / var(--tw-text-opacity, 1))} .text-red-100{--tw-text-opacity:1;color:rgb(254 226 226 / var(--tw-text-opacity, 1))} .text-red-200{--tw-text-opacity:1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))} .text-red-300{--tw-text-opacity:1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))} .text-red-400{--tw-text-opacity:1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))} .text-red-500{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))} .text-red-600{--tw-text-opacity:1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))} .text-red-700{--tw-text-opacity:1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))} .text-red-800{--tw-text-opacity:1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))} .text-red-900{--tw-text-opacity:1;color:rgb(127 29 29 / var(--tw-text-opacity, 1))} .text-rose-400{--tw-text-opacity:1;color:rgb(251 113 133 / var(--tw-text-opacity, 1))} .text-secondary-foreground{color:hsl(var(--secondary-foreground))} .text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))} .text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))} .text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))} .text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))} .text-slate-400\/70{color:rgb(148 163 184 / 0.7)} .text-slate-50{--tw-text-opacity:1;color:rgb(248 250 252 / var(--tw-text-opacity, 1))} .text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))} .text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))} .text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))} .text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))} .text-teal-400{--tw-text-opacity:1;color:rgb(45 212 191 / var(--tw-text-opacity, 1))} .text-transparent{color:transparent} .text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))} .text-white\/5{color:rgb(255 255 255 / 0.05)} .text-white\/80{color:rgb(255 255 255 / 0.8)} .text-white\/90{color:rgb(255 255 255 / 0.9)} .text-yellow-100{--tw-text-opacity:1;color:rgb(254 249 195 / var(--tw-text-opacity, 1))} .text-yellow-200{--tw-text-opacity:1;color:rgb(254 240 138 / var(--tw-text-opacity, 1))} .text-yellow-300{--tw-text-opacity:1;color:rgb(253 224 71 / var(--tw-text-opacity, 1))} .text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))} .text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))} .text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))} .text-yellow-700{--tw-text-opacity:1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))} .text-yellow-800{--tw-text-opacity:1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))} .text-yellow-900{--tw-text-opacity:1;color:rgb(113 63 18 / var(--tw-text-opacity, 1))} .text-opacity-90{--tw-text-opacity:0.9} .underline{text-decoration-line:underline} .line-through{text-decoration-line:line-through} .decoration-neutral-300{text-decoration-color:#d4d4d4} .decoration-1{text-decoration-thickness:1px} .underline-offset-2{text-underline-offset:2px} .underline-offset-4{text-underline-offset:4px} .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .placeholder-\[var\(--color-slate-400\)\]::-moz-placeholder{color:var(--color-slate-400)} .placeholder-\[var\(--color-slate-400\)\]::placeholder{color:var(--color-slate-400)} .placeholder-\[var\(--theme-text-secondary\)\]::-moz-placeholder{color:var(--theme-text-secondary)} .placeholder-\[var\(--theme-text-secondary\)\]::placeholder{color:var(--theme-text-secondary)} .placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))} .placeholder-gray-400::placeholder{--tw-placeholder-opacity:1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))} .placeholder-gray-500::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))} .placeholder-gray-500::placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))} .placeholder-muted-foreground::-moz-placeholder{color:hsl(var(--muted-foreground))} .placeholder-muted-foreground::placeholder{color:hsl(var(--muted-foreground))} .placeholder-slate-300::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(203 213 225 / var(--tw-placeholder-opacity, 1))} .placeholder-slate-300::placeholder{--tw-placeholder-opacity:1;color:rgb(203 213 225 / var(--tw-placeholder-opacity, 1))} .placeholder-slate-400::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(148 163 184 / var(--tw-placeholder-opacity, 1))} .placeholder-slate-400::placeholder{--tw-placeholder-opacity:1;color:rgb(148 163 184 / var(--tw-placeholder-opacity, 1))} .placeholder-slate-500::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(100 116 139 / var(--tw-placeholder-opacity, 1))} .placeholder-slate-500::placeholder{--tw-placeholder-opacity:1;color:rgb(100 116 139 / var(--tw-placeholder-opacity, 1))} .opacity-0{opacity:0} .opacity-10{opacity:0.1} .opacity-100{opacity:1} .opacity-20{opacity:0.2} .opacity-25{opacity:0.25} .opacity-30{opacity:0.3} .opacity-40{opacity:0.4} .opacity-5{opacity:0.05} .opacity-50{opacity:0.5} .opacity-60{opacity:0.6} .opacity-70{opacity:0.7} .opacity-75{opacity:0.75} .opacity-80{opacity:0.8} .opacity-90{opacity:0.9} .shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow:0 0 0 1px hsl(var(--sidebar-border));--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-\[0_0_10px_rgba\(59\2c 130\2c 246\2c 0\.5\)\]{--tw-shadow:0 0 10px rgba(59,130,246,0.5);--tw-shadow-colored:0 0 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-\[0_0_20px_rgba\(239\2c 68\2c 68\2c 0\.7\)\]{--tw-shadow:0 0 20px rgba(239,68,68,0.7);--tw-shadow-colored:0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-\[0_0_20px_rgba\(239\2c 68\2c 68\2c 0\.8\)\]{--tw-shadow:0 0 20px rgba(239,68,68,0.8);--tw-shadow-colored:0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-\[0_0_20px_rgba\(72\2c 187\2c 120\2c 0\.8\)\]{--tw-shadow:0 0 20px rgba(72,187,120,0.8);--tw-shadow-colored:0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-\[0_0_25px_rgba\(239\2c 68\2c 68\2c 0\.9\)\]{--tw-shadow:0 0 25px rgba(239,68,68,0.9);--tw-shadow-colored:0 0 25px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-\[0_2px_6px_rgba\(0\2c 0\2c 0\2c 0\.4\)\]{--tw-shadow:0 2px 6px rgba(0,0,0,0.4);--tw-shadow-colored:0 2px 6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-\[0_2px_var\(--shadow-color\)\]{--tw-shadow:0 2px var(--shadow-color);--tw-shadow-colored:0 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-inner{--tw-shadow:inset 0 2px 4px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-xl{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-amber-500\/20{--tw-shadow-color:rgb(245 158 11 / 0.2);--tw-shadow:var(--tw-shadow-colored)} .shadow-amber-500\/25{--tw-shadow-color:rgb(245 158 11 / 0.25);--tw-shadow:var(--tw-shadow-colored)} .shadow-black\/20{--tw-shadow-color:rgb(0 0 0 / 0.2);--tw-shadow:var(--tw-shadow-colored)} .shadow-blue-400\/20{--tw-shadow-color:rgb(96 165 250 / 0.2);--tw-shadow:var(--tw-shadow-colored)} .shadow-blue-500\/20{--tw-shadow-color:rgb(59 130 246 / 0.2);--tw-shadow:var(--tw-shadow-colored)} .shadow-blue-500\/25{--tw-shadow-color:rgb(59 130 246 / 0.25);--tw-shadow:var(--tw-shadow-colored)} .shadow-blue-500\/30{--tw-shadow-color:rgb(59 130 246 / 0.3);--tw-shadow:var(--tw-shadow-colored)} .shadow-blue-500\/50{--tw-shadow-color:rgb(59 130 246 / 0.5);--tw-shadow:var(--tw-shadow-colored)} .shadow-cyan-500\/20{--tw-shadow-color:rgb(6 182 212 / 0.2);--tw-shadow:var(--tw-shadow-colored)} .shadow-emerald-500\/20{--tw-shadow-color:rgb(16 185 129 / 0.2);--tw-shadow:var(--tw-shadow-colored)} .shadow-emerald-500\/25{--tw-shadow-color:rgb(16 185 129 / 0.25);--tw-shadow:var(--tw-shadow-colored)} .shadow-green-400\/40{--tw-shadow-color:rgb(74 222 128 / 0.4);--tw-shadow:var(--tw-shadow-colored)} .shadow-green-500\/20{--tw-shadow-color:rgb(34 197 94 / 0.2);--tw-shadow:var(--tw-shadow-colored)} .shadow-green-500\/25{--tw-shadow-color:rgb(34 197 94 / 0.25);--tw-shadow:var(--tw-shadow-colored)} .shadow-green-500\/50{--tw-shadow-color:rgb(34 197 94 / 0.5);--tw-shadow:var(--tw-shadow-colored)} .shadow-green-600\/20{--tw-shadow-color:rgb(22 163 74 / 0.2);--tw-shadow:var(--tw-shadow-colored)} .shadow-orange-500\/20{--tw-shadow-color:rgb(249 115 22 / 0.2);--tw-shadow:var(--tw-shadow-colored)} .shadow-primary\/10{--tw-shadow-color:hsl(var(--primary) / 0.1);--tw-shadow:var(--tw-shadow-colored)} .shadow-purple-500\/20{--tw-shadow-color:rgb(168 85 247 / 0.2);--tw-shadow:var(--tw-shadow-colored)} .shadow-purple-500\/25{--tw-shadow-color:rgb(168 85 247 / 0.25);--tw-shadow:var(--tw-shadow-colored)} .shadow-purple-500\/50{--tw-shadow-color:rgb(168 85 247 / 0.5);--tw-shadow:var(--tw-shadow-colored)} .shadow-red-400\/40{--tw-shadow-color:rgb(248 113 113 / 0.4);--tw-shadow:var(--tw-shadow-colored)} .shadow-red-500\/20{--tw-shadow-color:rgb(239 68 68 / 0.2);--tw-shadow:var(--tw-shadow-colored)} .shadow-red-500\/30{--tw-shadow-color:rgb(239 68 68 / 0.3);--tw-shadow:var(--tw-shadow-colored)} .shadow-red-500\/50{--tw-shadow-color:rgb(239 68 68 / 0.5);--tw-shadow:var(--tw-shadow-colored)} .shadow-slate-500\/20{--tw-shadow-color:rgb(100 116 139 / 0.2);--tw-shadow:var(--tw-shadow-colored)} .shadow-slate-500\/25{--tw-shadow-color:rgb(100 116 139 / 0.25);--tw-shadow:var(--tw-shadow-colored)} .shadow-slate-900{--tw-shadow-color:#0f172a;--tw-shadow:var(--tw-shadow-colored)} .shadow-slate-900\/50{--tw-shadow-color:rgb(15 23 42 / 0.5);--tw-shadow:var(--tw-shadow-colored)} .shadow-slate-900\/60{--tw-shadow-color:rgb(15 23 42 / 0.6);--tw-shadow:var(--tw-shadow-colored)} .shadow-yellow-400\/30{--tw-shadow-color:rgb(250 204 21 / 0.3);--tw-shadow:var(--tw-shadow-colored)} .shadow-yellow-500\/20{--tw-shadow-color:rgb(234 179 8 / 0.2);--tw-shadow:var(--tw-shadow-colored)} .shadow-yellow-500\/25{--tw-shadow-color:rgb(234 179 8 / 0.25);--tw-shadow:var(--tw-shadow-colored)} .shadow-yellow-500\/50{--tw-shadow-color:rgb(234 179 8 / 0.5);--tw-shadow:var(--tw-shadow-colored)} .outline-none{outline:2px solid transparent;outline-offset:2px} .outline{outline-style:solid} .outline-ring\/50{outline-color:hsl(var(--ring) / 0.5)} .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);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)} .ring-0{--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(0px + 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-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);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)} .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-4{--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(4px + 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-inset{--tw-ring-inset:inset} .ring-amber-400\/30{--tw-ring-color:rgb(251 191 36 / 0.3)} .ring-blue-400\/30{--tw-ring-color:rgb(96 165 250 / 0.3)} .ring-blue-400\/50{--tw-ring-color:rgb(96 165 250 / 0.5)} .ring-blue-500{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246 / var(--tw-ring-opacity, 1))} .ring-gray-300{--tw-ring-opacity:1;--tw-ring-color:rgb(209 213 219 / var(--tw-ring-opacity, 1))} .ring-gray-900\/5{--tw-ring-color:rgb(17 24 39 / 0.05)} .ring-red-500{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68 / var(--tw-ring-opacity, 1))} .ring-ring{--tw-ring-color:hsl(var(--ring))} .ring-ring\/10{--tw-ring-color:hsl(var(--ring) / 0.1)} .ring-ring\/50{--tw-ring-color:hsl(var(--ring) / 0.5)} .ring-white\/10{--tw-ring-color:rgb(255 255 255 / 0.1)} .ring-white\/30{--tw-ring-color:rgb(255 255 255 / 0.3)} .ring-yellow-400{--tw-ring-opacity:1;--tw-ring-color:rgb(250 204 21 / var(--tw-ring-opacity, 1))} .ring-opacity-80{--tw-ring-opacity:0.8} .ring-offset-2{--tw-ring-offset-width:2px} .ring-offset-background{--tw-ring-offset-color:hsl(var(--background))} .blur{--tw-blur:blur(8px);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)} .blur-2xl{--tw-blur:blur(40px);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)} .blur-3xl{--tw-blur:blur(64px);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)} .blur-lg{--tw-blur:blur(16px);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)} .blur-md{--tw-blur:blur(12px);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)} .blur-sm{--tw-blur:blur(4px);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)} .blur-xl{--tw-blur:blur(24px);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)} .drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));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)} .drop-shadow-2xl{--tw-drop-shadow:drop-shadow(0 25px 25px rgb(0 0 0 / 0.15));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)} .drop-shadow-lg{--tw-drop-shadow:drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));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)} .drop-shadow-sm{--tw-drop-shadow:drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));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)} .grayscale{--tw-grayscale:grayscale(100%);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)} .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)} .backdrop-blur{--tw-backdrop-blur:blur(8px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .backdrop-blur-2xl{--tw-backdrop-blur:blur(40px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .backdrop-blur-lg{--tw-backdrop-blur:blur(16px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .backdrop-blur-md{--tw-backdrop-blur:blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .backdrop-blur-none{--tw-backdrop-blur: ;backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .backdrop-blur-sm{--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .backdrop-blur-xl{--tw-backdrop-blur:blur(24px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .transition{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-\[color\2c box-shadow\]{transition-property:color,box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-\[left\2c right\2c width\]{transition-property:left,right,width;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-\[margin\2c opacity\]{transition-property:margin,opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-\[width\2c height\2c padding\]{transition-property:width,height,padding;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-\[width\2c height\]{transition-property:width,height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-colors{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-none{transition-property:none} .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .delay-300{transition-delay:300ms} .delay-700{transition-delay:700ms} .duration-0{transition-duration:0s} .duration-100{transition-duration:100ms} .duration-1000{transition-duration:1000ms} .duration-150{transition-duration:150ms} .duration-200{transition-duration:200ms} .duration-300{transition-duration:300ms} .duration-500{transition-duration:500ms} .duration-700{transition-duration:700ms} .ease-in{transition-timing-function:cubic-bezier(0.4, 0, 1, 1)} .ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)} .ease-linear{transition-timing-function:linear} .ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1)} .will-change-\[width\]{will-change:width} .will-change-auto{will-change:auto} @source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php'; @source '../../storage/framework/views/*.php'; @source '../views/**/*.blade.php'; @source '../js/**/*.vue'; @source '../js/**/*.ts'; @source '../js/**/*.js'; .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)); } .file\:text-foreground::file-selector-button { color: hsl(var(--foreground)); } .placeholder\:text-muted-foreground::-moz-placeholder { color: hsl(var(--muted-foreground)); } .placeholder\:text-muted-foreground::placeholder { color: hsl(var(--muted-foreground)); } .placeholder\:text-gray-400::-moz-placeholder { color: hsl(var(--muted-foreground)); } .placeholder\:text-gray-400::placeholder { color: hsl(var(--muted-foreground)); } .after\:-translate-x-1\/2::after { content:var(--tw-content); transform: translateX(-50%); } .after\:bg-white::after { content:var(--tw-content); background-color: #ffffff; } .after\:transition-all::after { content:var(--tw-content); transition: all 0.15s ease-in-out; } .after\:rounded-full::after { content:var(--tw-content); border-radius: 9999px; } .focus-within\:ring-primary:focus-within { box-shadow: 0 0 0 2px hsl(var(--primary, 220 14% 83%) / 0.15); } .hover\:text-primary:hover { color: hsl(var(--primary)); } .hover\:border-primary:hover { border-color: hsl(var(--primary)); } .hover\:bg-secondary:hover { background-color: hsl(var(--secondary)); } .hover\:bg-destructive:hover { background-color: hsl(var(--destructive)); } .hover\:text-destructive:hover { color: hsl(var(--destructive)); } .hover\:text-destructive-foreground:hover { color: hsl(var(--destructive-foreground)); } .hover\:bg-muted:hover { background-color: hsl(var(--muted)); } .hover\:text-muted-foreground:hover { color: hsl(var(--muted-foreground)); } .hover\:bg-accent:hover { background-color: hsl(var(--accent)); } .hover\:text-accent-foreground:hover { color: hsl(var(--accent-foreground)); } .hover\:text-foreground:hover { color: hsl(var(--foreground)); } .hover\:border-border:hover { border-color: hsl(var(--border)); } .hover\:ring-primary:hover { box-shadow: 0 0 0 2px hsl(var(--primary, 220 14% 83%) / 0.15); } .hover\:bg-primary\/90:hover { background-color: hsl(var(--primary) / 0.9); } .hover\:bg-primary\/80:hover { background-color: hsl(var(--primary) / 0.8); } .hover\:bg-primary\/20:hover { background-color: hsl(var(--primary) / 0.2); } .hover\:bg-primary\/10:hover { background-color: hsl(var(--primary) / 0.1); } .hover\:bg-secondary\/80:hover { background-color: hsl(var(--secondary) / 0.8); } .hover\:bg-destructive\/90:hover { background-color: hsl(var(--destructive) / 0.9); } .hover\:bg-destructive\/10:hover { background-color: hsl(var(--destructive) / 0.1); } .hover\:bg-muted\/50:hover { background-color: hsl(var(--muted) / 0.5); } .hover\:bg-background\/50:hover { background-color: hsl(var(--background) / 0.5); } .hover\:text-primary\/80:hover { color: hsl(var(--primary) / 0.8); } .hover\:border-border\/50:hover { border-color: hsl(var(--border) / 0.5); } .hover\:scale-105:hover { transform: scale(1.05); } .hover\:shadow-sm:hover { box-shadow: 0 1px 3px 0 hsl(var(--primary, 220 14% 83%) / 0.1), 0 1px 2px 0 hsl(var(--primary, 220 14% 83%) / 0.06); } .hover\:shadow-md:hover { box-shadow: 0 4px 6px -1px hsl(var(--primary, 220 14% 83%) / 0.1), 0 2px 4px -1px hsl(var(--primary, 220 14% 83%) / 0.06); } .hover\:shadow-lg:hover { box-shadow: 0 10px 15px -3px hsl(var(--primary, 220 14% 83%) / 0.1), 0 4px 6px -2px hsl(var(--primary, 220 14% 83%) / 0.05); } .hover\:shadow-xl:hover { box-shadow: 0 20px 25px -5px hsl(var(--primary, 220 14% 83%) / 0.1), 0 8px 10px -6px hsl(var(--primary, 220 14% 83%) / 0.05); } .hover\:shadow-2xl:hover { box-shadow: 0 25px 50px -12px hsl(var(--primary, 220 14% 83%) / 0.15); } .hover\:text-slate-900:hover { color: hsl(var(--foreground)); } .hover\:text-slate-300:hover { color: hsl(var(--foreground) / 0.8); } .hover\:bg-slate-800:hover { background-color: hsl(var(--card)); } .hover\:bg-slate-700:hover { background-color: hsl(var(--muted)); } .hover\:border-slate-600:hover { border-color: hsl(var(--border) / 0.8); } .hover\:text-gray-900:hover { color: hsl(var(--foreground)); } .hover\:text-gray-600:hover { color: hsl(var(--muted-foreground)); } .hover\:text-gray-400:hover { color: hsl(var(--muted-foreground)); } .hover\:text-gray-300:hover { color: hsl(var(--foreground) / 0.8); } .hover\:text-gray-500:hover { color: hsl(var(--muted-foreground) / 0.8); } .hover\:bg-gray-700:hover { background-color: hsl(var(--muted)); } .hover\:border-gray-600:hover { border-color: hsl(var(--border) / 0.8); } .hover\:text-blue-400:hover { color: hsl(var(--info, 59 130 246)); } .hover\:bg-green-500:hover { background-color: hsl(var(--success, 34 197 94)); } .hover\:bg-blue-500:hover { background-color: hsl(var(--info, 59 130 246)); } .hover\:bg-yellow-500:hover { background-color: hsl(var(--warning, 245 158 11)); } .hover\:border-green-500:hover { border-color: hsl(var(--success, 34 197 94)); } .hover\:border-green-500\/30:hover { border-color: hsl(var(--success, 34 197 94) / 0.3); } .hover\:bg-blue-500\/10:hover { background-color: hsl(var(--info, 59 130 246) / 0.1); } .hover\:bg-blue-600:hover { background-color: hsl(var(--info, 59 130 246) / 0.9); } .hover\:border-blue-500:hover { border-color: hsl(var(--info, 59 130 246)); } .hover\:border-blue-500\/30:hover { border-color: hsl(var(--info, 59 130 246) / 0.3); } .hover\:text-white:hover { color: #ffffff; } .hover\:opacity-75:hover { opacity: 0.75; } .hover\:opacity-100:hover { opacity: 1; } .focus\:border-primary:focus { border-color: hsl(var(--primary)); } .focus\:bg-accent:focus { background-color: hsl(var(--accent)); } .focus\:text-accent-foreground:focus { color: hsl(var(--accent-foreground)); } .focus\:ring-primary:focus { box-shadow: 0 0 0 2px hsl(var(--primary, 220 14% 83%) / 0.15); } .focus\:ring-ring:focus { box-shadow: 0 0 0 2px hsl(var(--primary, 220 14% 83%) / 0.15); } .focus\:border-primary\/60:focus { border-color: hsl(var(--primary) / 0.6); } .focus\:text-gray-500:focus { color: hsl(var(--muted-foreground) / 0.8); } .focus\:border-green-500:focus { border-color: hsl(var(--success, 34 197 94)); } .focus\:border-blue-500:focus { border-color: hsl(var(--info, 59 130 246)); } .focus-visible\:ring-ring:focus-visible { box-shadow: 0 0 0 2px hsl(var(--primary, 220 14% 83%) / 0.15); } .active\:text-gray-500:active { color: hsl(var(--muted-foreground) / 0.8); } .disabled\:pointer-events-none:disabled { pointer-events: none; } .disabled\:text-slate-500:disabled { color: hsl(var(--muted-foreground) / 0.8); } .disabled\:text-gray-500:disabled { color: hsl(var(--muted-foreground) / 0.8); } .disabled\:bg-gray-800:disabled { background-color: hsl(var(--card)); } .disabled\:opacity-50:disabled { opacity: 0.5; } .group:focus-within .group-focus-within\:text-primary { color: hsl(var(--primary)); } .group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100 { opacity: 1; } .group:hover .group-hover\:text-primary { color: hsl(var(--primary)); } .group:hover .group-hover\:text-foreground { color: hsl(var(--foreground)); } .group:hover .group-hover\:scale-105 { transform: scale(1.05); } .group:hover .group-hover\:animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } .group:hover .group-hover\:shadow-xl { box-shadow: 0 20px 25px -5px hsl(var(--primary, 220 14% 83%) / 0.1), 0 8px 10px -6px hsl(var(--primary, 220 14% 83%) / 0.05); } .group:hover .group-hover\:text-slate-400 { color: hsl(var(--muted-foreground)); } .group:hover .group-hover\:text-slate-300 { color: hsl(var(--foreground) / 0.8); } .group:hover .group-hover\:text-gray-400 { color: hsl(var(--muted-foreground)); } .group:hover .group-hover\:text-green-400 { color: hsl(var(--success, 34 197 94)); } .group:hover .group-hover\:text-blue-400 { color: hsl(var(--info, 59 130 246)); } .group:hover .group-hover\:bg-green-500\/20 { background-color: hsl(var(--success, 34 197 94) / 0.2); } .group:hover .group-hover\:bg-blue-500\/20 { background-color: hsl(var(--info, 59 130 246) / 0.2); } .group:hover .group-hover\:text-white { color: #ffffff; } .group:hover .group-hover\:opacity-20 { opacity: 0.2; } .group\/menu-item:hover .group-hover\/menu-item\:opacity-100 { opacity: 1; } .group:hover .group-hover\:opacity-100 { opacity: 1; } .peer:checked ~ .peer-checked\:bg-blue-600 { background-color: hsl(var(--info, 59 130 246) / 0.9); } .peer:disabled ~ .peer-disabled\:opacity-50 { opacity: 0.5; } .aria-disabled\:pointer-events-none[aria-disabled="true"] { pointer-events: none; } .aria-disabled\:opacity-50[aria-disabled="true"] { opacity: 0.5; } .aria-selected\:opacity-100[aria-selected="true"] { opacity: 1; } .data-\[selected\]\:bg-primary[data-selected] { background-color: hsl(var(--primary)); } .data-\[state\=checked\]\:bg-primary[data-state="checked"] { background-color: hsl(var(--primary)); } .data-\[selected\]\:text-primary-foreground[data-selected] { color: hsl(var(--primary-foreground)); } .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] { color: hsl(var(--primary-foreground)); } .data-\[state\=checked\]\:border-primary[data-state="checked"] { border-color: hsl(var(--primary)); } .data-\[state\=open\]\:bg-secondary[data-state="open"] { background-color: hsl(var(--secondary)); } .data-\[error\=true\]\:text-destructive-foreground[data-error="true"] { color: hsl(var(--destructive-foreground)); } .data-\[unavailable\]\:text-destructive-foreground[data-unavailable] { color: hsl(var(--destructive-foreground)); } .data-\[variant\=destructive\]\:text-destructive-foreground[data-variant="destructive"] { color: hsl(var(--destructive-foreground)); } .data-\[state\=selected\]\:bg-muted[data-state="selected"] { background-color: hsl(var(--muted)); } .data-\[disabled\]\:text-muted-foreground[data-disabled] { color: hsl(var(--muted-foreground)); } .data-\[outside-view\]\:text-muted-foreground[data-outside-view] { color: hsl(var(--muted-foreground)); } .data-\[placeholder\]\:text-muted-foreground[data-placeholder] { color: hsl(var(--muted-foreground)); } .data-\[state\=open\]\:text-muted-foreground[data-state="open"] { color: hsl(var(--muted-foreground)); } .data-\[highlighted\]\:bg-accent[data-highlighted] { background-color: hsl(var(--accent)); } .data-\[state\=on\]\:bg-accent[data-state="on"] { background-color: hsl(var(--accent)); } .data-\[state\=open\]\:bg-accent[data-state="open"] { background-color: hsl(var(--accent)); } .data-\[active\=true\]\:text-accent-foreground[data-active="true"] { color: hsl(var(--accent-foreground)); } .data-\[highlighted\]\:text-accent-foreground[data-highlighted] { color: hsl(var(--accent-foreground)); } .data-\[state\=on\]\:text-accent-foreground[data-state="on"] { color: hsl(var(--accent-foreground)); } .data-\[state\=open\]\:text-accent-foreground[data-state="open"] { color: hsl(var(--accent-foreground)); } .data-\[state\=active\]\:bg-background[data-state="active"] { background-color: hsl(var(--background)); } .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] { background-color: hsl(var(--input)); } .data-\[variant\=outline\]\:shadow-xs[data-variant="outline"] { box-shadow: 0 1px 2px 0 hsl(var(--primary, 220 14% 83%) / 0.05); } .data-\[state\=active\]\:shadow-sm[data-state="active"] { box-shadow: 0 1px 3px 0 hsl(var(--primary, 220 14% 83%) / 0.1), 0 1px 2px 0 hsl(var(--primary, 220 14% 83%) / 0.06); } .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] { pointer-events: none; } .data-\[disabled\]\:pointer-events-none[data-disabled] { pointer-events: none; } .data-\[state\=active\]\:bg-slate-700[data-state="active"] { background-color: hsl(var(--muted)); } .data-\[state\=active\]\:bg-blue-600[data-state="active"] { background-color: hsl(var(--info, 59 130 246) / 0.9); } .data-\[state\=checked\]\:bg-blue-600[data-state="checked"] { background-color: hsl(var(--info, 59 130 246) / 0.9); } .data-\[state\=active\]\:border-blue-500[data-state="active"] { border-color: hsl(var(--info, 59 130 246)); } .data-\[state\=checked\]\:text-white[data-state="checked"] { color: #ffffff; } .data-\[state\=closed\]\:duration-300[data-state="closed"] { transition-duration: 0.3s; } .data-\[state\=open\]\:duration-500[data-state="open"] { transition-duration: 0.5s; } .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] { opacity: 0.5; } .data-\[disabled\]\:opacity-50[data-disabled] { opacity: 0.5; } .data-\[selected\]\:opacity-100[data-selected] { opacity: 1; } .data-\[state\=open\]\:opacity-100[data-state="open"] { opacity: 1; } .data-\[orientation\=vertical\]\:after\:-translate-y-1\/2[data-orientation="vertical"]::after { content:var(--tw-content); transform: translateY(-50%); } .data-\[selected\]\:hover\:bg-primary:hover[data-selected] { background-color: hsl(var(--primary)); } .data-\[selected\]\:hover\:text-primary-foreground:hover[data-selected] { color: hsl(var(--primary-foreground)); } .data-\[active\=true\]\:hover\:bg-accent:hover[data-active="true"] { background-color: hsl(var(--accent)); } .data-\[state\=open\]\:hover\:bg-accent:hover[data-state="open"] { background-color: hsl(var(--accent)); } .data-\[selected\]\:focus\:bg-primary:focus[data-selected] { background-color: hsl(var(--primary)); } .data-\[selected\]\:focus\:text-primary-foreground:focus[data-selected] { color: hsl(var(--primary-foreground)); } .data-\[variant\=destructive\]\:focus\:text-destructive-foreground:focus[data-variant="destructive"] { color: hsl(var(--destructive-foreground)); } .data-\[active\=true\]\:focus\:bg-accent:focus[data-active="true"] { background-color: hsl(var(--accent)); } .data-\[state\=open\]\:focus\:bg-accent:focus[data-state="open"] { background-color: hsl(var(--accent)); } .data-\[variant\=destructive\]\:focus\:bg-destructive\/10:focus[data-variant="destructive"] { background-color: hsl(var(--destructive) / 0.1); } .group[data-state="active"] .group-data-\[state\=active\]\:bg-primary { background-color: hsl(var(--primary)); } .group[data-state="active"] .group-data-\[state\=active\]\:text-primary-foreground { color: hsl(var(--primary-foreground)); } .group[data-disabled] .group-data-\[disabled\]\:bg-muted { background-color: hsl(var(--muted)); } .group[data-disabled] .group-data-\[disabled\]\:text-muted-foreground { color: hsl(var(--muted-foreground)); } .group[data-state="completed"] .group-data-\[state\=completed\]\:bg-accent { background-color: hsl(var(--accent)); } .group[data-state="completed"] .group-data-\[state\=completed\]\:text-accent-foreground { color: hsl(var(--accent-foreground)); } .group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground { color: hsl(var(--popover-foreground)); } .group[data-variant="floating"] .group-data-\[variant\=floating\]\:shadow-sm { box-shadow: 0 1px 3px 0 hsl(var(--primary, 220 14% 83%) / 0.1), 0 1px 2px 0 hsl(var(--primary, 220 14% 83%) / 0.06); } .group[data-disabled="true"] .group-data-\[disabled\=true\]\:pointer-events-none { pointer-events: none; } .group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:duration-200 { transition-duration: 0.2s; } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:opacity-0 { opacity: 0; } .group[data-disabled="true"] .group-data-\[disabled\=true\]\:opacity-50 { opacity: 0.5; } .group[data-disabled] .group-data-\[disabled\]\:opacity-50 { opacity: 0.5; } .group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md { border-radius: 0.375rem; } .group[data-variant="floating"] .group-data-\[variant\=floating\]\:rounded-lg { border-radius: 0.5rem; } @media (min-width: 640px){ .sm\:rounded-lg { border-radius: 0.5rem; } .sm\:rounded-xl { border-radius: 0.75rem; }} @media (min-width: 768px){ .md\:opacity-0 { opacity: 0; } .md\:rounded-md { border-radius: 0.375rem; } .md\:rounded-xl { border-radius: 0.75rem; } .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:shadow-sm { box-shadow: 0 1px 3px 0 hsl(var(--primary, 220 14% 83%) / 0.1), 0 1px 2px 0 hsl(var(--primary, 220 14% 83%) / 0.06); } .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:rounded-xl { border-radius: 0.75rem; }} @media (min-width: 1024px){ .lg\:rounded-md { border-radius: 0.375rem; }} @media (prefers-color-scheme: dark){ .dark\:text-muted-foreground { color: hsl(var(--muted-foreground)); } .dark\:border-input { border-color: hsl(var(--input)); } .dark\:text-slate-400 { color: hsl(var(--muted-foreground)); } .dark\:text-slate-300 { color: hsl(var(--foreground) / 0.8); } .dark\:bg-slate-800 { background-color: hsl(var(--card)); } .dark\:bg-slate-700 { background-color: hsl(var(--muted)); } .dark\:border-slate-700 { border-color: hsl(var(--border)); } .dark\:border-slate-600 { border-color: hsl(var(--border) / 0.8); } .dark\:text-gray-600 { color: hsl(var(--muted-foreground)); } .dark\:text-gray-400 { color: hsl(var(--muted-foreground)); } .dark\:text-gray-300 { color: hsl(var(--foreground) / 0.8); } .dark\:bg-gray-800 { background-color: hsl(var(--card)); } .dark\:bg-gray-700 { background-color: hsl(var(--muted)); } .dark\:border-gray-700 { border-color: hsl(var(--border)); } .dark\:border-gray-600 { border-color: hsl(var(--border) / 0.8); } .dark\:divide-gray-700 { border-color: hsl(var(--border)); } .dark\:text-green-400 { color: hsl(var(--success, 34 197 94)); } .dark\:text-blue-400 { color: hsl(var(--info, 59 130 246)); } .dark\:text-red-400 { color: hsl(var(--destructive)); } .dark\:text-yellow-400 { color: hsl(var(--warning, 245 158 11)); } .dark\:bg-blue-500 { background-color: hsl(var(--info, 59 130 246)); } .dark\:border-blue-500 { border-color: hsl(var(--info, 59 130 246)); } .dark\:text-white { color: #ffffff; } .dark\:bg-white { background-color: #ffffff; } .dark\:hover\:bg-slate-700:hover { background-color: hsl(var(--muted)); } .dark\:hover\:text-gray-300:hover { color: hsl(var(--foreground) / 0.8); } .dark\:hover\:text-gray-500:hover { color: hsl(var(--muted-foreground) / 0.8); } .dark\:hover\:bg-gray-800:hover { background-color: hsl(var(--card)); } .dark\:hover\:bg-gray-700:hover { background-color: hsl(var(--muted)); } .dark\:hover\:text-white:hover { color: #ffffff; } .dark\:focus\:text-gray-500:focus { color: hsl(var(--muted-foreground) / 0.8); } .dark\:active\:text-gray-300:active { color: hsl(var(--foreground) / 0.8); } .dark\:active\:bg-gray-700:active { background-color: hsl(var(--muted)); } .dark\:data-\[state\=active\]\:text-foreground[data-state="active"] { color: hsl(var(--foreground)); } .dark\:data-\[state\=active\]\:border-input[data-state="active"] { border-color: hsl(var(--input)); }} .\[\&\:\:-moz-range-thumb\]\:cursor-pointer::-moz-range-thumb { cursor: pointer; } .\[\&\:\:-moz-range-thumb\]\:bg-white::-moz-range-thumb { background-color: #ffffff; } .\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb { border-radius: 9999px; } .\[\&\:\:-webkit-slider-thumb\]\:cursor-pointer::-webkit-slider-thumb { cursor: pointer; } .\[\&\:\:-webkit-slider-thumb\]\:bg-white::-webkit-slider-thumb { background-color: #ffffff; } .\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb { border-radius: 9999px; } .\[\&\:has\(\[data-selected\]\)\]\:bg-accent:has([data-selected]) { background-color: hsl(var(--accent)); } .\[\&\:has\(\[data-selected\]\)\]\:rounded-md:has([data-selected]) { border-radius: 0.375rem; } .\[\&\>svg\]\:pointer-events-none>svg { pointer-events: none; } .\[\&\[data-today\]\:not\(\[data-selected\]\)\]\:bg-accent[data-today]:not([data-selected]) { background-color: hsl(var(--accent)); } .\[\&\[data-today\]\:not\(\[data-selected\]\)\]\:text-accent-foreground[data-today]:not([data-selected]) { color: hsl(var(--accent-foreground)); } .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*='text-']) { color: hsl(var(--muted-foreground)); } .\[\&_svg\]\:pointer-events-none svg { pointer-events: none; } a.\[a\&\]\:hover\:bg-accent:hover { background-color: hsl(var(--accent)); } a.\[a\&\]\:hover\:text-accent-foreground:hover { color: hsl(var(--accent-foreground)); } a.\[a\&\]\:hover\:bg-primary\/90:hover { background-color: hsl(var(--primary) / 0.9); } a.\[a\&\]\:hover\:bg-destructive\/90:hover { background-color: hsl(var(--destructive) / 0.9); } .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))} .file\:inline-flex::file-selector-button{display:inline-flex} .file\:h-7::file-selector-button{height:1.75rem} .file\:border-0::file-selector-button{border-width:0px} .file\:bg-transparent::file-selector-button{background-color:transparent} .file\:text-sm::file-selector-button{font-size:0.875rem;line-height:1.25rem} .file\:font-medium::file-selector-button{font-weight:500} .file\:text-foreground::file-selector-button{color:hsl(var(--foreground))} .placeholder\:text-\[var\(--admin-muted\)\]::-moz-placeholder{color:var(--admin-muted)} .placeholder\:text-\[var\(--admin-muted\)\]::placeholder{color:var(--admin-muted)} .placeholder\:text-\[var\(--input-placeholder\)\]::-moz-placeholder{color:var(--input-placeholder)} .placeholder\:text-\[var\(--input-placeholder\)\]::placeholder{color:var(--input-placeholder)} .placeholder\:text-gray-400::-moz-placeholder{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))} .placeholder\:text-gray-400::placeholder{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))} .placeholder\:text-muted-foreground::-moz-placeholder{color:hsl(var(--muted-foreground))} .placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))} .after\:absolute::after{content:var(--tw-content);position:absolute} .after\:-inset-2::after{content:var(--tw-content);inset:-0.5rem} .after\:inset-y-0::after{content:var(--tw-content);top:0px;bottom:0px} .after\:left-1\/2::after{content:var(--tw-content);left:50%} .after\:left-\[2px\]::after{content:var(--tw-content);left:2px} .after\:top-\[2px\]::after{content:var(--tw-content);top:2px} .after\:h-5::after{content:var(--tw-content);height:1.25rem} .after\:w-1::after{content:var(--tw-content);width:0.25rem} .after\:w-5::after{content:var(--tw-content);width:1.25rem} .after\:w-\[2px\]::after{content:var(--tw-content);width:2px} .after\:-translate-x-1\/2::after{content:var(--tw-content);--tw-translate-x:-50%;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))} .after\:rounded-full::after{content:var(--tw-content);border-radius:9999px} .after\:bg-white::after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))} .after\:transition-all::after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms} .after\:content-\[\'\'\]::after{--tw-content:'';content:var(--tw-content)} .first\:rounded-l-md:first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)} .last\:mb-0:last-child{margin-bottom:0px} .last\:rounded-r-md:last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)} .last\:border-b-0:last-child{border-bottom-width:0px} .last\:border-r-0:last-child{border-right-width:0px} .default\:col-span-full:default{grid-column:1 / -1} .default\:row-span-1:default{grid-row:span 1 / span 1} .focus-within\:relative:focus-within{position:relative} .focus-within\:z-20:focus-within{z-index:20} .focus-within\:outline-none:focus-within{outline:2px solid transparent;outline-offset:2px} .focus-within\:ring-2:focus-within{--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)} .focus-within\:ring-blue-500:focus-within{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246 / var(--tw-ring-opacity, 1))} .focus-within\:ring-primary:focus-within{--tw-ring-color:hsl(var(--primary))} .focus-within\:ring-offset-2:focus-within{--tw-ring-offset-width:2px} .hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem;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))} .hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem;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))} .hover\:-translate-y-2:hover{--tw-translate-y:-0.5rem;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))} .hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;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))} .hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;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))} .hover\:scale-\[1\.01\]:hover{--tw-scale-x:1.01;--tw-scale-y:1.01;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))} .hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;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))} .hover\:scale-\[1\.03\]:hover{--tw-scale-x:1.03;--tw-scale-y:1.03;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))} .hover\:transform:hover{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))} .hover\:rounded-b-md:hover{border-bottom-right-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)} .hover\:rounded-t-md:hover{border-top-left-radius:calc(var(--radius) - 2px);border-top-right-radius:calc(var(--radius) - 2px)} .hover\:border-\[var\(--admin-secondary\)\]:hover{border-color:var(--admin-secondary)} .hover\:border-amber-400\/50:hover{border-color:rgb(251 191 36 / 0.5)} .hover\:border-blue-400:hover{--tw-border-opacity:1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))} .hover\:border-blue-400\/30:hover{border-color:rgb(96 165 250 / 0.3)} .hover\:border-blue-400\/50:hover{border-color:rgb(96 165 250 / 0.5)} .hover\:border-blue-400\/70:hover{border-color:rgb(96 165 250 / 0.7)} .hover\:border-blue-500:hover{--tw-border-opacity:1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))} .hover\:border-blue-500\/30:hover{border-color:rgb(59 130 246 / 0.3)} .hover\:border-blue-500\/50:hover{border-color:rgb(59 130 246 / 0.5)} .hover\:border-blue-500\/60:hover{border-color:rgb(59 130 246 / 0.6)} .hover\:border-border:hover{border-color:hsl(var(--border))} .hover\:border-border\/50:hover{border-color:hsl(var(--border) / 0.5)} .hover\:border-gray-500:hover{--tw-border-opacity:1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))} .hover\:border-gray-500\/50:hover{border-color:rgb(107 114 128 / 0.5)} .hover\:border-gray-600:hover{--tw-border-opacity:1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))} .hover\:border-gray-600\/40:hover{border-color:rgb(75 85 99 / 0.4)} .hover\:border-gray-600\/50:hover{border-color:rgb(75 85 99 / 0.5)} .hover\:border-green-300:hover{--tw-border-opacity:1;border-color:rgb(134 239 172 / var(--tw-border-opacity, 1))} .hover\:border-green-400\/50:hover{border-color:rgb(74 222 128 / 0.5)} .hover\:border-green-500:hover{--tw-border-opacity:1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))} .hover\:border-green-500\/30:hover{border-color:rgb(34 197 94 / 0.3)} .hover\:border-green-500\/50:hover{border-color:rgb(34 197 94 / 0.5)} .hover\:border-muted-foreground:hover{border-color:hsl(var(--muted-foreground))} .hover\:border-pink-500\/30:hover{border-color:rgb(236 72 153 / 0.3)} .hover\:border-primary:hover{border-color:hsl(var(--primary))} .hover\:border-primary\/30:hover{border-color:hsl(var(--primary) / 0.3)} .hover\:border-purple-400\/50:hover{border-color:rgb(192 132 252 / 0.5)} .hover\:border-purple-400\/70:hover{border-color:rgb(192 132 252 / 0.7)} .hover\:border-purple-500\/30:hover{border-color:rgb(168 85 247 / 0.3)} .hover\:border-purple-500\/50:hover{border-color:rgb(168 85 247 / 0.5)} .hover\:border-red-400\/50:hover{border-color:rgb(248 113 113 / 0.5)} .hover\:border-slate-300:hover{--tw-border-opacity:1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))} .hover\:border-slate-500:hover{--tw-border-opacity:1;border-color:rgb(100 116 139 / var(--tw-border-opacity, 1))} .hover\:border-slate-500\/50:hover{border-color:rgb(100 116 139 / 0.5)} .hover\:border-slate-500\/70:hover{border-color:rgb(100 116 139 / 0.7)} .hover\:border-slate-600:hover{--tw-border-opacity:1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1))} .hover\:border-slate-600\/40:hover{border-color:rgb(71 85 105 / 0.4)} .hover\:border-slate-600\/50:hover{border-color:rgb(71 85 105 / 0.5)} .hover\:border-slate-600\/60:hover{border-color:rgb(71 85 105 / 0.6)} .hover\:border-slate-600\/80:hover{border-color:rgb(71 85 105 / 0.8)} .hover\:border-white\/20:hover{border-color:rgb(255 255 255 / 0.2)} .hover\:border-yellow-400\/50:hover{border-color:rgb(250 204 21 / 0.5)} .hover\:border-yellow-400\/70:hover{border-color:rgb(250 204 21 / 0.7)} .hover\:border-yellow-500\/30:hover{border-color:rgb(234 179 8 / 0.3)} .hover\:bg-\[hsl\(var\(--muted\)\)\]:hover{background-color:hsl(var(--muted))} .hover\:bg-\[var\(--button-accent\)\]:hover{background-color:var(--button-accent)} .hover\:bg-\[var\(--color-amber-600\)\]:hover{background-color:var(--color-amber-600)} .hover\:bg-\[var\(--color-neutral-800\)\]:hover{background-color:var(--color-neutral-800)} .hover\:bg-\[var\(--color-slate-700\)\]:hover{background-color:var(--color-slate-700)} .hover\:bg-\[var\(--color-slate-800\)\]:hover{background-color:var(--color-slate-800)} .hover\:bg-\[var\(--theme-hover\)\]:hover{background-color:var(--theme-hover)} .hover\:bg-accent:hover{background-color:hsl(var(--accent))} .hover\:bg-amber-400:hover{--tw-bg-opacity:1;background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1))} .hover\:bg-amber-700:hover{--tw-bg-opacity:1;background-color:rgb(180 83 9 / var(--tw-bg-opacity, 1))} .hover\:bg-background\/50:hover{background-color:hsl(var(--background) / 0.5)} .hover\:bg-black\/10:hover{background-color:rgb(0 0 0 / 0.1)} .hover\:bg-black\/70:hover{background-color:rgb(0 0 0 / 0.7)} .hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))} .hover\:bg-blue-200:hover{--tw-bg-opacity:1;background-color:rgb(191 219 254 / var(--tw-bg-opacity, 1))} .hover\:bg-blue-400:hover{--tw-bg-opacity:1;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))} .hover\:bg-blue-400\/10:hover{background-color:rgb(96 165 250 / 0.1)} .hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))} .hover\:bg-blue-500:hover{--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))} .hover\:bg-blue-500\/10:hover{background-color:rgb(59 130 246 / 0.1)} .hover\:bg-blue-500\/30:hover{background-color:rgb(59 130 246 / 0.3)} .hover\:bg-blue-500\/5:hover{background-color:rgb(59 130 246 / 0.05)} .hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))} .hover\:bg-blue-600\/20:hover{background-color:rgb(37 99 235 / 0.2)} .hover\:bg-blue-600\/30:hover{background-color:rgb(37 99 235 / 0.3)} .hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))} .hover\:bg-blue-800:hover{--tw-bg-opacity:1;background-color:rgb(30 64 175 / var(--tw-bg-opacity, 1))} .hover\:bg-blue-800\/50:hover{background-color:rgb(30 64 175 / 0.5)} .hover\:bg-blue-800\/70:hover{background-color:rgb(30 64 175 / 0.7)} .hover\:bg-card\/60:hover{background-color:hsl(var(--card) / 0.6)} .hover\:bg-cyan-600\/20:hover{background-color:rgb(8 145 178 / 0.2)} .hover\:bg-destructive:hover{background-color:hsl(var(--destructive))} .hover\:bg-destructive\/10:hover{background-color:hsl(var(--destructive) / 0.1)} .hover\:bg-destructive\/20:hover{background-color:hsl(var(--destructive) / 0.2)} .hover\:bg-destructive\/80:hover{background-color:hsl(var(--destructive) / 0.8)} .hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / 0.9)} .hover\:bg-emerald-700:hover{--tw-bg-opacity:1;background-color:rgb(4 120 87 / var(--tw-bg-opacity, 1))} .hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))} .hover\:bg-gray-100\/75:hover{background-color:rgb(243 244 246 / 0.75)} .hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))} .hover\:bg-gray-400:hover{--tw-bg-opacity:1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))} .hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))} .hover\:bg-gray-500:hover{--tw-bg-opacity:1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))} .hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))} .hover\:bg-gray-600\/50:hover{background-color:rgb(75 85 99 / 0.5)} .hover\:bg-gray-600\/80:hover{background-color:rgb(75 85 99 / 0.8)} .hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))} .hover\:bg-gray-700\/40:hover{background-color:rgb(55 65 81 / 0.4)} .hover\:bg-gray-700\/50:hover{background-color:rgb(55 65 81 / 0.5)} .hover\:bg-gray-700\/60:hover{background-color:rgb(55 65 81 / 0.6)} .hover\:bg-green-100:hover{--tw-bg-opacity:1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))} .hover\:bg-green-200:hover{--tw-bg-opacity:1;background-color:rgb(187 247 208 / var(--tw-bg-opacity, 1))} .hover\:bg-green-400:hover{--tw-bg-opacity:1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))} .hover\:bg-green-50:hover{--tw-bg-opacity:1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))} .hover\:bg-green-500:hover{--tw-bg-opacity:1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))} .hover\:bg-green-500\/30:hover{background-color:rgb(34 197 94 / 0.3)} .hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))} .hover\:bg-green-600\/20:hover{background-color:rgb(22 163 74 / 0.2)} .hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))} .hover\:bg-muted:hover{background-color:hsl(var(--muted))} .hover\:bg-muted\/30:hover{background-color:hsl(var(--muted) / 0.3)} .hover\:bg-muted\/50:hover{background-color:hsl(var(--muted) / 0.5)} .hover\:bg-muted\/70:hover{background-color:hsl(var(--muted) / 0.7)} .hover\:bg-muted\/80:hover{background-color:hsl(var(--muted) / 0.8)} .hover\:bg-neutral-200\/60:hover{background-color:rgb(229 229 229 / 0.6)} .hover\:bg-orange-600:hover{--tw-bg-opacity:1;background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))} .hover\:bg-orange-600\/20:hover{background-color:rgb(234 88 12 / 0.2)} .hover\:bg-orange-700:hover{--tw-bg-opacity:1;background-color:rgb(194 65 12 / var(--tw-bg-opacity, 1))} .hover\:bg-pink-500:hover{--tw-bg-opacity:1;background-color:rgb(236 72 153 / var(--tw-bg-opacity, 1))} .hover\:bg-primary\/10:hover{background-color:hsl(var(--primary) / 0.1)} .hover\:bg-primary\/20:hover{background-color:hsl(var(--primary) / 0.2)} .hover\:bg-primary\/80:hover{background-color:hsl(var(--primary) / 0.8)} .hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / 0.9)} .hover\:bg-purple-600\/20:hover{background-color:rgb(147 51 234 / 0.2)} .hover\:bg-purple-700:hover{--tw-bg-opacity:1;background-color:rgb(126 34 206 / var(--tw-bg-opacity, 1))} .hover\:bg-purple-800\/70:hover{background-color:rgb(107 33 168 / 0.7)} .hover\:bg-red-100:hover{--tw-bg-opacity:1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))} .hover\:bg-red-200:hover{--tw-bg-opacity:1;background-color:rgb(254 202 202 / var(--tw-bg-opacity, 1))} .hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))} .hover\:bg-red-500\/20:hover{background-color:rgb(239 68 68 / 0.2)} .hover\:bg-red-500\/30:hover{background-color:rgb(239 68 68 / 0.3)} .hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))} .hover\:bg-red-600\/30:hover{background-color:rgb(220 38 38 / 0.3)} .hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))} .hover\:bg-red-800:hover{--tw-bg-opacity:1;background-color:rgb(153 27 27 / var(--tw-bg-opacity, 1))} .hover\:bg-red-800\/50:hover{background-color:rgb(153 27 27 / 0.5)} .hover\:bg-secondary:hover{background-color:hsl(var(--secondary))} .hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / 0.8)} .hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))} .hover\:bg-slate-200:hover{--tw-bg-opacity:1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))} .hover\:bg-slate-500:hover{--tw-bg-opacity:1;background-color:rgb(100 116 139 / var(--tw-bg-opacity, 1))} .hover\:bg-slate-600:hover{--tw-bg-opacity:1;background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1))} .hover\:bg-slate-600\/50:hover{background-color:rgb(71 85 105 / 0.5)} .hover\:bg-slate-700:hover{--tw-bg-opacity:1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))} .hover\:bg-slate-700\/20:hover{background-color:rgb(51 65 85 / 0.2)} .hover\:bg-slate-700\/30:hover{background-color:rgb(51 65 85 / 0.3)} .hover\:bg-slate-700\/50:hover{background-color:rgb(51 65 85 / 0.5)} .hover\:bg-slate-700\/70:hover{background-color:rgb(51 65 85 / 0.7)} .hover\:bg-slate-700\/90:hover{background-color:rgb(51 65 85 / 0.9)} .hover\:bg-slate-800:hover{--tw-bg-opacity:1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))} .hover\:bg-slate-800\/20:hover{background-color:rgb(30 41 59 / 0.2)} .hover\:bg-slate-800\/30:hover{background-color:rgb(30 41 59 / 0.3)} .hover\:bg-slate-800\/50:hover{background-color:rgb(30 41 59 / 0.5)} .hover\:bg-slate-800\/60:hover{background-color:rgb(30 41 59 / 0.6)} .hover\:bg-slate-800\/80:hover{background-color:rgb(30 41 59 / 0.8)} .hover\:bg-slate-800\/90:hover{background-color:rgb(30 41 59 / 0.9)} .hover\:bg-white\/10:hover{background-color:rgb(255 255 255 / 0.1)} .hover\:bg-white\/20:hover{background-color:rgb(255 255 255 / 0.2)} .hover\:bg-white\/30:hover{background-color:rgb(255 255 255 / 0.3)} .hover\:bg-yellow-100:hover{--tw-bg-opacity:1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))} .hover\:bg-yellow-500:hover{--tw-bg-opacity:1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))} .hover\:bg-yellow-600\/20:hover{background-color:rgb(202 138 4 / 0.2)} .hover\:bg-yellow-700:hover{--tw-bg-opacity:1;background-color:rgb(161 98 7 / var(--tw-bg-opacity, 1))} .hover\:bg-opacity-50:hover{--tw-bg-opacity:0.5} .hover\:from-amber-400:hover{--tw-gradient-from:#fbbf24 var(--tw-gradient-from-position);--tw-gradient-to:rgb(251 191 36 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .hover\:from-amber-500:hover{--tw-gradient-from:#f59e0b var(--tw-gradient-from-position);--tw-gradient-to:rgb(245 158 11 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .hover\:from-amber-600:hover{--tw-gradient-from:#d97706 var(--tw-gradient-from-position);--tw-gradient-to:rgb(217 119 6 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .hover\:from-blue-500:hover{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .hover\:from-blue-600:hover{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .hover\:from-blue-700:hover{--tw-gradient-from:#1d4ed8 var(--tw-gradient-from-position);--tw-gradient-to:rgb(29 78 216 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .hover\:from-emerald-700:hover{--tw-gradient-from:#047857 var(--tw-gradient-from-position);--tw-gradient-to:rgb(4 120 87 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .hover\:from-gray-500:hover{--tw-gradient-from:#6b7280 var(--tw-gradient-from-position);--tw-gradient-to:rgb(107 114 128 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .hover\:from-gray-600:hover{--tw-gradient-from:#4b5563 var(--tw-gradient-from-position);--tw-gradient-to:rgb(75 85 99 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .hover\:from-green-500:hover{--tw-gradient-from:#22c55e var(--tw-gradient-from-position);--tw-gradient-to:rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .hover\:from-green-600:hover{--tw-gradient-from:#16a34a var(--tw-gradient-from-position);--tw-gradient-to:rgb(22 163 74 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .hover\:from-green-700:hover{--tw-gradient-from:#15803d var(--tw-gradient-from-position);--tw-gradient-to:rgb(21 128 61 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .hover\:from-orange-700:hover{--tw-gradient-from:#c2410c var(--tw-gradient-from-position);--tw-gradient-to:rgb(194 65 12 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .hover\:from-purple-500:hover{--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .hover\:from-purple-500\/30:hover{--tw-gradient-from:rgb(168 85 247 / 0.3) var(--tw-gradient-from-position);--tw-gradient-to:rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .hover\:from-purple-600:hover{--tw-gradient-from:#9333ea var(--tw-gradient-from-position);--tw-gradient-to:rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .hover\:from-purple-700:hover{--tw-gradient-from:#7e22ce var(--tw-gradient-from-position);--tw-gradient-to:rgb(126 34 206 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .hover\:from-red-700:hover{--tw-gradient-from:#b91c1c var(--tw-gradient-from-position);--tw-gradient-to:rgb(185 28 28 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .hover\:from-slate-600:hover{--tw-gradient-from:#475569 var(--tw-gradient-from-position);--tw-gradient-to:rgb(71 85 105 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .hover\:from-slate-700:hover{--tw-gradient-from:#334155 var(--tw-gradient-from-position);--tw-gradient-to:rgb(51 65 85 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .hover\:from-yellow-500:hover{--tw-gradient-from:#eab308 var(--tw-gradient-from-position);--tw-gradient-to:rgb(234 179 8 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .hover\:from-yellow-600:hover{--tw-gradient-from:#ca8a04 var(--tw-gradient-from-position);--tw-gradient-to:rgb(202 138 4 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .hover\:to-amber-600:hover{--tw-gradient-to:#d97706 var(--tw-gradient-to-position)} .hover\:to-blue-400:hover{--tw-gradient-to:#60a5fa var(--tw-gradient-to-position)} .hover\:to-blue-600:hover{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)} .hover\:to-blue-700:hover{--tw-gradient-to:#1d4ed8 var(--tw-gradient-to-position)} .hover\:to-blue-800:hover{--tw-gradient-to:#1e40af var(--tw-gradient-to-position)} .hover\:to-emerald-700:hover{--tw-gradient-to:#047857 var(--tw-gradient-to-position)} .hover\:to-emerald-800:hover{--tw-gradient-to:#065f46 var(--tw-gradient-to-position)} .hover\:to-gray-600:hover{--tw-gradient-to:#4b5563 var(--tw-gradient-to-position)} .hover\:to-gray-700:hover{--tw-gradient-to:#374151 var(--tw-gradient-to-position)} .hover\:to-green-400:hover{--tw-gradient-to:#4ade80 var(--tw-gradient-to-position)} .hover\:to-green-600:hover{--tw-gradient-to:#16a34a var(--tw-gradient-to-position)} .hover\:to-green-700:hover{--tw-gradient-to:#15803d var(--tw-gradient-to-position)} .hover\:to-green-800:hover{--tw-gradient-to:#166534 var(--tw-gradient-to-position)} .hover\:to-orange-500:hover{--tw-gradient-to:#f97316 var(--tw-gradient-to-position)} .hover\:to-orange-600:hover{--tw-gradient-to:#ea580c var(--tw-gradient-to-position)} .hover\:to-orange-800:hover{--tw-gradient-to:#9a3412 var(--tw-gradient-to-position)} .hover\:to-pink-500\/30:hover{--tw-gradient-to:rgb(236 72 153 / 0.3) var(--tw-gradient-to-position)} .hover\:to-pink-700:hover{--tw-gradient-to:#be185d var(--tw-gradient-to-position)} .hover\:to-purple-600:hover{--tw-gradient-to:#9333ea var(--tw-gradient-to-position)} .hover\:to-purple-700:hover{--tw-gradient-to:#7e22ce var(--tw-gradient-to-position)} .hover\:to-purple-800:hover{--tw-gradient-to:#6b21a8 var(--tw-gradient-to-position)} .hover\:to-red-700:hover{--tw-gradient-to:#b91c1c var(--tw-gradient-to-position)} .hover\:to-red-800:hover{--tw-gradient-to:#991b1b var(--tw-gradient-to-position)} .hover\:to-slate-500:hover{--tw-gradient-to:#64748b var(--tw-gradient-to-position)} .hover\:to-slate-600:hover{--tw-gradient-to:#475569 var(--tw-gradient-to-position)} .hover\:to-slate-700:hover{--tw-gradient-to:#334155 var(--tw-gradient-to-position)} .hover\:to-yellow-400:hover{--tw-gradient-to:#facc15 var(--tw-gradient-to-position)} .hover\:text-\[var\(--button-accent-foreground\)\]:hover{color:var(--button-accent-foreground)} .hover\:text-\[var\(--color-amber-400\)\]:hover{color:var(--color-amber-400)} .hover\:text-\[var\(--color-blue-400\)\]:hover{color:var(--color-blue-400)} .hover\:text-\[var\(--color-red-300\)\]:hover{color:var(--color-red-300)} .hover\:text-\[var\(--color-slate-100\)\]:hover{color:var(--color-slate-100)} .hover\:text-\[var\(--color-slate-200\)\]:hover{color:var(--color-slate-200)} .hover\:text-\[var\(--color-slate-300\)\]:hover{color:var(--color-slate-300)} .hover\:text-\[var\(--theme-text-primary\)\]:hover{color:var(--theme-text-primary)} .hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))} .hover\:text-amber-100:hover{--tw-text-opacity:1;color:rgb(254 243 199 / var(--tw-text-opacity, 1))} .hover\:text-amber-200:hover{--tw-text-opacity:1;color:rgb(253 230 138 / var(--tw-text-opacity, 1))} .hover\:text-amber-300:hover{--tw-text-opacity:1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))} .hover\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))} .hover\:text-blue-200:hover{--tw-text-opacity:1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))} .hover\:text-blue-300:hover{--tw-text-opacity:1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))} .hover\:text-blue-400:hover{--tw-text-opacity:1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))} .hover\:text-blue-500:hover{--tw-text-opacity:1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))} .hover\:text-blue-700:hover{--tw-text-opacity:1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))} .hover\:text-blue-800:hover{--tw-text-opacity:1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))} .hover\:text-blue-900:hover{--tw-text-opacity:1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))} .hover\:text-destructive:hover{color:hsl(var(--destructive))} .hover\:text-destructive-foreground:hover{color:hsl(var(--destructive-foreground))} .hover\:text-emerald-300:hover{--tw-text-opacity:1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))} .hover\:text-foreground:hover{color:hsl(var(--foreground))} .hover\:text-gray-200:hover{--tw-text-opacity:1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))} .hover\:text-gray-300:hover{--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))} .hover\:text-gray-400:hover{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))} .hover\:text-gray-500:hover{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))} .hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))} .hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))} .hover\:text-gray-800:hover{--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))} .hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))} .hover\:text-green-300:hover{--tw-text-opacity:1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))} .hover\:text-green-500:hover{--tw-text-opacity:1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))} .hover\:text-muted-foreground:hover{color:hsl(var(--muted-foreground))} .hover\:text-neutral-800:hover{--tw-text-opacity:1;color:rgb(38 38 38 / var(--tw-text-opacity, 1))} .hover\:text-primary:hover{color:hsl(var(--primary))} .hover\:text-primary\/80:hover{color:hsl(var(--primary) / 0.8)} .hover\:text-purple-200:hover{--tw-text-opacity:1;color:rgb(233 213 255 / var(--tw-text-opacity, 1))} .hover\:text-purple-300:hover{--tw-text-opacity:1;color:rgb(216 180 254 / var(--tw-text-opacity, 1))} .hover\:text-red-200:hover{--tw-text-opacity:1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))} .hover\:text-red-300:hover{--tw-text-opacity:1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))} .hover\:text-red-500:hover{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))} .hover\:text-slate-100:hover{--tw-text-opacity:1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))} .hover\:text-slate-200:hover{--tw-text-opacity:1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))} .hover\:text-slate-300:hover{--tw-text-opacity:1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))} .hover\:text-slate-50:hover{--tw-text-opacity:1;color:rgb(248 250 252 / var(--tw-text-opacity, 1))} .hover\:text-slate-900:hover{--tw-text-opacity:1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))} .hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))} .hover\:text-yellow-900:hover{--tw-text-opacity:1;color:rgb(113 63 18 / var(--tw-text-opacity, 1))} .hover\:underline:hover{text-decoration-line:underline} .hover\:opacity-100:hover{opacity:1} .hover\:opacity-75:hover{opacity:0.75} .hover\:opacity-80:hover{opacity:0.8} .hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow:0 0 0 1px hsl(var(--sidebar-accent));--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .hover\:shadow-sm:hover{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .hover\:shadow-amber-500\/10:hover{--tw-shadow-color:rgb(245 158 11 / 0.1);--tw-shadow:var(--tw-shadow-colored)} .hover\:shadow-amber-500\/20:hover{--tw-shadow-color:rgb(245 158 11 / 0.2);--tw-shadow:var(--tw-shadow-colored)} .hover\:shadow-blue-400\/20:hover{--tw-shadow-color:rgb(96 165 250 / 0.2);--tw-shadow:var(--tw-shadow-colored)} .hover\:shadow-blue-500\/10:hover{--tw-shadow-color:rgb(59 130 246 / 0.1);--tw-shadow:var(--tw-shadow-colored)} .hover\:shadow-blue-500\/20:hover{--tw-shadow-color:rgb(59 130 246 / 0.2);--tw-shadow:var(--tw-shadow-colored)} .hover\:shadow-blue-500\/25:hover{--tw-shadow-color:rgb(59 130 246 / 0.25);--tw-shadow:var(--tw-shadow-colored)} .hover\:shadow-blue-500\/30:hover{--tw-shadow-color:rgb(59 130 246 / 0.3);--tw-shadow:var(--tw-shadow-colored)} .hover\:shadow-blue-500\/50:hover{--tw-shadow-color:rgb(59 130 246 / 0.5);--tw-shadow:var(--tw-shadow-colored)} .hover\:shadow-emerald-500\/40:hover{--tw-shadow-color:rgb(16 185 129 / 0.4);--tw-shadow:var(--tw-shadow-colored)} .hover\:shadow-gray-500\/30:hover{--tw-shadow-color:rgb(107 114 128 / 0.3);--tw-shadow:var(--tw-shadow-colored)} .hover\:shadow-orange-500\/30:hover{--tw-shadow-color:rgb(249 115 22 / 0.3);--tw-shadow:var(--tw-shadow-colored)} .hover\:shadow-primary\/5:hover{--tw-shadow-color:hsl(var(--primary) / 0.05);--tw-shadow:var(--tw-shadow-colored)} .hover\:shadow-purple-500\/20:hover{--tw-shadow-color:rgb(168 85 247 / 0.2);--tw-shadow:var(--tw-shadow-colored)} .hover\:shadow-slate-900\/50:hover{--tw-shadow-color:rgb(15 23 42 / 0.5);--tw-shadow:var(--tw-shadow-colored)} .hover\:shadow-slate-900\/60:hover{--tw-shadow-color:rgb(15 23 42 / 0.6);--tw-shadow:var(--tw-shadow-colored)} .hover\:ring-2:hover{--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)} .hover\:ring-4:hover{--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(4px + 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)} .hover\:ring-primary:hover{--tw-ring-color:hsl(var(--primary))} .focus\:z-10:focus{z-index:10} .focus\:border-\[var\(--admin-primary\)\]:focus{border-color:var(--admin-primary)} .focus\:border-amber-400:focus{--tw-border-opacity:1;border-color:rgb(251 191 36 / var(--tw-border-opacity, 1))} .focus\:border-blue-300:focus{--tw-border-opacity:1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))} .focus\:border-blue-400:focus{--tw-border-opacity:1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))} .focus\:border-blue-400\/50:focus{border-color:rgb(96 165 250 / 0.5)} .focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))} .focus\:border-blue-500\/50:focus{border-color:rgb(59 130 246 / 0.5)} .focus\:border-emerald-500:focus{--tw-border-opacity:1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))} .focus\:border-green-400:focus{--tw-border-opacity:1;border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))} .focus\:border-green-500:focus{--tw-border-opacity:1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))} .focus\:border-green-500\/50:focus{border-color:rgb(34 197 94 / 0.5)} .focus\:border-orange-500\/50:focus{border-color:rgb(249 115 22 / 0.5)} .focus\:border-primary:focus{border-color:hsl(var(--primary))} .focus\:border-primary\/60:focus{border-color:hsl(var(--primary) / 0.6)} .focus\:border-purple-500:focus{--tw-border-opacity:1;border-color:rgb(168 85 247 / var(--tw-border-opacity, 1))} .focus\:border-red-400:focus{--tw-border-opacity:1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))} .focus\:border-red-500:focus{--tw-border-opacity:1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))} .focus\:border-transparent:focus{border-color:transparent} .focus\:bg-accent:focus{background-color:hsl(var(--accent))} .focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))} .focus\:text-gray-500:focus{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))} .focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px} .focus\:ring:focus{--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\:ring-1:focus{--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);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)} .focus\:ring-2:focus{--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)} .focus\:ring-4:focus{--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(4px + 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\:ring-inset:focus{--tw-ring-inset:inset} .focus\:ring-\[var\(--admin-primary\)\]:focus{--tw-ring-color:var(--admin-primary)} .focus\:ring-amber-500\/20:focus{--tw-ring-color:rgb(245 158 11 / 0.2)} .focus\:ring-blue-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(191 219 254 / var(--tw-ring-opacity, 1))} .focus\:ring-blue-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(96 165 250 / var(--tw-ring-opacity, 1))} .focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246 / var(--tw-ring-opacity, 1))} .focus\:ring-blue-500\/20:focus{--tw-ring-color:rgb(59 130 246 / 0.2)} .focus\:ring-blue-500\/40:focus{--tw-ring-color:rgb(59 130 246 / 0.4)} .focus\:ring-blue-500\/50:focus{--tw-ring-color:rgb(59 130 246 / 0.5)} .focus\:ring-blue-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235 / var(--tw-ring-opacity, 1))} .focus\:ring-emerald-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(16 185 129 / var(--tw-ring-opacity, 1))} .focus\:ring-gray-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(107 114 128 / var(--tw-ring-opacity, 1))} .focus\:ring-gray-500\/50:focus{--tw-ring-color:rgb(107 114 128 / 0.5)} .focus\:ring-gray-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(75 85 99 / var(--tw-ring-opacity, 1))} .focus\:ring-green-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94 / var(--tw-ring-opacity, 1))} .focus\:ring-green-500\/20:focus{--tw-ring-color:rgb(34 197 94 / 0.2)} .focus\:ring-green-500\/50:focus{--tw-ring-color:rgb(34 197 94 / 0.5)} .focus\:ring-green-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(22 163 74 / var(--tw-ring-opacity, 1))} .focus\:ring-indigo-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241 / var(--tw-ring-opacity, 1))} .focus\:ring-orange-500\/50:focus{--tw-ring-color:rgb(249 115 22 / 0.5)} .focus\:ring-primary:focus{--tw-ring-color:hsl(var(--primary))} .focus\:ring-primary\/15:focus{--tw-ring-color:hsl(var(--primary) / 0.15)} .focus\:ring-primary\/20:focus{--tw-ring-color:hsl(var(--primary) / 0.2)} .focus\:ring-purple-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(168 85 247 / var(--tw-ring-opacity, 1))} .focus\:ring-purple-500\/50:focus{--tw-ring-color:rgb(168 85 247 / 0.5)} .focus\:ring-red-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68 / var(--tw-ring-opacity, 1))} .focus\:ring-red-500\/50:focus{--tw-ring-color:rgb(239 68 68 / 0.5)} .focus\:ring-red-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(220 38 38 / var(--tw-ring-opacity, 1))} .focus\:ring-ring:focus{--tw-ring-color:hsl(var(--ring))} .focus\:ring-yellow-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(234 179 8 / var(--tw-ring-opacity, 1))} .focus\:ring-yellow-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(202 138 4 / var(--tw-ring-opacity, 1))} .focus\:ring-opacity-50:focus{--tw-ring-opacity:0.5} .focus\:ring-offset-0:focus{--tw-ring-offset-width:0px} .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px} .focus\:ring-offset-blue-50:focus{--tw-ring-offset-color:#eff6ff} .focus\:ring-offset-gray-50:focus{--tw-ring-offset-color:#f9fafb} .focus\:ring-offset-gray-800:focus{--tw-ring-offset-color:#1f2937} .focus\:ring-offset-gray-900:focus{--tw-ring-offset-color:#111827} .focus\:ring-offset-green-50:focus{--tw-ring-offset-color:#f0fdf4} .focus\:ring-offset-red-50:focus{--tw-ring-offset-color:#fef2f2} .focus\:ring-offset-slate-900:focus{--tw-ring-offset-color:#0f172a} .focus\:ring-offset-yellow-50:focus{--tw-ring-offset-color:#fefce8} .focus-visible\:z-10:focus-visible{z-index:10} .focus-visible\:border-\[var\(--admin-primary\)\]:focus-visible{border-color:var(--admin-primary)} .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\:outline-1:focus-visible{outline-width:1px} .focus-visible\:outline-ring:focus-visible{outline-color:hsl(var(--ring))} .focus-visible\:ring-1: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(1px + 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-2: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(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)} .focus-visible\:ring-4: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(4px + 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-\[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-\[var\(--admin-primary\)\]:focus-visible{--tw-ring-color:var(--admin-primary)} .focus-visible\:ring-\[var\(--input-ring\)\]:focus-visible{--tw-ring-color:var(--input-ring)} .focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:hsl(var(--destructive) / 0.2)} .focus-visible\:ring-green-500:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94 / var(--tw-ring-opacity, 1))} .focus-visible\:ring-primary\/15:focus-visible{--tw-ring-color:hsl(var(--primary) / 0.15)} .focus-visible\:ring-red-500:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68 / var(--tw-ring-opacity, 1))} .focus-visible\:ring-red-500\/50:focus-visible{--tw-ring-color:rgb(239 68 68 / 0.5)} .focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))} .focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:hsl(var(--ring) / 0.5)} .focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px} .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px} .focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:hsl(var(--background))} .active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;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))} .active\:scale-\[0\.98\]:active{--tw-scale-x:0.98;--tw-scale-y:0.98;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))} .active\:bg-amber-800:active{--tw-bg-opacity:1;background-color:rgb(146 64 14 / var(--tw-bg-opacity, 1))} .active\:bg-blue-800:active{--tw-bg-opacity:1;background-color:rgb(30 64 175 / var(--tw-bg-opacity, 1))} .active\:bg-gray-100:active{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))} .active\:bg-purple-800:active{--tw-bg-opacity:1;background-color:rgb(107 33 168 / var(--tw-bg-opacity, 1))} .active\:bg-red-500\/30:active{background-color:rgb(239 68 68 / 0.3)} .active\:bg-slate-600\/50:active{background-color:rgb(71 85 105 / 0.5)} .active\:bg-slate-800\/50:active{background-color:rgb(30 41 59 / 0.5)} .active\:text-gray-500:active{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))} .active\:text-gray-700:active{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))} .disabled\:pointer-events-none:disabled{pointer-events:none} .disabled\:scale-100:disabled{--tw-scale-x:1;--tw-scale-y:1;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))} .disabled\:transform-none:disabled{transform:none} .disabled\:cursor-not-allowed:disabled{cursor:not-allowed} .disabled\:bg-gray-300:disabled{--tw-bg-opacity:1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))} .disabled\:bg-gray-600:disabled{--tw-bg-opacity:1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))} .disabled\:bg-gray-800:disabled{--tw-bg-opacity:1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))} .disabled\:bg-slate-700\/30:disabled{background-color:rgb(51 65 85 / 0.3)} .disabled\:bg-white\/10:disabled{background-color:rgb(255 255 255 / 0.1)} .disabled\:from-gray-600:disabled{--tw-gradient-from:#4b5563 var(--tw-gradient-from-position);--tw-gradient-to:rgb(75 85 99 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .disabled\:to-gray-700:disabled{--tw-gradient-to:#374151 var(--tw-gradient-to-position)} .disabled\:text-gray-500:disabled{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))} .disabled\:text-slate-500:disabled{--tw-text-opacity:1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))} .disabled\:opacity-50:disabled{opacity:0.5} .disabled\:hover\:scale-100:hover:disabled{--tw-scale-x:1;--tw-scale-y:1;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))} .disabled\:hover\:bg-green-600:hover:disabled{--tw-bg-opacity:1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))} .group:focus-within .group-focus-within\:text-primary{color:hsl(var(--primary))} .group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100{opacity:1} .group:hover .group-hover\:-translate-y-2{--tw-translate-y:-0.5rem;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))} .group:hover .group-hover\:translate-x-1{--tw-translate-x:0.25rem;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))} .group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;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))} .group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;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))} .group:hover .group-hover\:scale-\[1\.01\]{--tw-scale-x:1.01;--tw-scale-y:1.01;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 bounce{ 0%, 100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8,0,1,1)} 50%{transform:none;animation-timing-function:cubic-bezier(0,0,0.2,1)}} .group:hover .group-hover\:animate-bounce{animation:bounce 1s infinite} @keyframes pulse{ 50%{opacity:.5}} .group:hover .group-hover\:animate-pulse{animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite} .group:hover .group-hover\:border-\[var\(--color-slate-600\)\]{border-color:var(--color-slate-600)} .group:hover .group-hover\:bg-blue-500\/20{background-color:rgb(59 130 246 / 0.2)} .group:hover .group-hover\:bg-blue-600\/30{background-color:rgb(37 99 235 / 0.3)} .group:hover .group-hover\:bg-gray-500\/20{background-color:rgb(107 114 128 / 0.2)} .group:hover .group-hover\:bg-green-500\/20{background-color:rgb(34 197 94 / 0.2)} .group:hover .group-hover\:bg-green-600\/30{background-color:rgb(22 163 74 / 0.3)} .group:hover .group-hover\:bg-purple-600\/30{background-color:rgb(147 51 234 / 0.3)} .group:hover .group-hover\:bg-yellow-500\/20{background-color:rgb(234 179 8 / 0.2)} .group:hover .group-hover\:bg-yellow-600\/30{background-color:rgb(202 138 4 / 0.3)} .group:hover .group-hover\:from-blue-500\/30{--tw-gradient-from:rgb(59 130 246 / 0.3) var(--tw-gradient-from-position);--tw-gradient-to:rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .group:hover .group-hover\:to-blue-600\/20{--tw-gradient-to:rgb(37 99 235 / 0.2) var(--tw-gradient-to-position)} .group:hover .group-hover\:text-blue-100{--tw-text-opacity:1;color:rgb(219 234 254 / var(--tw-text-opacity, 1))} .group:hover .group-hover\:text-blue-300{--tw-text-opacity:1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))} .group:hover .group-hover\:text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))} .group:hover .group-hover\:text-foreground{color:hsl(var(--foreground))} .group:hover .group-hover\:text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))} .group:hover .group-hover\:text-green-400{--tw-text-opacity:1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))} .group:hover .group-hover\:text-primary{color:hsl(var(--primary))} .group:hover .group-hover\:text-purple-400{--tw-text-opacity:1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))} .group:hover .group-hover\:text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))} .group:hover .group-hover\:text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))} .group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))} .group\/menu-item:hover .group-hover\/menu-item\:opacity-100{opacity:1} .group:hover .group-hover\:opacity-10{opacity:0.1} .group:hover .group-hover\:opacity-100{opacity:1} .group:hover .group-hover\:opacity-20{opacity:0.2} .group:hover .group-hover\:opacity-30{opacity:0.3} .group:hover .group-hover\:opacity-5{opacity:0.05} .group:hover .group-hover\:shadow-xl{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .group:active .group-active\:scale-95{--tw-scale-x:.95;--tw-scale-y:.95;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))} .peer:checked ~ .peer-checked\:bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))} .peer:checked ~ .peer-checked\:bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))} .peer:checked ~ .peer-checked\:bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))} .peer:checked ~ .peer-checked\:bg-yellow-600{--tw-bg-opacity:1;background-color:rgb(202 138 4 / var(--tw-bg-opacity, 1))} .peer:checked ~ .peer-checked\:after\:translate-x-full::after{content:var(--tw-content);--tw-translate-x:100%;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))} .peer:checked ~ .peer-checked\:after\:border-white::after{content:var(--tw-content);--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))} .peer:focus ~ .peer-focus\:outline-none{outline:2px solid transparent;outline-offset:2px} .peer:disabled ~ .peer-disabled\:cursor-not-allowed{cursor:not-allowed} .peer:disabled ~ .peer-disabled\:opacity-50{opacity:0.5} .peer:disabled ~ .peer-disabled\:opacity-70{opacity:0.7} .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(>svg){grid-template-columns:calc(var(--spacing) * 4) 1fr} .has-\[\>svg\]\:gap-x-3:has(>svg){-moz-column-gap:0.75rem;column-gap:0.75rem} .has-\[\>svg\]\:px-2\.5:has(>svg){padding-left:0.625rem;padding-right:0.625rem} .has-\[\>svg\]\:px-3:has(>svg){padding-left:0.75rem;padding-right:0.75rem} .has-\[\>svg\]\:px-4:has(>svg){padding-left:1rem;padding-right:1rem} .aria-disabled\:pointer-events-none[aria-disabled="true"]{pointer-events:none} .aria-disabled\:opacity-50[aria-disabled="true"]{opacity:0.5} .aria-selected\:opacity-100[aria-selected="true"]{opacity:1} .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"]{pointer-events:none} .data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none} .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction="bottom"]{left:0px;right:0px} .data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction="left"]{top:0px;bottom:0px} .data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction="right"]{top:0px;bottom:0px} .data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction="top"]{left:0px;right:0px} .data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction="bottom"]{bottom:0px} .data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction="left"]{left:0px} .data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction="right"]{right:0px} .data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction="top"]{top:0px} .data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction="bottom"]{margin-top:6rem} .data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction="top"]{margin-bottom:6rem} .data-\[orientation\=horizontal\]\:h-1\.5[data-orientation="horizontal"]{height:0.375rem} .data-\[orientation\=horizontal\]\:h-full[data-orientation="horizontal"]{height:100%} .data-\[orientation\=horizontal\]\:h-px[data-orientation="horizontal"]{height:1px} .data-\[orientation\=vertical\]\:h-full[data-orientation="vertical"]{height:100%} .data-\[orientation\=vertical\]\:h-px[data-orientation="vertical"]{height:1px} .data-\[size\=default\]\:h-9[data-size="default"]{height:2.25rem} .data-\[size\=sm\]\:h-8[data-size="sm"]{height:2rem} .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction="bottom"]{max-height:80vh} .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction="top"]{max-height:80vh} .data-\[orientation\=vertical\]\:min-h-44[data-orientation="vertical"]{min-height:11rem} .data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"]{width:100%} .data-\[orientation\=vertical\]\:w-1\.5[data-orientation="vertical"]{width:0.375rem} .data-\[orientation\=vertical\]\:w-auto[data-orientation="vertical"]{width:auto} .data-\[orientation\=vertical\]\:w-full[data-orientation="vertical"]{width:100%} .data-\[orientation\=vertical\]\:w-px[data-orientation="vertical"]{width:1px} .data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction="left"]{width:75%} .data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction="right"]{width:75%} .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"]{--tw-translate-y:0.25rem;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))} .data-\[side\=left\]\:-translate-x-1[data-side="left"]{--tw-translate-x:-0.25rem;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))} .data-\[side\=right\]\:translate-x-1[data-side="right"]{--tw-translate-x:0.25rem;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))} .data-\[side\=top\]\:-translate-y-1[data-side="top"]{--tw-translate-y:-0.25rem;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))} .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state="checked"]{--tw-translate-x:calc(100% - 2px);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))} .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"]{--tw-translate-x:0px;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 accordion-up{ from{height:var(--radix-accordion-content-height)} to{height:0}} .data-\[state\=closed\]\:animate-accordion-up[data-state="closed"]{animation:accordion-up 0.2s ease-out} @keyframes accordion-down{ from{height:0} to{height:var(--radix-accordion-content-height)}} .data-\[state\=open\]\:animate-accordion-down[data-state="open"]{animation:accordion-down 0.2s ease-out} .data-\[orientation\=vertical\]\:flex-col[data-orientation="vertical"]{flex-direction:column} .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction="bottom"]{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)} .data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction="top"]{border-bottom-right-radius:var(--radius);border-bottom-left-radius:var(--radius)} .data-\[variant\=outline\]\:border-l-0[data-variant="outline"]{border-left-width:0px} .data-\[state\=active\]\:border-blue-500[data-state="active"]{--tw-border-opacity:1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))} .data-\[state\=checked\]\:border-primary[data-state="checked"]{border-color:hsl(var(--primary))} .data-\[active\=true\]\:bg-accent\/50[data-active="true"]{background-color:hsl(var(--accent) / 0.5)} .data-\[highlighted\]\:bg-accent[data-highlighted]{background-color:hsl(var(--accent))} .data-\[selected\]\:bg-primary[data-selected]{background-color:hsl(var(--primary))} .data-\[state\=active\]\:bg-background[data-state="active"]{background-color:hsl(var(--background))} .data-\[state\=active\]\:bg-blue-600[data-state="active"]{--tw-bg-opacity:1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))} .data-\[state\=active\]\:bg-slate-700[data-state="active"]{--tw-bg-opacity:1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))} .data-\[state\=active\]\:bg-transparent[data-state="active"]{background-color:transparent} .data-\[state\=checked\]\:bg-\[var\(--admin-primary\)\][data-state="checked"]{background-color:var(--admin-primary)} .data-\[state\=checked\]\:bg-blue-600[data-state="checked"]{--tw-bg-opacity:1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))} .data-\[state\=checked\]\:bg-primary[data-state="checked"]{background-color:hsl(var(--primary))} .data-\[state\=on\]\:bg-accent[data-state="on"]{background-color:hsl(var(--accent))} .data-\[state\=open\]\:bg-accent[data-state="open"]{background-color:hsl(var(--accent))} .data-\[state\=open\]\:bg-accent\/50[data-state="open"]{background-color:hsl(var(--accent) / 0.5)} .data-\[state\=open\]\:bg-secondary[data-state="open"]{background-color:hsl(var(--secondary))} .data-\[state\=selected\]\:bg-muted[data-state="selected"]{background-color:hsl(var(--muted))} .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"]{background-color:hsl(var(--input))} .data-\[inset\]\:pl-8[data-inset]{padding-left:2rem} .data-\[active\=true\]\:font-medium[data-active="true"]{font-weight:500} .data-\[active\=true\]\:text-accent-foreground[data-active="true"]{color:hsl(var(--accent-foreground))} .data-\[disabled\]\:text-muted-foreground[data-disabled]{color:hsl(var(--muted-foreground))} .data-\[error\=true\]\:text-destructive-foreground[data-error="true"]{color:hsl(var(--destructive-foreground))} .data-\[highlighted\]\:text-accent-foreground[data-highlighted]{color:hsl(var(--accent-foreground))} .data-\[outside-view\]\:text-muted-foreground[data-outside-view]{color:hsl(var(--muted-foreground))} .data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:hsl(var(--muted-foreground))} .data-\[selected\]\:text-primary-foreground[data-selected]{color:hsl(var(--primary-foreground))} .data-\[state\=active\]\:text-slate-50[data-state="active"]{--tw-text-opacity:1;color:rgb(248 250 252 / var(--tw-text-opacity, 1))} .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"]{color:hsl(var(--primary-foreground))} .data-\[state\=checked\]\:text-white[data-state="checked"]{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))} .data-\[state\=on\]\:text-accent-foreground[data-state="on"]{color:hsl(var(--accent-foreground))} .data-\[state\=open\]\:text-accent-foreground[data-state="open"]{color:hsl(var(--accent-foreground))} .data-\[state\=open\]\:text-muted-foreground[data-state="open"]{color:hsl(var(--muted-foreground))} .data-\[unavailable\]\:text-destructive-foreground[data-unavailable]{color:hsl(var(--destructive-foreground))} .data-\[variant\=destructive\]\:text-destructive-foreground[data-variant="destructive"]{color:hsl(var(--destructive-foreground))} .data-\[unavailable\]\:line-through[data-unavailable]{text-decoration-line:line-through} .data-\[disabled\=true\]\:opacity-50[data-disabled="true"]{opacity:0.5} .data-\[disabled\]\:opacity-50[data-disabled]{opacity:0.5} .data-\[selected\]\:opacity-100[data-selected]{opacity:1} .data-\[state\=open\]\:opacity-100[data-state="open"]{opacity:1} .data-\[state\=active\]\:shadow-sm[data-state="active"]{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .data-\[state\=closed\]\:duration-300[data-state="closed"]{transition-duration:300ms} .data-\[state\=open\]\:duration-500[data-state="open"]{transition-duration:500ms} .\*\:data-\[slot\=select-value\]\:line-clamp-1[data-slot="select-value"] > *{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .\*\:data-\[slot\=select-value\]\:flex[data-slot="select-value"] > *{display:flex} .\*\:data-\[slot\=select-value\]\:items-center[data-slot="select-value"] > *{align-items:center} .\*\:data-\[slot\=select-value\]\:gap-2[data-slot="select-value"] > *{gap:0.5rem} .\*\:data-\[slot\=alert-description\]\:text-destructive\/90[data-slot="alert-description"] > *{color:hsl(var(--destructive) / 0.9)} .data-\[orientation\=vertical\]\:after\:left-0[data-orientation="vertical"]::after{content:var(--tw-content);left:0px} .data-\[orientation\=vertical\]\:after\:h-1[data-orientation="vertical"]::after{content:var(--tw-content);height:0.25rem} .data-\[orientation\=vertical\]\:after\:w-full[data-orientation="vertical"]::after{content:var(--tw-content);width:100%} .data-\[orientation\=vertical\]\:after\:-translate-y-1\/2[data-orientation="vertical"]::after{content:var(--tw-content);--tw-translate-y:-50%;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))} .data-\[orientation\=vertical\]\:after\:translate-x-0[data-orientation="vertical"]::after{content:var(--tw-content);--tw-translate-x:0px;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))} .data-\[variant\=outline\]\:first\:border-l:first-child[data-variant="outline"]{border-left-width:1px} .data-\[active\=true\]\:hover\:bg-accent:hover[data-active="true"]{background-color:hsl(var(--accent))} .data-\[selected\]\:hover\:bg-primary:hover[data-selected]{background-color:hsl(var(--primary))} .data-\[state\=open\]\:hover\:bg-accent:hover[data-state="open"]{background-color:hsl(var(--accent))} .data-\[selected\]\:hover\:text-primary-foreground:hover[data-selected]{color:hsl(var(--primary-foreground))} .data-\[active\=true\]\:focus\:bg-accent:focus[data-active="true"]{background-color:hsl(var(--accent))} .data-\[selected\]\:focus\:bg-primary:focus[data-selected]{background-color:hsl(var(--primary))} .data-\[state\=open\]\:focus\:bg-accent:focus[data-state="open"]{background-color:hsl(var(--accent))} .data-\[variant\=destructive\]\:focus\:bg-destructive\/10:focus[data-variant="destructive"]{background-color:hsl(var(--destructive) / 0.1)} .data-\[selected\]\:focus\:text-primary-foreground:focus[data-selected]{color:hsl(var(--primary-foreground))} .data-\[variant\=destructive\]\:focus\:text-destructive-foreground:focus[data-variant="destructive"]{color:hsl(var(--destructive-foreground))} .group[data-disabled="true"] .group-data-\[disabled\=true\]\:pointer-events-none{pointer-events:none} .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]{left:calc(var(--sidebar-width) * -1)} .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]{right:calc(var(--sidebar-width) * -1)} .group[data-side="left"] .group-data-\[side\=left\]\:-right-4{right:-1rem} .group[data-side="right"] .group-data-\[side\=right\]\:left-0{left:0px} .group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:top-full{top:100%} .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:-mt-8{margin-top:-2rem} .group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5{margin-top:0.375rem} .group\/drawer-content[data-vaul-drawer-direction="bottom"] .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block{display:block} .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:hidden{display:none} .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]{width:calc(var(--sidebar-width-icon) + (--spacing(4)))} .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]{width:calc(var(--sidebar-width-icon) + (--spacing(4)) + 2px)} .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:w-0{width:0px} .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:translate-x-0{--tw-translate-x:0px;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))} .group[data-side="right"] .group-data-\[side\=right\]\:rotate-180{--tw-rotate:180deg;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))} .group[data-state="open"] .group-data-\[state\=open\]\:rotate-180{--tw-rotate:180deg;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))} .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:overflow-hidden{overflow:hidden} .group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden{overflow:hidden} .group[data-variant="floating"] .group-data-\[variant\=floating\]\:rounded-lg{border-radius:var(--radius)} .group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md{border-radius:calc(var(--radius) - 2px)} .group[data-variant="floating"] .group-data-\[variant\=floating\]\:border{border-width:1px} .group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:border{border-width:1px} .group[data-side="left"] .group-data-\[side\=left\]\:border-r{border-right-width:1px} .group[data-side="right"] .group-data-\[side\=right\]\:border-l{border-left-width:1px} .group[data-disabled] .group-data-\[disabled\]\:bg-muted{background-color:hsl(var(--muted))} .group[data-state="active"] .group-data-\[state\=active\]\:bg-primary{background-color:hsl(var(--primary))} .group[data-state="completed"] .group-data-\[state\=completed\]\:bg-accent{background-color:hsl(var(--accent))} .group[data-state="completed"] .group-data-\[state\=completed\]\:bg-accent-foreground{background-color:hsl(var(--accent-foreground))} .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:p-0{padding:0px} .group[data-disabled] .group-data-\[disabled\]\:text-muted-foreground{color:hsl(var(--muted-foreground))} .group[data-state="active"] .group-data-\[state\=active\]\:text-primary-foreground{color:hsl(var(--primary-foreground))} .group[data-state="completed"] .group-data-\[state\=completed\]\:text-accent-foreground{color:hsl(var(--accent-foreground))} .group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground{color:hsl(var(--popover-foreground))} .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:opacity-0{opacity:0} .group[data-disabled="true"] .group-data-\[disabled\=true\]\:opacity-50{opacity:0.5} .group[data-disabled] .group-data-\[disabled\]\:opacity-50{opacity:0.5} .group[data-variant="floating"] .group-data-\[variant\=floating\]\:shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .group\/navigation-menu[data-viewport="false"] .group-data-\[viewport\=false\]\/navigation-menu\:duration-200{transition-duration:200ms} .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:after\:left-full::after{content:var(--tw-content);left:100%} .peer\/menu-button[data-size="default"] ~ .peer-data-\[size\=default\]\/menu-button\:top-1\.5{top:0.375rem} .peer\/menu-button[data-size="lg"] ~ .peer-data-\[size\=lg\]\/menu-button\:top-2\.5{top:0.625rem} .peer\/menu-button[data-size="sm"] ~ .peer-data-\[size\=sm\]\/menu-button\:top-1{top:0.25rem} @media (min-width: 640px){ .sm\:inset-auto{inset:auto} .sm\:left-4{left:1rem} .sm\:right-4{right:1rem} .sm\:top-14{top:3.5rem} .sm\:top-4{top:1rem} .sm\:order-1{order:1} .sm\:order-2{order:2} .sm\:col-span-1{grid-column:span 1 / span 1} .sm\:col-span-2{grid-column:span 2 / span 2} .sm\:my-8{margin-top:2rem;margin-bottom:2rem} .sm\:mb-0{margin-bottom:0px} .sm\:mb-12{margin-bottom:3rem} .sm\:mb-2{margin-bottom:0.5rem} .sm\:mb-3{margin-bottom:0.75rem} .sm\:mb-4{margin-bottom:1rem} .sm\:mb-6{margin-bottom:1.5rem} .sm\:mb-8{margin-bottom:2rem} .sm\:ml-2{margin-left:0.5rem} .sm\:ml-4{margin-left:1rem} .sm\:mr-2{margin-right:0.5rem} .sm\:mr-3{margin-right:0.75rem} .sm\:mt-0{margin-top:0px} .sm\:mt-10{margin-top:2.5rem} .sm\:mt-4{margin-top:1rem} .sm\:mt-6{margin-top:1.5rem} .sm\:mt-8{margin-top:2rem} .sm\:block{display:block} .sm\:inline{display:inline} .sm\:flex{display:flex} .sm\:table-cell{display:table-cell} .sm\:grid{display:grid} .sm\:hidden{display:none} .sm\:h-10{height:2.5rem} .sm\:h-11{height:2.75rem} .sm\:h-12{height:3rem} .sm\:h-16{height:4rem} .sm\:h-2{height:0.5rem} .sm\:h-20{height:5rem} .sm\:h-24{height:6rem} .sm\:h-4{height:1rem} .sm\:h-5{height:1.25rem} .sm\:h-6{height:1.5rem} .sm\:h-64{height:16rem} .sm\:h-7{height:1.75rem} .sm\:h-8{height:2rem} .sm\:h-9{height:2.25rem} .sm\:max-h-\[85vh\]{max-height:85vh} .sm\:min-h-\[450px\]{min-height:450px} .sm\:w-10{width:2.5rem} .sm\:w-12{width:3rem} .sm\:w-16{width:4rem} .sm\:w-20{width:5rem} .sm\:w-4{width:1rem} .sm\:w-5{width:1.25rem} .sm\:w-6{width:1.5rem} .sm\:w-64{width:16rem} .sm\:w-7{width:1.75rem} .sm\:w-8{width:2rem} .sm\:w-80{width:20rem} .sm\:w-9{width:2.25rem} .sm\:w-\[350px\]{width:350px} .sm\:w-auto{width:auto} .sm\:w-full{width:100%} .sm\:min-w-48{min-width:12rem} .sm\:min-w-\[100px\]{min-width:100px} .sm\:min-w-\[120px\]{min-width:120px} .sm\:min-w-\[140px\]{min-width:140px} .sm\:min-w-\[24px\]{min-width:24px} .sm\:max-w-2xl{max-width:42rem} .sm\:max-w-4xl{max-width:56rem} .sm\:max-w-\[200px\]{max-width:200px} .sm\:max-w-lg{max-width:32rem} .sm\:max-w-md{max-width:28rem} .sm\:max-w-sm{max-width:24rem} .sm\:flex-1{flex:1 1 0%} .sm\:flex-initial{flex:0 1 auto} .sm\:flex-none{flex:none} .sm\:translate-y-0{--tw-translate-y:0px;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))} .sm\:scale-100{--tw-scale-x:1;--tw-scale-y:1;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))} .sm\:scale-95{--tw-scale-x:.95;--tw-scale-y:.95;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))} .sm\:cursor-grab{cursor:grab} .sm\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))} .sm\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))} .sm\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))} .sm\:grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))} .sm\:grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))} .sm\:flex-row{flex-direction:row} .sm\:flex-col{flex-direction:column} .sm\:items-start{align-items:flex-start} .sm\:items-center{align-items:center} .sm\:justify-start{justify-content:flex-start} .sm\:justify-end{justify-content:flex-end} .sm\:justify-center{justify-content:center} .sm\:justify-between{justify-content:space-between} .sm\:gap-2\.5{gap:0.625rem} .sm\:gap-3{gap:0.75rem} .sm\:gap-4{gap:1rem} .sm\:gap-6{gap:1.5rem} .sm\:gap-8{gap:2rem} .sm\:gap-x-4{-moz-column-gap:1rem;column-gap:1rem} .sm\:gap-y-0{row-gap:0px} .sm\:space-x-0 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0px * var(--tw-space-x-reverse));margin-left:calc(0px * calc(1 - var(--tw-space-x-reverse)))} .sm\:space-x-1 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.25rem * var(--tw-space-x-reverse));margin-left:calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))} .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))} .sm\:space-x-3 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.75rem * var(--tw-space-x-reverse));margin-left:calc(0.75rem * calc(1 - var(--tw-space-x-reverse)))} .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))} .sm\:space-x-6 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))} .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))} .sm\:space-y-2 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))} .sm\:space-y-3 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))} .sm\:space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))} .sm\:space-y-6 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))} .sm\:space-y-8 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))} .sm\:truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .sm\:rounded-lg{border-radius:var(--radius)} .sm\:rounded-xl{border-radius:0.75rem} .sm\:p-0{padding:0px} .sm\:p-1\.5{padding:0.375rem} .sm\:p-12{padding:3rem} .sm\:p-2\.5{padding:0.625rem} .sm\:p-3{padding:0.75rem} .sm\:p-4{padding:1rem} .sm\:p-6{padding:1.5rem} .sm\:p-8{padding:2rem} .sm\:px-0{padding-left:0px;padding-right:0px} .sm\:px-2{padding-left:0.5rem;padding-right:0.5rem} .sm\:px-3{padding-left:0.75rem;padding-right:0.75rem} .sm\:px-4{padding-left:1rem;padding-right:1rem} .sm\:px-6{padding-left:1.5rem;padding-right:1.5rem} .sm\:px-8{padding-left:2rem;padding-right:2rem} .sm\:py-1{padding-top:0.25rem;padding-bottom:0.25rem} .sm\:py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem} .sm\:py-10{padding-top:2.5rem;padding-bottom:2.5rem} .sm\:py-12{padding-top:3rem;padding-bottom:3rem} .sm\:py-16{padding-top:4rem;padding-bottom:4rem} .sm\:py-2{padding-top:0.5rem;padding-bottom:0.5rem} .sm\:py-3{padding-top:0.75rem;padding-bottom:0.75rem} .sm\:py-4{padding-top:1rem;padding-bottom:1rem} .sm\:py-5{padding-top:1.25rem;padding-bottom:1.25rem} .sm\:py-6{padding-top:1.5rem;padding-bottom:1.5rem} .sm\:py-7{padding-top:1.75rem;padding-bottom:1.75rem} .sm\:py-8{padding-top:2rem;padding-bottom:2rem} .sm\:pb-8{padding-bottom:2rem} .sm\:pl-10{padding-left:2.5rem} .sm\:pl-3{padding-left:0.75rem} .sm\:pl-9{padding-left:2.25rem} .sm\:pr-2\.5{padding-right:0.625rem} .sm\:pr-9{padding-right:2.25rem} .sm\:pt-0{padding-top:0px} .sm\:pt-1{padding-top:0.25rem} .sm\:pt-6{padding-top:1.5rem} .sm\:text-left{text-align:left} .sm\:text-right{text-align:right} .sm\:text-2xl{font-size:1.5rem;line-height:2rem} .sm\:text-3xl{font-size:1.875rem;line-height:2.25rem} .sm\:text-4xl{font-size:2.25rem;line-height:2.5rem} .sm\:text-base{font-size:1rem;line-height:1.5rem} .sm\:text-lg{font-size:1.125rem;line-height:1.75rem} .sm\:text-sm{font-size:0.875rem;line-height:1.25rem} .sm\:text-xl{font-size:1.25rem;line-height:1.75rem} .sm\:leading-6{line-height:1.5rem} .sm\:tracking-tight{letter-spacing:-0.025em} .sm\:active\:cursor-grabbing:active{cursor:grabbing} .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction="left"]{max-width:24rem} .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction="right"]{max-width:24rem}} @media (min-width: 768px){ .md\:absolute{position:absolute} .md\:bottom-\[180px\]{bottom:180px} .md\:right-4{right:1rem} .md\:top-4{top:1rem} .md\:col-span-2{grid-column:span 2 / span 2} .md\:col-span-6{grid-column:span 6 / span 6} .md\:mx-0{margin-left:0px;margin-right:0px} .md\:mb-1{margin-bottom:0.25rem} .md\:mb-2{margin-bottom:0.5rem} .md\:mb-3{margin-bottom:0.75rem} .md\:mb-4{margin-bottom:1rem} .md\:mb-6{margin-bottom:1.5rem} .md\:mb-8{margin-bottom:2rem} .md\:ml-2{margin-left:0.5rem} .md\:mr-3{margin-right:0.75rem} .md\:mt-0{margin-top:0px} .md\:mt-1{margin-top:0.25rem} .md\:mt-2{margin-top:0.5rem} .md\:mt-3{margin-top:0.75rem} .md\:mt-4{margin-top:1rem} .md\:mt-6{margin-top:1.5rem} .md\:block{display:block} .md\:inline{display:inline} .md\:flex{display:flex} .md\:grid{display:grid} .md\:hidden{display:none} .md\:h-10{height:2.5rem} .md\:h-12{height:3rem} .md\:h-16{height:4rem} .md\:h-2\.5{height:0.625rem} .md\:h-24{height:6rem} .md\:h-28{height:7rem} .md\:h-3{height:0.75rem} .md\:h-4{height:1rem} .md\:h-5{height:1.25rem} .md\:h-6{height:1.5rem} .md\:h-8{height:2rem} .md\:h-\[220px\]{height:220px} .md\:h-\[80px\]{height:80px} .md\:h-auto{height:auto} .md\:max-h-\[85vh\]{max-height:85vh} .md\:max-h-\[90vh\]{max-height:90vh} .md\:w-10{width:2.5rem} .md\:w-12{width:3rem} .md\:w-16{width:4rem} .md\:w-24{width:6rem} .md\:w-28{width:7rem} .md\:w-3{width:0.75rem} .md\:w-4{width:1rem} .md\:w-48{width:12rem} .md\:w-5{width:1.25rem} .md\:w-6{width:1.5rem} .md\:w-8{width:2rem} .md\:w-96{width:24rem} .md\:w-\[170px\]{width:170px} .md\:w-\[var\(--reka-navigation-menu-viewport-width\)\]{width:var(--reka-navigation-menu-viewport-width)} .md\:w-auto{width:auto} .md\:w-full{width:100%} .md\:min-w-64{min-width:16rem} .md\:max-w-2xl{max-width:42rem} .md\:max-w-3xl{max-width:48rem} .md\:max-w-4xl{max-width:56rem} .md\:max-w-5xl{max-width:64rem} .md\:max-w-6xl{max-width:72rem} .md\:max-w-7xl{max-width:80rem} .md\:max-w-80{max-width:20rem} .md\:max-w-lg{max-width:32rem} .md\:max-w-md{max-width:28rem} .md\:max-w-sm{max-width:24rem} .md\:max-w-xl{max-width:36rem} .md\:flex-1{flex:1 1 0%} .md\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))} .md\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))} .md\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))} .md\:grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))} .md\:grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))} .md\:flex-row{flex-direction:row} .md\:items-start{align-items:flex-start} .md\:items-center{align-items:center} .md\:justify-start{justify-content:flex-start} .md\:justify-between{justify-content:space-between} .md\:gap-1{gap:0.25rem} .md\:gap-1\.5{gap:0.375rem} .md\:gap-2{gap:0.5rem} .md\:gap-3{gap:0.75rem} .md\:gap-4{gap:1rem} .md\:gap-6{gap:1.5rem} .md\:gap-8{gap:2rem} .md\:space-x-4 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))} .md\:space-x-6 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))} .md\:space-y-0 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))} .md\:space-y-2 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))} .md\:space-y-3 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))} .md\:space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))} .md\:space-y-5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))} .md\:space-y-6 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))} .md\:rounded-md{border-radius:calc(var(--radius) - 2px)} .md\:rounded-xl{border-radius:0.75rem} .md\:p-10{padding:2.5rem} .md\:p-3{padding:0.75rem} .md\:p-4{padding:1rem} .md\:p-6{padding:1.5rem} .md\:px-3{padding-left:0.75rem;padding-right:0.75rem} .md\:px-4{padding-left:1rem;padding-right:1rem} .md\:px-5{padding-left:1.25rem;padding-right:1.25rem} .md\:px-6{padding-left:1.5rem;padding-right:1.5rem} .md\:py-12{padding-top:3rem;padding-bottom:3rem} .md\:py-16{padding-top:4rem;padding-bottom:4rem} .md\:py-2{padding-top:0.5rem;padding-bottom:0.5rem} .md\:py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem} .md\:py-20{padding-top:5rem;padding-bottom:5rem} .md\:py-24{padding-top:6rem;padding-bottom:6rem} .md\:py-28{padding-top:7rem;padding-bottom:7rem} .md\:py-3{padding-top:0.75rem;padding-bottom:0.75rem} .md\:py-4{padding-top:1rem;padding-bottom:1rem} .md\:pb-0{padding-bottom:0px} .md\:pb-4{padding-bottom:1rem} .md\:pt-0{padding-top:0px} .md\:pt-2{padding-top:0.5rem} .md\:pt-3{padding-top:0.75rem} .md\:text-left{text-align:left} .md\:text-2xl{font-size:1.5rem;line-height:2rem} .md\:text-3xl{font-size:1.875rem;line-height:2.25rem} .md\:text-5xl{font-size:3rem;line-height:1} .md\:text-6xl{font-size:3.75rem;line-height:1} .md\:text-7xl{font-size:4.5rem;line-height:1} .md\:text-8xl{font-size:6rem;line-height:1} .md\:text-base{font-size:1rem;line-height:1.5rem} .md\:text-lg{font-size:1.125rem;line-height:1.75rem} .md\:text-sm{font-size:0.875rem;line-height:1.25rem} .md\:text-xl{font-size:1.25rem;line-height:1.75rem} .md\:text-xs{font-size:0.75rem;line-height:1rem} .md\:opacity-0{opacity:0} .md\:after\:hidden::after{content:var(--tw-content);display:none} .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:m-2{margin:0.5rem} .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:ml-0{margin-left:0px} .peer[data-variant="inset"][data-state="collapsed"] ~ .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2{margin-left:0.5rem} .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:rounded-xl{border-radius:0.75rem} .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}} @media (min-width: 1024px){ .lg\:bottom-16{bottom:4rem} .lg\:order-1{order:1} .lg\:order-2{order:2} .lg\:col-span-1{grid-column:span 1 / span 1} .lg\:col-span-2{grid-column:span 2 / span 2} .lg\:col-span-3{grid-column:span 3 / span 3} .lg\:col-span-4{grid-column:span 4 / span 4} .lg\:col-span-8{grid-column:span 8 / span 8} .lg\:col-span-9{grid-column:span 9 / span 9} .lg\:mb-6{margin-bottom:1.5rem} .lg\:mb-8{margin-bottom:2rem} .lg\:ml-0{margin-left:0px} .lg\:mt-12{margin-top:3rem} .lg\:\!block{display:block !important} .lg\:block{display:block} .lg\:inline-block{display:inline-block} .lg\:flex{display:flex} .lg\:table-cell{display:table-cell} .lg\:grid{display:grid} .lg\:hidden{display:none} .lg\:h-10{height:2.5rem} .lg\:h-12{height:3rem} .lg\:h-14{height:3.5rem} .lg\:h-16{height:4rem} .lg\:h-20{height:5rem} .lg\:h-24{height:6rem} .lg\:h-32{height:8rem} .lg\:h-36{height:9rem} .lg\:h-5{height:1.25rem} .lg\:h-6{height:1.5rem} .lg\:h-7{height:1.75rem} .lg\:h-72{height:18rem} .lg\:h-8{height:2rem} .lg\:h-9{height:2.25rem} .lg\:max-h-\[75vh\]{max-height:75vh} .lg\:min-h-\[500px\]{min-height:500px} .lg\:w-1\/3{width:33.333333%} .lg\:w-10{width:2.5rem} .lg\:w-12{width:3rem} .lg\:w-14{width:3.5rem} .lg\:w-16{width:4rem} .lg\:w-2\/3{width:66.666667%} .lg\:w-20{width:5rem} .lg\:w-24{width:6rem} .lg\:w-32{width:8rem} .lg\:w-36{width:9rem} .lg\:w-48{width:12rem} .lg\:w-5{width:1.25rem} .lg\:w-6{width:1.5rem} .lg\:w-8{width:2rem} .lg\:w-80{width:20rem} .lg\:w-9{width:2.25rem} .lg\:w-\[12rem\]{width:12rem} .lg\:max-w-lg{max-width:32rem} .lg\:max-w-md{max-width:28rem} .lg\:max-w-none{max-width:none} .lg\:max-w-sm{max-width:24rem} .lg\:max-w-xl{max-width:36rem} .lg\:flex-1{flex:1 1 0%} .lg\:flex-none{flex:none} .lg\:flex-shrink-0{flex-shrink:0} .lg\:grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))} .lg\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))} .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\:grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))} .lg\:grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))} .lg\:grid-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))} .lg\:grid-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))} .lg\:flex-row{flex-direction:row} .lg\:flex-col{flex-direction:column} .lg\:items-start{align-items:flex-start} .lg\:items-end{align-items:flex-end} .lg\:items-center{align-items:center} .lg\:justify-end{justify-content:flex-end} .lg\:justify-center{justify-content:center} .lg\:justify-between{justify-content:space-between} .lg\:gap-2{gap:0.5rem} .lg\:gap-3{gap:0.75rem} .lg\:gap-4{gap:1rem} .lg\:gap-6{gap:1.5rem} .lg\:space-x-12 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(3rem * var(--tw-space-x-reverse));margin-left:calc(3rem * calc(1 - var(--tw-space-x-reverse)))} .lg\:space-x-4 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))} .lg\:space-x-6 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))} .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))} .lg\:space-y-2 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))} .lg\:space-y-2\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.625rem * var(--tw-space-y-reverse))} .lg\:space-y-3 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))} .lg\:space-y-6 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))} .lg\:rounded-md{border-radius:calc(var(--radius) - 2px)} .lg\:border-r{border-right-width:1px} .lg\:border-t-0{border-top-width:0px} .lg\:p-12{padding:3rem} .lg\:p-2{padding:0.5rem} .lg\:p-3{padding:0.75rem} .lg\:p-6{padding:1.5rem} .lg\:p-8{padding:2rem} .lg\:px-0{padding-left:0px;padding-right:0px} .lg\:px-10{padding-left:2.5rem;padding-right:2.5rem} .lg\:px-12{padding-left:3rem;padding-right:3rem} .lg\:px-3{padding-left:0.75rem;padding-right:0.75rem} .lg\:px-4{padding-left:1rem;padding-right:1rem} .lg\:px-5{padding-left:1.25rem;padding-right:1.25rem} .lg\:px-6{padding-left:1.5rem;padding-right:1.5rem} .lg\:px-8{padding-left:2rem;padding-right:2rem} .lg\:py-12{padding-top:3rem;padding-bottom:3rem} .lg\:py-16{padding-top:4rem;padding-bottom:4rem} .lg\:py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem} .lg\:py-3{padding-top:0.75rem;padding-bottom:0.75rem} .lg\:py-4{padding-top:1rem;padding-bottom:1rem} .lg\:py-8{padding-top:2rem;padding-bottom:2rem} .lg\:pb-2{padding-bottom:0.5rem} .lg\:pt-1{padding-top:0.25rem} .lg\:text-2xl{font-size:1.5rem;line-height:2rem} .lg\:text-3xl{font-size:1.875rem;line-height:2.25rem} .lg\:text-4xl{font-size:2.25rem;line-height:2.5rem} .lg\:text-5xl{font-size:3rem;line-height:1} .lg\:text-6xl{font-size:3.75rem;line-height:1} .lg\:text-7xl{font-size:4.5rem;line-height:1} .lg\:text-\[clamp\(10px\2c -16\.944px\+2\.632vw\2c 12px\)\]{font-size:clamp(10px,-16.944px + 2.632vw,12px)} .lg\:text-base{font-size:1rem;line-height:1.5rem} .lg\:text-lg{font-size:1.125rem;line-height:1.75rem} .lg\:text-sm{font-size:0.875rem;line-height:1.25rem} .lg\:text-xl{font-size:1.25rem;line-height:1.75rem} .lg\:text-xs{font-size:0.75rem;line-height:1rem} .lg\:shadow-\[0_3px_var\(--shadow-color\)\]{--tw-shadow:0 3px var(--shadow-color);--tw-shadow-colored:0 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .default\:lg\:col-span-6:default{grid-column:span 6 / span 6}} @media (min-width: 1280px){ .xl\:top-8{top:2rem} .xl\:col-span-1{grid-column:span 1 / span 1} .xl\:col-span-2{grid-column:span 2 / span 2} .xl\:col-span-3{grid-column:span 3 / span 3} .xl\:grid{display:grid} .xl\:max-w-md{max-width:28rem} .xl\:max-w-screen-2xl{max-width:1536px} .xl\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))} .xl\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))} .xl\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))} .xl\:grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))} .xl\:grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))} .xl\:grid-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))} .xl\:items-start{align-items:flex-start} .xl\:gap-6{gap:1.5rem} .xl\:gap-8{gap:2rem} .xl\:space-y-0 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))} .xl\:px-12{padding-left:3rem;padding-right:3rem} .xl\:px-16{padding-left:4rem;padding-right:4rem} .xl\:text-5xl{font-size:3rem;line-height:1}} @media (min-width: 1536px){ .\32xl\:m-2{margin:0.5rem} .\32xl\:max-w-lg{max-width:32rem} .\32xl\:grid-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}} .rtl\:flex-row-reverse:where([dir="rtl"], [dir="rtl"] *){flex-direction:row-reverse} @media (prefers-color-scheme: dark){ .dark\:block{display:block} .dark\:hidden{display:none} .dark\:divide-gray-700 > :not([hidden]) ~ :not([hidden]){--tw-divide-opacity:1;border-color:rgb(55 65 81 / var(--tw-divide-opacity, 1))} .dark\:border{border-width:1px} .dark\:border-r{border-right-width:1px} .dark\:border-amber-700{--tw-border-opacity:1;border-color:rgb(180 83 9 / var(--tw-border-opacity, 1))} .dark\:border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))} .dark\:border-blue-700{--tw-border-opacity:1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1))} .dark\:border-blue-800{--tw-border-opacity:1;border-color:rgb(30 64 175 / var(--tw-border-opacity, 1))} .dark\:border-blue-800\/30{border-color:rgb(30 64 175 / 0.3)} .dark\:border-emerald-700{--tw-border-opacity:1;border-color:rgb(4 120 87 / var(--tw-border-opacity, 1))} .dark\:border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))} .dark\:border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))} .dark\:border-gray-800{--tw-border-opacity:1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))} .dark\:border-gray-800\/30{border-color:rgb(31 41 55 / 0.3)} .dark\:border-gray-900{--tw-border-opacity:1;border-color:rgb(17 24 39 / var(--tw-border-opacity, 1))} .dark\:border-green-800{--tw-border-opacity:1;border-color:rgb(22 101 52 / var(--tw-border-opacity, 1))} .dark\:border-green-800\/30{border-color:rgb(22 101 52 / 0.3)} .dark\:border-input{border-color:hsl(var(--input))} .dark\:border-orange-800{--tw-border-opacity:1;border-color:rgb(154 52 18 / var(--tw-border-opacity, 1))} .dark\:border-purple-800{--tw-border-opacity:1;border-color:rgb(107 33 168 / var(--tw-border-opacity, 1))} .dark\:border-red-200\/10{border-color:rgb(254 202 202 / 0.1)} .dark\:border-red-700{--tw-border-opacity:1;border-color:rgb(185 28 28 / var(--tw-border-opacity, 1))} .dark\:border-red-800{--tw-border-opacity:1;border-color:rgb(153 27 27 / var(--tw-border-opacity, 1))} .dark\:border-red-800\/30{border-color:rgb(153 27 27 / 0.3)} .dark\:border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1))} .dark\:border-slate-700{--tw-border-opacity:1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))} .dark\:border-yellow-800{--tw-border-opacity:1;border-color:rgb(133 77 14 / var(--tw-border-opacity, 1))} .dark\:border-yellow-800\/30{border-color:rgb(133 77 14 / 0.3)} .dark\:border-l-red-500{--tw-border-opacity:1;border-left-color:rgb(239 68 68 / var(--tw-border-opacity, 1))} .dark\:bg-amber-900\/20{background-color:rgb(120 53 15 / 0.2)} .dark\:bg-amber-950\/20{background-color:rgb(69 26 3 / 0.2)} .dark\:bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))} .dark\:bg-blue-800{--tw-bg-opacity:1;background-color:rgb(30 64 175 / var(--tw-bg-opacity, 1))} .dark\:bg-blue-900{--tw-bg-opacity:1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1))} .dark\:bg-blue-900\/20{background-color:rgb(30 58 138 / 0.2)} .dark\:bg-destructive\/60{background-color:hsl(var(--destructive) / 0.6)} .dark\:bg-emerald-900\/20{background-color:rgb(6 78 59 / 0.2)} .dark\:bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))} .dark\:bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))} .dark\:bg-gray-700\/50{background-color:rgb(55 65 81 / 0.5)} .dark\:bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))} .dark\:bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))} .dark\:bg-gray-900\/20{background-color:rgb(17 24 39 / 0.2)} .dark\:bg-gray-900\/80{background-color:rgb(17 24 39 / 0.8)} .dark\:bg-gray-950\/95{background-color:rgb(3 7 18 / 0.95)} .dark\:bg-green-800{--tw-bg-opacity:1;background-color:rgb(22 101 52 / var(--tw-bg-opacity, 1))} .dark\:bg-green-900{--tw-bg-opacity:1;background-color:rgb(20 83 45 / var(--tw-bg-opacity, 1))} .dark\:bg-green-900\/20{background-color:rgb(20 83 45 / 0.2)} .dark\:bg-green-950\/20{background-color:rgb(5 46 22 / 0.2)} .dark\:bg-input\/30{background-color:hsl(var(--input) / 0.3)} .dark\:bg-neutral-700{--tw-bg-opacity:1;background-color:rgb(64 64 64 / var(--tw-bg-opacity, 1))} .dark\:bg-neutral-800{--tw-bg-opacity:1;background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1))} .dark\:bg-orange-800{--tw-bg-opacity:1;background-color:rgb(154 52 18 / var(--tw-bg-opacity, 1))} .dark\:bg-orange-900{--tw-bg-opacity:1;background-color:rgb(124 45 18 / var(--tw-bg-opacity, 1))} .dark\:bg-purple-800{--tw-bg-opacity:1;background-color:rgb(107 33 168 / var(--tw-bg-opacity, 1))} .dark\:bg-purple-900{--tw-bg-opacity:1;background-color:rgb(88 28 135 / var(--tw-bg-opacity, 1))} .dark\:bg-red-500\/20{background-color:rgb(239 68 68 / 0.2)} .dark\:bg-red-700\/10{background-color:rgb(185 28 28 / 0.1)} .dark\:bg-red-800{--tw-bg-opacity:1;background-color:rgb(153 27 27 / var(--tw-bg-opacity, 1))} .dark\:bg-red-900{--tw-bg-opacity:1;background-color:rgb(127 29 29 / var(--tw-bg-opacity, 1))} .dark\:bg-red-900\/20{background-color:rgb(127 29 29 / 0.2)} .dark\:bg-red-950\/20{background-color:rgb(69 10 10 / 0.2)} .dark\:bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))} .dark\:bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))} .dark\:bg-slate-900\/80{background-color:rgb(15 23 42 / 0.8)} .dark\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))} .dark\:bg-yellow-900{--tw-bg-opacity:1;background-color:rgb(113 63 18 / var(--tw-bg-opacity, 1))} .dark\:bg-yellow-900\/20{background-color:rgb(113 63 18 / 0.2)} .dark\:from-blue-900\/20{--tw-gradient-from:rgb(30 58 138 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(30 58 138 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .dark\:from-green-900\/20{--tw-gradient-from:rgb(20 83 45 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(20 83 45 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .dark\:from-orange-900\/20{--tw-gradient-from:rgb(124 45 18 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(124 45 18 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .dark\:from-purple-900\/20{--tw-gradient-from:rgb(88 28 135 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(88 28 135 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .dark\:from-red-900\/20{--tw-gradient-from:rgb(127 29 29 / 0.2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(127 29 29 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .dark\:from-slate-900{--tw-gradient-from:#0f172a var(--tw-gradient-from-position);--tw-gradient-to:rgb(15 23 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)} .dark\:via-slate-800{--tw-gradient-to:rgb(30 41 59 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #1e293b var(--tw-gradient-via-position), var(--tw-gradient-to)} .dark\:to-blue-800\/20{--tw-gradient-to:rgb(30 64 175 / 0.2) var(--tw-gradient-to-position)} .dark\:to-green-800\/20{--tw-gradient-to:rgb(22 101 52 / 0.2) var(--tw-gradient-to-position)} .dark\:to-orange-800\/20{--tw-gradient-to:rgb(154 52 18 / 0.2) var(--tw-gradient-to-position)} .dark\:to-purple-800\/20{--tw-gradient-to:rgb(107 33 168 / 0.2) var(--tw-gradient-to-position)} .dark\:to-red-800\/20{--tw-gradient-to:rgb(153 27 27 / 0.2) var(--tw-gradient-to-position)} .dark\:to-slate-900{--tw-gradient-to:#0f172a var(--tw-gradient-to-position)} .dark\:stroke-neutral-100\/20{stroke:rgb(245 245 245 / 0.2)} .dark\:text-amber-300{--tw-text-opacity:1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))} .dark\:text-blue-100{--tw-text-opacity:1;color:rgb(219 234 254 / var(--tw-text-opacity, 1))} .dark\:text-blue-200{--tw-text-opacity:1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))} .dark\:text-blue-300{--tw-text-opacity:1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))} .dark\:text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))} .dark\:text-emerald-300{--tw-text-opacity:1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))} .dark\:text-gray-100{--tw-text-opacity:1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))} .dark\:text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))} .dark\:text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))} .dark\:text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))} .dark\:text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))} .dark\:text-gray-950{--tw-text-opacity:1;color:rgb(3 7 18 / var(--tw-text-opacity, 1))} .dark\:text-green-100{--tw-text-opacity:1;color:rgb(220 252 231 / var(--tw-text-opacity, 1))} .dark\:text-green-200{--tw-text-opacity:1;color:rgb(187 247 208 / var(--tw-text-opacity, 1))} .dark\:text-green-300{--tw-text-opacity:1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))} .dark\:text-green-400{--tw-text-opacity:1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))} .dark\:text-muted-foreground{color:hsl(var(--muted-foreground))} .dark\:text-neutral-100{--tw-text-opacity:1;color:rgb(245 245 245 / var(--tw-text-opacity, 1))} .dark\:text-neutral-300{--tw-text-opacity:1;color:rgb(212 212 212 / var(--tw-text-opacity, 1))} .dark\:text-neutral-400{--tw-text-opacity:1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))} .dark\:text-orange-100{--tw-text-opacity:1;color:rgb(255 237 213 / var(--tw-text-opacity, 1))} .dark\:text-orange-200{--tw-text-opacity:1;color:rgb(254 215 170 / var(--tw-text-opacity, 1))} .dark\:text-orange-300{--tw-text-opacity:1;color:rgb(253 186 116 / var(--tw-text-opacity, 1))} .dark\:text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))} .dark\:text-purple-100{--tw-text-opacity:1;color:rgb(243 232 255 / var(--tw-text-opacity, 1))} .dark\:text-purple-300{--tw-text-opacity:1;color:rgb(216 180 254 / var(--tw-text-opacity, 1))} .dark\:text-purple-400{--tw-text-opacity:1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))} .dark\:text-red-100{--tw-text-opacity:1;color:rgb(254 226 226 / var(--tw-text-opacity, 1))} .dark\:text-red-200{--tw-text-opacity:1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))} .dark\:text-red-300{--tw-text-opacity:1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))} .dark\:text-red-400{--tw-text-opacity:1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))} .dark\:text-red-500{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))} .dark\:text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249 / var(--tw-text-opacity, 1))} .dark\:text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))} .dark\:text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))} .dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))} .dark\:text-yellow-200{--tw-text-opacity:1;color:rgb(254 240 138 / var(--tw-text-opacity, 1))} .dark\:text-yellow-300{--tw-text-opacity:1;color:rgb(253 224 71 / var(--tw-text-opacity, 1))} .dark\:text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))} .dark\:decoration-neutral-500{text-decoration-color:#737373} .dark\:outline-ring\/40{outline-color:hsl(var(--ring) / 0.4)} .dark\: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);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)} .dark\:ring-gray-800{--tw-ring-opacity:1;--tw-ring-color:rgb(31 41 55 / var(--tw-ring-opacity, 1))} .dark\:ring-ring\/20{--tw-ring-color:hsl(var(--ring) / 0.2)} .dark\:hover\:border-green-600:hover{--tw-border-opacity:1;border-color:rgb(22 163 74 / var(--tw-border-opacity, 1))} .dark\:hover\:bg-accent\/50:hover{background-color:hsl(var(--accent) / 0.5)} .dark\:hover\:bg-blue-800\/50:hover{background-color:rgb(30 64 175 / 0.5)} .dark\:hover\:bg-blue-900\/20:hover{background-color:rgb(30 58 138 / 0.2)} .dark\:hover\:bg-blue-900\/30:hover{background-color:rgb(30 58 138 / 0.3)} .dark\:hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))} .dark\:hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))} .dark\:hover\:bg-gray-700\/50:hover{background-color:rgb(55 65 81 / 0.5)} .dark\:hover\:bg-gray-800:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))} .dark\:hover\:bg-gray-800\/50:hover{background-color:rgb(31 41 55 / 0.5)} .dark\:hover\:bg-gray-800\/75:hover{background-color:rgb(31 41 55 / 0.75)} .dark\:hover\:bg-green-800\/50:hover{background-color:rgb(22 101 52 / 0.5)} .dark\:hover\:bg-green-900\/20:hover{background-color:rgb(20 83 45 / 0.2)} .dark\:hover\:bg-green-900\/30:hover{background-color:rgb(20 83 45 / 0.3)} .dark\:hover\:bg-input\/50:hover{background-color:hsl(var(--input) / 0.5)} .dark\:hover\:bg-neutral-700\/60:hover{background-color:rgb(64 64 64 / 0.6)} .dark\:hover\:bg-red-800\/50:hover{background-color:rgb(153 27 27 / 0.5)} .dark\:hover\:bg-red-900\/20:hover{background-color:rgb(127 29 29 / 0.2)} .dark\:hover\:bg-slate-600:hover{--tw-bg-opacity:1;background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1))} .dark\:hover\:bg-slate-700:hover{--tw-bg-opacity:1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))} .dark\:hover\:bg-yellow-800\/50:hover{background-color:rgb(133 77 14 / 0.5)} .dark\:hover\:text-gray-200:hover{--tw-text-opacity:1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))} .dark\:hover\:text-gray-300:hover{--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))} .dark\:hover\:text-gray-500:hover{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))} .dark\:hover\:text-neutral-100:hover{--tw-text-opacity:1;color:rgb(245 245 245 / var(--tw-text-opacity, 1))} .dark\:hover\:text-slate-200:hover{--tw-text-opacity:1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))} .dark\:hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))} .dark\:hover\:text-yellow-100:hover{--tw-text-opacity:1;color:rgb(254 249 195 / var(--tw-text-opacity, 1))} .dark\:focus\:border-blue-700:focus{--tw-border-opacity:1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1))} .dark\:focus\:border-blue-800:focus{--tw-border-opacity:1;border-color:rgb(30 64 175 / var(--tw-border-opacity, 1))} .dark\:focus\:text-gray-500:focus{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))} .dark\:focus-visible\:ring-destructive\/40:focus-visible{--tw-ring-color:hsl(var(--destructive) / 0.4)} .dark\:active\:bg-gray-700:active{--tw-bg-opacity:1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))} .dark\:active\:text-gray-300:active{--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))} .dark\:data-\[state\=active\]\:border-input[data-state="active"]{border-color:hsl(var(--input))} .dark\:data-\[state\=active\]\:bg-input\/30[data-state="active"]{background-color:hsl(var(--input) / 0.3)} .dark\:data-\[state\=checked\]\:bg-primary-foreground[data-state="checked"]{background-color:hsl(var(--primary-foreground))} .dark\:data-\[state\=unchecked\]\:bg-foreground[data-state="unchecked"]{background-color:hsl(var(--foreground))} .dark\:data-\[state\=unchecked\]\:bg-input\/80[data-state="unchecked"]{background-color:hsl(var(--input) / 0.8)} .dark\:data-\[state\=active\]\:text-foreground[data-state="active"]{color:hsl(var(--foreground))} .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/40:focus[data-variant="destructive"]{background-color:hsl(var(--destructive) / 0.4)}} .\[\&\:\:-moz-range-thumb\]\:h-3::-moz-range-thumb{height:0.75rem} .\[\&\:\:-moz-range-thumb\]\:w-3::-moz-range-thumb{width:0.75rem} .\[\&\:\:-moz-range-thumb\]\:cursor-pointer::-moz-range-thumb{cursor:pointer} .\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb{border-radius:9999px} .\[\&\:\:-moz-range-thumb\]\:border-0::-moz-range-thumb{border-width:0px} .\[\&\:\:-moz-range-thumb\]\:bg-white::-moz-range-thumb{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))} .\[\&\:\:-webkit-slider-thumb\]\:h-3::-webkit-slider-thumb{height:0.75rem} .\[\&\:\:-webkit-slider-thumb\]\:w-3::-webkit-slider-thumb{width:0.75rem} .\[\&\:\:-webkit-slider-thumb\]\:cursor-pointer::-webkit-slider-thumb{cursor:pointer} .\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb{-webkit-appearance:none;appearance:none} .\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb{border-radius:9999px} .\[\&\:\:-webkit-slider-thumb\]\:bg-white::-webkit-slider-thumb{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))} .\[\&\:has\(\[data-selected\]\)\]\:rounded-md:has([data-selected]){border-radius:calc(var(--radius) - 2px)} .\[\&\:has\(\[data-selected\]\)\]\:bg-accent:has([data-selected]){background-color:hsl(var(--accent))} .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0px} .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;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))} .\[\&\>button\]\:hidden>button{display:none} .\[\&\>span\:last-child\]\:truncate>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none} .\[\&\>svg\]\:size-3>svg{width:0.75rem;height:0.75rem} .\[\&\>svg\]\:size-3\.5>svg{width:0.875rem;height:0.875rem} .\[\&\>svg\]\:size-4>svg{width:1rem;height:1rem} .\[\&\>svg\]\:shrink-0>svg{flex-shrink:0} .\[\&\>svg\]\:translate-y-0\.5>svg{--tw-translate-y:0.125rem;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))} .\[\&\>svg\]\:text-current>svg{color:currentColor} .\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0px} .\[\&\[data-orientation\=vertical\]\>div\]\:rotate-90[data-orientation=vertical]>div{--tw-rotate:90deg;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))} .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{--tw-rotate:180deg;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))} .\[\&\[data-today\]\:not\(\[data-selected\]\)\]\:bg-accent[data-today]:not([data-selected]){background-color:hsl(var(--accent))} .\[\&\[data-today\]\:not\(\[data-selected\]\)\]\:text-accent-foreground[data-today]:not([data-selected]){color:hsl(var(--accent-foreground))} .\[\&_p\]\:leading-relaxed p{line-height:1.625} .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*='size-']){width:1rem;height:1rem} .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*='text-']){color:hsl(var(--muted-foreground))} .\[\&_svg\:not\(\[class\*\=\\\'size-\\\'\]\)\]\:size-4 svg:not([class*=\'size-\']){width:1rem;height:1rem} .\[\&_svg\]\:pointer-events-none svg{pointer-events:none} .\[\&_svg\]\:shrink-0 svg{flex-shrink:0} .\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0px} .\[\&_tr\]\:border-b tr{border-bottom-width:1px} [data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:-0.5rem} [data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize} [data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:-0.5rem} [data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize} a.\[a\&\]\:hover\:bg-accent:hover{background-color:hsl(var(--accent))} a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / 0.9)} a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / 0.9)} a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:hsl(var(--secondary) / 0.9)} a.\[a\&\]\:hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))} :root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-colored:#ddd}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;transform:translate3d(0,0,var(--toastify-z-index) px);width:var(--toastify-toast-width);z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;box-sizing:border-box;cursor:pointer;direction:ltr;display:flex;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:var(--toastify-toast-max-height);min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px;white-space:pre-wrap}.Toastify__toast-body>div:last-child{flex:1}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:var(--toastify-color-info);color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:var(--toastify-color-success);color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:var(--toastify-color-warning);color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:var(--toastify-color-error);color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default{background:var(--toastify-color-progress-colored)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentcolor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__none{0%,60%,75%,90%,to{animation-duration:0;animation-timing-function:none}0%{opacity:1;transform:translateZ(0)}to{transform:translateZ(0)}}.Toastify__none-enter--bottom-center,.Toastify__none-enter--bottom-left,.Toastify__none-enter--bottom-right,.Toastify__none-enter--top-center,.Toastify__none-enter--top-left,.Toastify__none-enter--top-right{animation-name:Toastify__none}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}