@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap");


/* ===== INDEX.CSS ===== */
/* Punto único de carga global */
/* Fuentes */
/* Core */
/* ===== BASE & TOKENS ===== */
/* Variables globales + configuración base del proyecto */
/* ===== UTILITIES ===== */
/* Layout, textos reutilizables y helpers */
/* ===== ANIMATIONS ===== */
/* Animaciones globales y helpers visuales */
/* Componentes globales */
.countdown-timer{
  width:100%;
  min-height:48px;
  padding:.55rem .8rem;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.9rem;
  color:#fff;
  box-shadow:0 4px 12px rgba(0,0,0,.16);
}
.countdown-timer-normal{background:linear-gradient(90deg,#059669,#22c55e,#059669)}
.countdown-timer-warning{background:linear-gradient(90deg,#ea580c,#fb923c,#ea580c)}
.countdown-timer-danger{background:linear-gradient(90deg,#b91c1c,#ef4444,#b91c1c)}
.countdown-timer-icon{
  width:20px;
  height:20px;
  flex-shrink:0;
}
.countdown-timer-label{
  font-size:.9rem;
  font-weight:950;
  white-space:nowrap;
  text-shadow:0 1px 3px rgba(0,0,0,.18);
}
.countdown-timer-box{
  padding:.5rem .95rem;
  border-radius:14px;
  background:#fff;
  color:#111827;
  font-size:1rem;
  font-weight:950;
  white-space:nowrap;
  box-shadow:0 2px 10px rgba(0,0,0,.14);
}
.countdown-timer-danger .countdown-timer-icon,
.countdown-timer-danger .countdown-timer-box{
  animation:pulse 1s infinite;
}
@media(max-width:640px){
  .countdown-timer{
    min-height:42px;
    padding:.38rem .45rem;
    gap:.45rem;
  }

  .countdown-timer-icon{
    width:15px;
    height:15px;
  }

  .countdown-timer-label{
    max-width:40vw;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:.85rem;
  }

  .countdown-timer-box{
    padding:.26rem .55rem;
    border-radius:10px;
    font-size:.72rem;
  }
}
/* Catálogo */
.card-product{
border:1px solid rgba(226,232,240,.9);
border-radius:28px;
background:#fff;
overflow:hidden;
box-shadow:0 10px 30px rgba(15,23,42,.05),0 18px 45px rgba(15,23,42,.06);
transition:.28s;
}
.card-product:hover{
transform:translateY(-5px);
border-color:rgba(29,130,153,.22);
box-shadow:0 18px 40px rgba(15,23,42,.10),0 30px 70px rgba(29,130,153,.12);
}
.card-product-image{
overflow:hidden;
border-radius:22px;
background:#f8fafc;
}
.card-product-image img{
transition:.7s;
}
.card-product:hover .card-product-image img{
transform:scale(1.08);
}
.card-product-title{
font-size:16px;
font-weight:900;
line-height:1.25;
color:#334155;
transition:.2s;
}
.card-product-title:hover{
color:#1d8299;
}
.card-product-viewers{
font-size:11px;
color:#64748b;
}
.card-product-button{
min-height:40px;
border-radius:18px;
font-size:13px;
font-weight:900;
letter-spacing:.15px;
box-shadow:0 6px 16px rgba(29,130,153,.16);
transition:.18s;
}
.card-product-button:hover{
transform:translateY(-1px);
}
@media(max-width:767px){
.card-product{
border-radius:22px;
padding:8px;
}

.card-product-image{
height:200px!important;
border-radius:18px;
}

.card-product-image img{
width:100%;
height:100%;
-o-object-fit:cover;
   object-fit:cover;
-o-object-position:center;
   object-position:center;
}

.card-product-title{
font-size:15px;
line-height:1.18;
}

.card-product-button{
min-height:38px;
border-radius:16px;
font-size:12px;
line-height:1;
padding:8px 10px;
}

.card-product-button span{
gap:6px;
white-space:nowrap;
}

.card-product-button svg{
width:14px;
height:14px;
}

.card-product-viewers{
font-size:10px;
}

.price-tier{
font-size:10px;
padding:5px 10px;
}

}
/* Carrito */
/* Cart footer styles moved to cart-sidebar.css */
/* HOME */
:root {
  --w-primary: #1d8299;
  --w-primary-dark: #156f84;
  --w-accent: #f5b025;
  --w-bg-dark: #070b14;
  --w-text-light: #f8fafc;
  --w-muted-light: #94a3b8;
  --font-brand: "Plus Jakarta Sans", "Inter", sans-serif;
}
body {
  background-color: var(--w-bg-dark);
  color: var(--w-text-light);
  font-family: var(--font-brand);
  overflow-x: hidden;
}
@keyframes float {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-20px);
  }
}
@keyframes pulse-glow {
  0%,
  100% {
    opacity: 0.4;
    transform: scale(1);
  }

  50% {
    opacity: 0.7;
    transform: scale(1.05);
  }
}
@keyframes zoom-cinematic {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.05);
  }
}
@keyframes fade-in-up {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.animate-float-slow {
  animation: float 6s ease-in-out infinite;
}
.animate-float-delayed {
  animation: float 8s ease-in-out infinite 2s;
}
.animate-pulse-glow {
  animation: pulse-glow 4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.animate-zoom-cinematic {
  animation: zoom-cinematic 20s ease-out infinite alternate;
}
.animate-fade-in-up {
  animation: fade-in-up 1s ease-out forwards;
}
.glass-panel {
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
}
.text-gradient-gold {
  background: linear-gradient(135deg, #fceabb 0%, #f5b025 50%, #c48b1a 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.btn-premium {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}
.btn-premium::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.2),
    transparent
  );
  transition: left 0.5s ease;
}
.btn-premium:hover::before {
  left: 100%;
}
.bg-pattern {
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 10 L35 15 L32 35 L30 40 L28 35 L25 15 Z' fill='rgba(255,255,255,0.02)' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-size: 80px 80px;
}
.premium-box-container {
  perspective: 1000px;
  transform-style: preserve-3d;
}
.premium-box {
  position: relative;
  width: 280px;
  height: 180px;
  background: linear-gradient(145deg, #1e293b, #0f172a);
  border-radius: 8px;
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.8),
    inset 0 2px 4px rgba(255, 255, 255, 0.1),
    inset 0 -5px 15px rgba(0, 0, 0, 0.5);
  transform: rotateX(15deg) rotateY(-20deg);
  transition: transform 0.5s ease;
  z-index: 10;
}
.premium-box-lid {
  position: absolute;
  top: -40px;
  left: -10px;
  width: 290px;
  height: 190px;
  background: linear-gradient(145deg, #27354a, #162032);
  border-radius: 8px;
  transform-origin: top;
  transform: rotateX(25deg) translateY(-20px) translateZ(30px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6),
    inset 0 2px 5px rgba(255, 255, 255, 0.15);
  z-index: 12;
}
.box-glow {
  position: absolute;
  top: 20%;
  left: 10%;
  width: 80%;
  height: 60%;
  background: var(--w-accent);
  filter: blur(40px);
  opacity: 0.6;
  z-index: 11;
  animation: pulse-glow 3s infinite alternate;
}
.box-ribbon-v {
  position: absolute;
  left: 45%;
  top: 0;
  width: 10%;
  height: 100%;
  background: linear-gradient(to bottom, #fceabb, #f5b025, #c48b1a);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
}
.box-ribbon-h {
  position: absolute;
  top: 45%;
  left: 0;
  width: 100%;
  height: 15%;
  background: linear-gradient(to right, #fceabb, #f5b025, #c48b1a);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
}
.balloon {
  position: absolute;
  border-radius: 50%;
  box-shadow: inset 10px 10px 20px rgba(255, 255, 255, 0.1),
    inset -10px -10px 20px rgba(0, 0, 0, 0.5),
    0 15px 30px rgba(0, 0, 0, 0.4);
  z-index: 5;
}
.balloon::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 8px 6px 0;
  border-style: solid;
  border-color: #0f172a transparent transparent transparent;
}
/* Skeletons */
/* Tailwind */
*, ::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.17 | 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: 'Plus Jakarta Sans', sans-serif; /* 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;
}
:root {
    /* Colores principales */
    --w-primary: #1d8299;
    --w-primary-dark: #156f84;
    --w-primary-soft: #e8f6f9;

    /* Secundarios */
    --w-secondary: #f7b1d6;
    --w-secondary-strong: #f286be;
    --w-secondary-soft: #fff0f7;

    /* Acentos */
    --w-accent: #f5b025;
    --w-accent-soft: #fff8e6;

    /* Sistema */
    --w-bg: #f8fafc;
    --w-surface: #ffffff;
    --w-text: #475569;
    --w-muted: #64748b;
    --w-border: #e2e8f0;

    /* WhatsApp */
    --w-whatsapp: #25d366;
    --w-whatsapp-dark: #1ead54;

    /* Bordes */
    --w-radius-sm: 14px;
    --w-radius-md: 20px;
    --w-radius-lg: 28px;

    /* Sombras */
    --w-shadow-soft: 0 12px 35px rgba(15, 23, 42, 0.08);
    --w-shadow-strong: 0 18px 50px rgba(15, 23, 42, 0.12);

    /* Tipografía */
    --font-brand: 'Plus Jakarta Sans', 'Inter', sans-serif;
  }
/* Reset base */
*,
  *::before,
  *::after {
    box-sizing: border-box;
  }
/* Base del sitio */
body {
    background: var(--w-bg);
    color: var(--w-text);
    font-family: var(--font-brand);
    -webkit-tap-highlight-color: transparent;
    overflow-x: hidden;
  }
/* Ajuste tipográfico */
h1,
  h2,
  h3 {
    letter-spacing: -0.02em;
  }
.container{
  width:100%;
  margin-right:auto;
  margin-left:auto;
  padding-right:2rem;
  padding-left:2rem;
}
@media (min-width: 1400px){
  .container{
    max-width:1400px;
  }
}
/* ===== PRIMARY BUTTON ===== */
/* ===== OUTLINE BUTTON ===== */
/* ===== WHATSAPP ===== */
/* ===== BASE CARD ===== */
/* ===== HOME CARD ===== */
/* ===== FORM INPUT ===== */
/* ===== TEXTAREA ===== */
/* ===== LABEL ===== */
/* ===== MODAL OVERLAY ===== */
/* ===== MODAL CONTAINER ===== */
/* ===== MODAL HEADER ===== */
/* ===== MODAL BODY ===== */
/* ===== IMAGE ZOOM ===== */
.floating-buttons{
    position:fixed;
    right:1rem;
    bottom:calc(env(safe-area-inset-bottom) + 1.5rem);
    z-index:1000;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:.65rem;
  }
.floating-btn{
    position:relative;
    height:50px;
    padding:0 .95rem;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.55rem;
    border-radius:16px;
    color:#fff;
    font-size:.84rem;
    font-weight:800;
    -webkit-backdrop-filter:blur(10px);
            backdrop-filter:blur(10px);
    box-shadow:0 10px 24px rgba(15,23,42,.12);
    transition:transform .18s, box-shadow .18s, opacity .18s;
  }
.floating-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 16px 30px rgba(15,23,42,.16);
  }
.floating-btn-cart{
    background:linear-gradient(135deg,var(--w-primary),var(--w-primary-dark));
  }
.floating-btn-catalog{
    background:linear-gradient(135deg,#f286be,#e85ca7);
  }
.floating-btn-whatsapp{
    background:linear-gradient(135deg,#25d366,#1ead54);
  }
.floating-btn svg{
    width:17px;
    height:17px;
    flex-shrink:0;
  }
.floating-btn-label{
    display:inline-flex;
    align-items:center;
    white-space:nowrap;
  }
.floating-btn-count{
    min-width:20px;
    height:20px;
    padding-inline:.3rem;
    display:grid;
    place-items:center;
    border-radius:999px;
    background:rgba(255,255,255,.22);
    -webkit-backdrop-filter:blur(6px);
            backdrop-filter:blur(6px);
    font-size:10px;
    font-weight:900;
  }
@media(max-width:640px){
    .floating-buttons{
      right:.75rem;
      bottom:calc(env(safe-area-inset-bottom) + 1rem);
      gap:.5rem;
    }

    .floating-btn{
      width:auto;
      min-width:112px;
      height:44px;
      padding:0 .7rem;
      border-radius:15px;
      font-size:.74rem;
      gap:.45rem;
    }

    .floating-btn svg{
      width:15px;
      height:15px;
    }

    .floating-btn-label{
      display:inline-flex !important;
    }

    .floating-btn-count{
      min-width:18px;
      height:18px;
      font-size:9px;
    }

  .floating-buttons{
    left:50%;
    bottom:calc(env(safe-area-inset-bottom) + 12px);
    transform:translateX(-50%);
    flex-direction:row;
    align-items:center;
    justify-content:center;
    gap:.55rem;
    width:-moz-max-content;
    width:max-content;
    max-width:calc(100vw - 24px);
    padding:.45rem;
    border-radius:999px;
    -webkit-backdrop-filter:blur(14px);
            backdrop-filter:blur(14px);
    border:1px solid rgba(226,232,240,.9);
    box-shadow:0 12px 30px rgba(15,23,42,.12);
    }
  }
.recent-activity{
    position:fixed;
    left:1rem;
    bottom:calc(env(safe-area-inset-bottom) + 6.8rem);
    z-index:999;
  }
.recent-activity-card{
    width:320px;
    display:flex;
    align-items:flex-start;
    gap:.75rem;
    padding:.8rem .9rem;
    border-radius:22px;
    border:1px solid rgba(226,232,240,.9);
    background:rgba(255,255,255,.94);
    -webkit-backdrop-filter:blur(16px);
            backdrop-filter:blur(16px);
    box-shadow:0 18px 45px rgba(15,23,42,.12);
  }
.recent-activity-avatar{
    width:38px;
    height:38px;
    flex-shrink:0;
    display:grid;
    place-items:center;
    border-radius:999px;
    background:linear-gradient(135deg,var(--w-primary),var(--w-primary-dark));
    color:#fff;
    font-size:.82rem;
    font-weight:900;
  }
.recent-activity-text{
    color:#334155;
    font-size:.78rem;
    line-height:1.35;
  }
.recent-activity-text strong,
  .recent-activity-text b{
    color:#0f172a;
    font-weight:900;
  }
.recent-activity-text b{
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
.recent-activity-text span{
    color:#64748b;
  }
.recent-activity-time{
  margin-top:.25rem;
  color:#94a3b8;
  font-size:.68rem;
  font-weight:700;
  }
@keyframes recentNotificationIn{
  0%{opacity:0;transform:translateY(-18px) scale(.96);filter:blur(8px);}
  60%{opacity:1;transform:translateY(2px) scale(1.01);filter:blur(0);}
  100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0);}
  }
@keyframes recentNotificationOut{
  0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0);}
  100%{opacity:0;transform:translateY(-10px) scale(.97);filter:blur(4px);}
  }
.animate-recent-activity-in{animation:recentNotificationIn .42s cubic-bezier(.16,1,.3,1) both;}
.animate-recent-activity-out{animation:recentNotificationOut .26s ease-in forwards;}
@media(max-width:640px){
    .recent-activity{
      top:calc(env(safe-area-inset-top) + 76px);
      bottom:auto;
      left:0;
      right:0;
      width:100%;
      max-width:260px;
      margin-inline:auto;
      z-index:1001;
    }

    .recent-activity-card{
      width:100%;
      padding:.65rem .75rem;
      gap:.55rem;
      border-radius:18px;
    }

    .recent-activity-avatar{
      width:30px;
      height:30px;
      font-size:.7rem;
    }

    .recent-activity-text{
      font-size:.68rem;
      line-height:1.25;
    }

    .recent-activity-time{
      font-size:.58rem;
      margin-top:.18rem;
    }
  }
/* ===== PRODUCT CARD TIERS ===== */
.price-tier-3,
  .price-tier-12,
  .price-tier-50,
  .price-tier-100 {
    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 84px;
    min-height: 30px;

    padding:
      0.35rem 0.8rem;

    border-radius: 9999px;

    color: #ffffff;

    font-size: 11px;
    font-weight: 900;

    letter-spacing: -0.02em;
    line-height: 1;

    -webkit-backdrop-filter: blur(10px);

            backdrop-filter: blur(10px);

    box-shadow:
      0 10px 20px rgba(15,23,42,0.16);

    border:
      1px solid rgba(255,255,255,0.16);
  }
.price-tier-3 {
    background:
      linear-gradient(
        135deg,
        #f5b025,
        #e19a00
      );
  }
.price-tier-12 {
    background:
      linear-gradient(
        135deg,
        #f286be,
        #e85ca7
      );
  }
.price-tier-50 {
    background:
      linear-gradient(
        135deg,
        #8b5cf6,
        #6d28d9
      );
  }
.price-tier-100 {
    background:
      linear-gradient(
        135deg,
        #0f172a,
        #1e293b
      );
  }
/* ===== PRODUCT CARD POSITION ===== */
/* ===== ACTIVE CART TIERS ===== */
.active-1,
  .active-3,
  .active-12,
  .active-50,
  .active-100 {
    color: #ffffff;

    border-color: transparent;

    box-shadow:
      0 8px 18px rgba(15,23,42,0.14);
  }
.active-1 {
    background:
      linear-gradient(
        135deg,
        #1d8299,
        #156f84
      );
  }
.active-3 {
    background:
      linear-gradient(
        135deg,
        #f5b025,
        #e19a00
      );
  }
.active-12 {
    background:
      linear-gradient(
        135deg,
        #f286be,
        #e85ca7
      );
  }
.active-50 {
    background:
      linear-gradient(
        135deg,
        #8b5cf6,
        #6d28d9
      );
  }
.active-100 {
    background:
      linear-gradient(
        135deg,
        #0f172a,
        #1e293b
      );
  }
@keyframes price-tier-float {

    0%,
    100% {
      transform: translateY(0);
    }

    50% {
      transform: translateY(-2px);
    }

  }
/* ===== CATEGORY FILTER ===== */
.category-chip.\!active {
    background: linear-gradient(
      135deg,
      var(--w-primary),
      var(--w-primary-dark)
    ) !important;

    color: #ffffff !important;
    border-color: transparent !important;
    box-shadow: 0 12px 28px rgba(29, 130, 153, 0.24) !important;
  }
.category-chip.active {
    background: linear-gradient(
      135deg,
      var(--w-primary),
      var(--w-primary-dark)
    );

    color: #ffffff;
    border-color: transparent;
    box-shadow: 0 12px 28px rgba(29, 130, 153, 0.24);
  }
.filter-chip,
  .filter-chip-active{
    display:flex;
    align-items:center;
    gap:8px;
    height:40px;
    padding:0 18px;
    border-radius:9999px;
    font-size:14px;
    font-weight:600;
    white-space:nowrap;
    flex-shrink:0;
    transition:.18s ease;
    border:1px solid #e2e8f0;
  }
.filter-chip{
    background:#fff;
    color:#334155;
  }
.filter-chip:hover{
    transform:translateY(-1px);
    box-shadow:0 6px 14px rgba(0,0,0,.06);
  }
.filter-chip-active{
    background:linear-gradient(135deg,#1d8299,#156f84);
    color:#fff;
    border-color:#1d8299;
    box-shadow:0 8px 20px rgba(29,130,153,.18);
  }
.filter-chip span,
  .filter-chip-active span{
    display:flex;
    align-items:center;
  }
/* ===== SEARCH INPUT ===== */
/* ===== SEARCH DROPDOWN ===== */
/* ===== NOTIFICATION STACK ===== */
/* ===== NOTIFICATION CARD ===== */
/* ===== CONTENT ===== */
/* ===== TYPES ===== */
/* ===== CART PANEL BASE ===== */
.cart-panel {
    width: 100%;
    max-width: 28rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    box-shadow: -18px 0 50px rgba(15, 23, 42, 0.18);
  }
.cart-header {
    padding: 1.25rem;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
  }
.cart-icon-box {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e6f2f5;
    color: #1d8299;
  }
.cart-close-btn {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748b;
    background: #f8fafc;
    transition: all 0.2s ease;
  }
.cart-close-btn:hover {
    color: #0f172a;
    background: #f1f5f9;
  }
.cart-body {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
    background: #f8fafc;
  }
/* ===== CART SIDEBAR ===== */
.cart-footer {
    position: sticky;
    bottom: 0;
    padding: 1rem;
    background: linear-gradient(
      to top,
      #ffffff 75%,
      rgba(255,255,255,0.92)
    );

    border-top: 1px solid #e2e8f0;
    box-shadow: 0 -18px 35px rgba(15, 23, 42, 0.06);
  }
/* ===== CART SAVING MESSAGE ===== */
.cart-saving-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.3rem 1.1rem;
    border-radius: 1.25rem;

    background: linear-gradient(
      135deg,
      rgba(247, 177, 214, 0.18),
      rgba(242, 134, 190, 0.08)
    );

    border: 1px solid rgba(242, 134, 190, 0.16);

    color: var(--w-secondary-strong);

    box-shadow:
      0 10px 24px rgba(242, 134, 190, 0.08);
  }
.cart-saving-box strong {
    color: var(--w-secondary-strong);
    font-size: 1rem;
    font-weight: 900;
  }
/* ===== CART TOTAL ===== */
.cart-total-box {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
  }
/* ===== CART CHECKOUT BUTTON ===== */
.cart-checkout-btn {
    width: 100%;
    min-height: 58px;
    border: none;
    border-radius: 1.1rem;
    background: #25d366;
    color: #ffffff;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: -0.01em;

    box-shadow:
      0 14px 28px rgba(37, 211, 102, 0.22);

    transition: all 0.2s ease;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
  }
.cart-checkout-btn:hover {
    background: #1ead54;
    transform: translateY(-1px);

    box-shadow:
      0 18px 34px rgba(37, 211, 102, 0.3);
  }
.cart-checkout-btn:active {
    transform: scale(0.985);
  }
.cart-checkout-btn svg {
    display: block;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
  }
/* ===== CART ITEM CARD ===== */
.cart-item-card {
    border-radius: 28px;
    background: #ffffff;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border: 1px solid #dbe5ee;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.06);
  }
.cart-item-card:hover {
    box-shadow: 0 18px 35px rgba(15, 23, 42, 0.1);
  }
.cart-product-img {
    width: 4rem;
    height: 4rem;
    border-radius: 1rem;
    overflow: hidden;
    flex-shrink: 0;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
  }
.cart-product-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
.cart-tier-btn {
    height: 30px;
    flex: 1 1 0%;
    border-radius: 14px;
    border: 1px solid transparent;
    font-size: 11px;
    font-weight: 800;
    transition: all 0.3s ease;
  }
.cart-tier-btn-muted {
    background: #f8fafc;
    color: #475569;
    border-color: #e2e8f0;
  }
.cart-tier-btn-muted:hover {
    background: #e6f2f5;
    color: #1d8299;
    border-color: #bfe5ed;
  }
.cart-qty-box{
    display:flex;
    align-items:center;
    min-width:108px;
    border-radius:1rem;
    padding:.10rem;
    background:#f8fafc;
    border:1px solid #dbe5ee;
    box-shadow:inset 0 0 0 1px rgba(226,232,240,.5);
  }
.cart-qty-btn {
    width: 1.60rem;
    height: 1.60rem;
    border-radius: 0.75rem;
    background: #ffffff;
    color: #1d8299;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.15s ease;
  }
.cart-qty-btn:hover {
    transform: scale(1.05);
  }
.cart-qty-btn:active {
    transform: scale(0.9);
  }
.cart-note {
    width: 100%;
    resize: none;
    overflow: hidden;
    border-radius: 1rem;
    padding: 0.75rem 1rem;
    font-size: 12px;
    outline: none;
    border: 1px solid #dbe5ee;
    background: #f8fafc;
    color: #334155;
  }
.cart-note::-moz-placeholder {
    color: #94a3b8;
  }
.cart-note::placeholder {
    color: #94a3b8;
  }
.home-categories-section {
    padding: 2rem 0;
  }
.home-categories-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
  }
@media (min-width: 768px) {
    .home-categories-grid {
      grid-template-columns: 1.25fr 1fr 1fr;
      grid-auto-rows: 210px;
    }
  }
.home-category-card {
    position: relative;
    overflow: hidden;
    min-height: 220px;
    border-radius: 28px;
    background: #e2e8f0;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
    transition: all 0.3s ease;
  }
.home-category-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 26px 55px rgba(15, 23, 42, 0.14);
  }
.home-category-card-featured {
    min-height: 420px;
  }
@media (min-width: 768px) {
    .home-category-card-featured {
      grid-row: span 2;
    }
  }
.home-category-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
.home-category-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
      to top,
      rgba(2, 6, 23, 0.82),
      rgba(2, 6, 23, 0.28),
      transparent
    );
  }
.home-category-content {
    position: absolute;
    inset-inline: 1.1rem;
    bottom: 1.1rem;
    z-index: 2;
  }
.home-category-tag {
    display: inline-flex;
    margin-bottom: 0.65rem;
    padding: 0.45rem 0.8rem;
    border-radius: 9999px;
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
    font-size: 0.68rem;
    font-weight: 900;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
  }
.home-category-title {
    color: #ffffff;
    font-size: 1.45rem;
    font-weight: 950;
    line-height: 1.05;
    letter-spacing: -0.04em;
  }
.home-category-arrow {
    margin-top: 0.85rem;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
  }
/* ===== SHIPPING SECTION ===== */
.home-shipping-section {
    padding-top: 2.5rem;
    padding-bottom: 4rem;
  }
/* ===== LAYOUT ===== */
.home-shipping-layout {
    display: grid;
    gap: 2rem;
    align-items: stretch;
  }
@media (min-width: 1024px) {

    .home-shipping-layout {
      grid-template-columns: 1fr 1fr;
    }

  }
/* ===== FEATURES ===== */
.home-shipping-features {
    display: grid;
    gap: 1rem;
  }
@media (min-width: 640px) {

    .home-shipping-features {
      grid-template-columns: repeat(2, 1fr);
    }

  }
@media (min-width: 1024px) {

    .home-shipping-features {
      grid-template-columns: 1fr;
    }

  }
/* ===== FEATURE CARD ===== */
.shipping-feature-card {
    position: relative;

    overflow: hidden;

    border-radius: 28px;

    border:
      1px solid rgba(226,232,240,0.7);

    background: #ffffff;

    padding: 1.35rem;

    box-shadow:
      0 10px 26px rgba(15,23,42,0.05);

    transition:
      transform 0.45s ease,
      box-shadow 0.45s ease,
      border-color 0.3s ease;
  }
.shipping-feature-card:hover {
    transform:
      translateY(-4px);

    box-shadow:
      0 24px 48px rgba(15,23,42,0.12);

    border-color:
      rgba(29,130,153,0.14);
  }
/* ===== NUMBER ===== */
.shipping-feature-number {
    position: absolute;

    top: 1rem;
    right: 1rem;

    z-index: 0;

    font-size: 5.5rem;
    font-weight: 900;

    line-height: 1;

    color:
      rgba(226,232,240,0.7);

    transition:
      color 0.35s ease;
  }
/* ===== ROW ===== */
.shipping-feature-row {
    position: relative;

    z-index: 2;

    display: flex;
    align-items: flex-start;
    gap: 1rem;
  }
/* ===== ICON ===== */
.shipping-feature-icon {
    width: 56px;
    height: 56px;

    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 18px;

    transition:
      all 0.35s ease;
  }
/* ===== CONTENT ===== */
.shipping-feature-content {
    flex: 1;
    min-width: 0;
  }
.shipping-feature-header {
    margin-bottom: 0.7rem;

    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
  }
/* ===== TITLE ===== */
.shipping-feature-title {
    min-width: 0;

    color: #0f172a;

    font-size: 1rem;
    font-weight: 800;

    line-height: 1.35;

    transition:
      color 0.25s ease;
  }
/* ===== LABEL ===== */
.shipping-feature-label {
    flex-shrink: 0;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 9999px;

    padding:
      0.4rem
      0.8rem;

    font-size: 10px;
    font-weight: 900;

    text-transform: uppercase;
    letter-spacing: 0.12em;

    box-shadow:
      0 8px 18px rgba(15,23,42,0.06);
  }
/* ===== DESCRIPTION ===== */
.shipping-feature-description {
    color: #64748b;

    font-size: 0.92rem;
    line-height: 1.7;
  }
/* ===== IMAGE ===== */
.shipping-image-wrapper {
    position: relative;

    min-height: 390px;
  }
.shipping-image-card {
    position: relative;

    overflow: hidden;

    height: 100%;

    min-height: 390px;

    border-radius: 34px;

    box-shadow:
      0 24px 60px rgba(0,0,0,0.16);
  }
.shipping-image {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    -o-object-fit: cover;

       object-fit: cover;

    transition:
      transform 0.7s ease;
  }
.shipping-image-card:hover .shipping-image {
    transform: scale(1.05);
  }
/* ===== OVERLAY ===== */
.shipping-image-overlay {
    position: absolute;

    inset-inline: 0;
    bottom: 0;

    height: 55%;

    background:
      linear-gradient(
        to top,
        rgba(0,0,0,0.72),
        rgba(0,0,0,0.2),
        transparent
      );
  }
/* ===== TOP BADGE ===== */
.shipping-image-badge-top {
    position: absolute;

    top: 1.25rem;
    right: 1.25rem;

    display: flex;
    align-items: center;
    gap: 0.75rem;

    border-radius: 20px;

    background:
      rgba(255,255,255,0.86);

    padding:
      0.8rem
      1rem;

    -webkit-backdrop-filter: blur(12px);

            backdrop-filter: blur(12px);

    box-shadow:
      0 16px 34px rgba(15,23,42,0.14);
  }
.shipping-image-badge-top strong {
    display: block;

    color: #0f172a;

    font-size: 0.85rem;
    font-weight: 900;

    text-transform: lowercase;
  }
.shipping-image-badge-top small {
    color: #64748b;

    font-size: 10px;
    font-weight: 800;

    text-transform: uppercase;
    letter-spacing: 0.12em;
  }
/* ===== BOTTOM BADGE ===== */
.shipping-image-badge-bottom {
    position: absolute;

    left: 1.25rem;
    right: 1.25rem;
    bottom: 1.25rem;

    display: flex;
    align-items: center;
    gap: 1rem;

    border-radius: 22px;

    background:
      rgba(255,255,255,0.88);

    padding:
      1rem
      1.1rem;

    -webkit-backdrop-filter: blur(14px);

            backdrop-filter: blur(14px);

    box-shadow:
      0 16px 34px rgba(15,23,42,0.16);
  }
.shipping-image-badge-bottom strong {
    display: block;

    color: #0f172a;

    font-size: 0.9rem;
    font-weight: 900;

    text-transform: lowercase;
  }
.shipping-image-badge-bottom p {
    margin-top: 0.2rem;

    color: #64748b;

    font-size: 0.75rem;
    line-height: 1.5;
  }
.home-stats-section {
    padding-top: 2.5rem;
    padding-bottom: 3rem;
  }
@media (min-width: 768px) {
    .home-stats-section {
      padding-top: 3.5rem;
      padding-bottom: 4rem;
    }
  }
.home-stats-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }
@media (min-width: 768px) {
    .home-stats-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 2rem;
    }
  }
.home-stat-card {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    border: 1px solid rgba(226, 232, 240, 0.7);
    background: #ffffff;
    padding: 1.25rem;
    text-align: center;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05);
    transition: all 0.45s ease;
  }
.home-stat-card:hover {
    transform: translateY(-0.45rem);
    box-shadow: 0 24px 50px rgba(15, 23, 42, 0.12);
  }
@media (min-width: 768px) {
    .home-stat-card {
      padding: 2rem;
    }
  }
.home-stat-icon {
    position: relative;
    z-index: 10;
    margin-inline: auto;
    margin-bottom: 1rem;
    display: flex;
    height: 3.5rem;
    width: 3.5rem;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    transition: all 0.3s ease;
  }
.home-stat-card:hover .home-stat-icon {
    transform: scale(1.1);
  }
.home-stat-value {
    position: relative;
    z-index: 10;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.04em;
    white-space: nowrap;
  }
@media (min-width: 640px) {
    .home-stat-value {
      font-size: 1.875rem;
    }
  }
@media (min-width: 1024px) {
    .home-stat-value {
      font-size: 2.25rem;
    }
  }
.home-stat-label {
    position: relative;
    z-index: 10;

    color: #475569;

    font-size: 0.92rem;
    font-weight: 700;

    line-height: 1.35;

    transition:
      color 0.25s ease,
      transform 0.25s ease;
  }
.home-stat-card:hover .home-stat-label {
    transform: translateY(-1px);
  }
.home-stat-ghost {
    position: absolute;
    right: -1rem;
    bottom: -1rem;
    z-index: 0;
    height: 6rem;
    width: 6rem;
    transition: color 0.3s ease;
  }
@media (min-width: 768px) {
    .home-stat-ghost {
      height: 7rem;
      width: 7rem;
    }
  }
/* ===== VIP SECTION ===== */
.home-vip-section {
    padding-top: 2.5rem;
    padding-bottom: 4rem;
  }
/* ===== GRID ===== */
.home-vip-grid {
    display: grid;
    gap: 1.5rem;
  }
@media (min-width: 768px) {

    .home-vip-grid {
      grid-template-columns: repeat(3, 1fr);
    }

  }
/* ===== CARD ===== */
.vip-card {
    position: relative;

    overflow: hidden;

    border-radius: 30px;

    border:
      1px solid rgba(226,232,240,0.7);

    background: #ffffff;

    padding: 1.5rem;

    box-shadow:
      0 10px 26px rgba(15,23,42,0.05);

    transition:
      transform 0.45s ease,
      box-shadow 0.45s ease,
      border-color 0.3s ease;
  }
.vip-card:hover {
    transform:
      translateY(-6px);

    box-shadow:
      0 28px 54px rgba(15,23,42,0.12);

    border-color:
      rgba(29,130,153,0.12);
  }
/* ===== NUMBER ===== */
.vip-card-number {
    position: absolute;

    top: 1rem;
    right: 1rem;

    z-index: 0;

    font-size: 5.4rem;
    font-weight: 900;

    line-height: 1;

    color:
      rgba(226,232,240,0.6);

    transition:
      color 0.35s ease;
  }
/* ===== HEADER ===== */
.vip-card-header {
    position: relative;

    z-index: 2;

    margin-bottom: 1rem;

    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
  }
.vip-card-title-row {
    display: flex;
    align-items: center;
    gap: 0.85rem;
  }
/* ===== ICON ===== */
.vip-card-icon {
    width: 48px;
    height: 48px;

    flex-shrink: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 16px;

    transition:
      all 0.35s ease;
  }
/* ===== TITLE ===== */
.vip-card-title {
    color: #0f172a;

    font-size: 1rem;
    font-weight: 800;

    line-height: 1.3;

    transition:
      color 0.25s ease;
  }
/* ===== LABEL ===== */
.vip-card-label {
    flex-shrink: 0;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 9999px;

    padding:
      0.4rem
      0.8rem;

    font-size: 10px;
    font-weight: 900;

    text-transform: uppercase;
    letter-spacing: 0.12em;

    box-shadow:
      0 8px 18px rgba(15,23,42,0.06);
  }
/* ===== DESCRIPTION ===== */
.vip-card-description {
    position: relative;

    z-index: 2;

    color: #64748b;

    font-size: 0.92rem;
    line-height: 1.75;
  }
/* ===== CTA ===== */
.vip-cta-wrapper {
    margin-top: 2.5rem;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
.vip-cta-btn {
    min-height: 62px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;

    border-radius: 9999px;

    padding:
      0 2rem;

    background:
      linear-gradient(
        135deg,
        #25d366,
        #1ead54
      );

    color: #ffffff;

    font-size: 1rem;
    font-weight: 900;

    box-shadow:
      0 18px 38px rgba(37,211,102,0.28);

    transition:
      transform 0.25s ease,
      box-shadow 0.25s ease;
  }
.vip-cta-btn:hover {
    transform:
      translateY(-2px);

    box-shadow:
      0 24px 48px rgba(37,211,102,0.34);
  }
.vip-cta-note {
    margin-top: 0.9rem;

    color: #64748b;

    font-size: 0.88rem;
    text-align: center;
  }
.featured-products-section {
    padding-top: 1rem;
    padding-bottom: 2.5rem;
  }
@media (min-width: 768px) {
    .featured-products-section {
      padding-top: 1.5rem;
      padding-bottom: 1rem;
    }
  }
.featured-products-header {
    margin-bottom: 2.5rem;

    display: flex;
    flex-direction: column;
    gap: 1.25rem;
  }
@media (min-width: 768px) {
    .featured-products-header {
      flex-direction: row;
      align-items: flex-end;
      justify-content: space-between;
    }
  }
.featured-products-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
  }
.featured-products-shuffle,
  .featured-products-link {
    min-height: 46px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;

    border-radius: 9999px;

    padding: 0 1rem;

    font-size: 0.82rem;
    font-weight: 900;

    transition:
      transform 0.2s ease,
      box-shadow 0.2s ease,
      background 0.2s ease;
  }
.featured-products-shuffle {
    background: #ffffff;
    color: #1d8299;
    border: 1px solid rgba(29, 130, 153, 0.18);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
  }
.featured-products-shuffle:hover {
    transform: translateY(-2px);
    background: #e8f6f9;
    box-shadow: 0 18px 34px rgba(29, 130, 153, 0.14);
  }
.featured-products-link {
    background: linear-gradient(135deg, #1d8299, #156f84);
    color: #ffffff;
    box-shadow: 0 14px 30px rgba(29, 130, 153, 0.22);
  }
.featured-products-link:hover {
    transform: translateY(-2px);
    box-shadow: 0 20px 40px rgba(29, 130, 153, 0.28);
  }
.featured-products-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:2px;
    }
@media(min-width:768px){
    .featured-products-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
    }
    }
@media(min-width:1280px){
    .featured-products-grid{
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:8px;
    }
  }
.featured-product-skeleton {
    height: 330px;

    border-radius: 24px;

    background:
      linear-gradient(
        90deg,
        #f1f5f9 25%,
        #e2e8f0 37%,
        #f1f5f9 63%
      );

    background-size: 400% 100%;

    animation: skeleton-loading 1.4s ease infinite;
  }
@media (min-width: 768px) {
    .featured-product-skeleton {
      height: 420px;
    }
  }
.featured-products-empty {
    min-height: 260px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    border-radius: 28px;

    border: 1px dashed #cbd5e1;

    background:
      linear-gradient(
        135deg,
        #f8fafc,
        #ffffff
      );

    color: #64748b;

    text-align: center;
  }
.featured-products-empty p {
    color: #334155;

    font-size: 0.92rem;
    font-weight: 900;
  }
.featured-products-empty small {
    margin-top: 0.35rem;

    color: #94a3b8;

    font-size: 0.78rem;
    font-weight: 700;
  }
.how-to-buy-section {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-top: 1px solid rgba(226, 232, 240, 0.6);
    background: linear-gradient(to bottom, #ffffff, #f8fafc, #f8fafc);
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
@media (min-width: 768px) {
    .how-to-buy-section {
      padding-top: 4rem;
      padding-bottom: 4rem;
    }
  }
.how-to-buy-bg {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 0;
    height: 100%;
    width: 100%;
    max-width: 56rem;
    transform: translateX(-50%);
    background: radial-gradient(
      ellipse at top,
      rgba(29, 130, 153, 0.06),
      transparent 70%
    );
  }
.how-to-buy-container {
    position: relative;
    z-index: 10;
  }
.how-to-buy-grid {
    position: relative;
    z-index: 10;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5rem;
  }
@media (min-width: 768px) {
    .how-to-buy-grid {
      gap: 2rem;
    }
  }
.how-to-buy-card {
    position: relative;
    width: 100%;
    max-width: 24rem;
    overflow: hidden;
    border-radius: 30px;
    border: 1px solid rgba(226, 232, 240, 0.7);
    background: #ffffff;
    padding: 1.75rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
    transition: all 0.5s ease;
  }
.how-to-buy-card:hover {
    transform: translateY(-0.5rem);
    box-shadow: 0 25px 50px rgba(15, 23, 42, 0.18);
  }
@media (min-width: 640px) {
    .how-to-buy-card {
      width: calc(50% - 12px);
    }
  }
@media (min-width: 1024px) {
    .how-to-buy-card {
      width: calc(33.333% - 22px);
    }
  }
.how-to-buy-number {
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -1rem;
    z-index: 0;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    color: rgba(226, 232, 240, 0.7);
    font-size: 130px;
    font-weight: 900;
    line-height: 1;
    transition: color 0.5s ease;
  }
.how-to-buy-card-header {
    position: relative;
    z-index: 10;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
.how-to-buy-icon {
    display: flex;
    height: 3.5rem;
    width: 3.5rem;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    background: rgba(247, 177, 214, 0.2);
    color: #f286be;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
    transition: all 0.5s ease;
  }
.how-to-buy-card:hover .how-to-buy-icon {
    transform: scale(1.1);
    color: #ffffff;
  }
.how-to-buy-label {
    display: inline-block;
    border-radius: 9999px;
    padding: 0.25rem 0.75rem;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
  }
.how-to-buy-title {
    position: relative;
    z-index: 10;
    margin-bottom: 0.75rem;
    color: #020617;
    font-size: 1.25rem;
    font-weight: 700;
    transition: color 0.3s ease;
  }
.how-to-buy-description {
    position: relative;
    z-index: 10;
    color: #475569;
    font-size: 0.875rem;
    line-height: 1.625;
  }
.benefits-section {
    padding-top: 2.5rem;
    padding-bottom: 3rem;
  }
@media (min-width: 768px) {
    .benefits-section {
      padding-top: 3.5rem;
      padding-bottom: 4rem;
    }
  }
.benefits-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5rem;
  }
@media (min-width: 768px) {
    .benefits-grid {
      gap: 2rem;
    }
  }
.benefit-card {
    position: relative;
    width: 100%;
    max-width: 24rem;
    overflow: hidden;
    border-radius: 30px;
    border: 1px solid rgba(226, 232, 240, 0.7);
    background: #ffffff;
    padding: 1.75rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
    transition: all 0.5s ease;
  }
.benefit-card:hover {
    transform: translateY(-0.5rem);
    box-shadow: 0 25px 50px rgba(15, 23, 42, 0.18);
  }
@media (min-width: 640px) {
    .benefit-card {
      width: calc(50% - 12px);
    }
  }
@media (min-width: 1024px) {
    .benefit-card {
      width: calc(33.333% - 22px);
    }
  }
.benefit-number {
    position: absolute;
    right: -1rem;
    top: -2rem;
    color: rgba(226, 232, 240, 0.7);
    font-size: 120px;
    font-weight: 900;
    line-height: 1;
    transition: color 0.5s ease;
  }
.benefit-card-header {
    position: relative;
    z-index: 10;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
.benefit-icon {
    display: flex;
    height: 3.5rem;
    width: 3.5rem;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    background: rgba(247, 177, 214, 0.2);
    color: #f286be;
    transition: all 0.5s ease;
  }
.benefit-card:hover .benefit-icon {
    transform: scale(1.1);
    color: #ffffff;
  }
.benefit-label {
    border-radius: 9999px;
    padding: 0.25rem 0.75rem;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }
.benefit-title {
    margin-bottom: 0.75rem;
    color: #020617;
    font-size: 1.25rem;
    font-weight: 700;
    transition: color 0.3s ease;
  }
.benefit-description {
    color: #475569;
    font-size: 0.875rem;
    line-height: 1.625;
  }
.testimonials-section{
padding-top:2.5rem;
padding-bottom:4rem;
}
@media(min-width:768px){

.testimonials-section{
padding-top:3.5rem;
padding-bottom:5rem;
}

}
.testimonials-grid{
display:grid;
grid-template-columns:1fr;
gap:1.5rem;
}
@media(min-width:768px){

.testimonials-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:1.75rem;
}

}
@media(min-width:1024px){

.testimonials-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
}

}
.testimonial-card{

position:relative;
overflow:hidden;

border-radius:30px;

border:1px solid rgba(226,232,240,.7);

background:#fff;

padding:1.5rem;

box-shadow:0 1px 2px rgba(15,23,42,.05);

transition:all .5s ease;

}
.testimonial-card:hover{

transform:translateY(-.5rem);

box-shadow:
0 25px 50px
rgba(15,23,42,.18);

}
.testimonial-number{

pointer-events:none;

position:absolute;

right:1.75rem;
top:1.5rem;

z-index:0;

-webkit-user-select:none;

   -moz-user-select:none;

        user-select:none;

font-size:90px;

font-weight:900;

line-height:1;

color:
rgba(226,232,240,.6);

transition:
color .5s ease;

}
.testimonial-header{

position:relative;

z-index:10;

margin-bottom:1rem;

display:flex;

align-items:flex-start;

justify-content:space-between;

gap:.75rem;

}
.testimonial-business{

display:flex;

min-width:0;

align-items:center;

gap:.75rem;

}
.testimonial-icon{

display:flex;

height:2.75rem;
width:2.75rem;

flex-shrink:0;

align-items:center;
justify-content:center;

border-radius:.75rem;

background:
rgba(247,177,214,.2);

color:#f286be;

box-shadow:
0 1px 2px
rgba(15,23,42,.05);

transition:all .5s ease;

}
.testimonial-card:hover .testimonial-icon{

transform:scale(1.1);

color:#fff;

}
.testimonial-meta{

min-width:0;

line-height:1.25;

}
.testimonial-name{

display:block;

overflow:hidden;

text-overflow:ellipsis;

white-space:nowrap;

font-size:15px;

font-weight:600;

color:#020617;

transition:.3s;

}
.testimonial-city{

margin-top:.25rem;

display:flex;

align-items:center;

gap:.25rem;

font-size:11px;

font-weight:700;

text-transform:uppercase;

letter-spacing:.04em;

color:#64748b;

}
.testimonial-label{

flex-shrink:0;

border-radius:9999px;

padding:.25rem .75rem;

font-size:10px;

font-weight:900;

text-transform:uppercase;

letter-spacing:.1em;

}
.testimonial-stars{

position:relative;

z-index:10;

margin-bottom:.75rem;

display:flex;

gap:.25rem;

color:#f5b025;

}
.testimonial-text{

position:relative;

z-index:10;

margin-bottom:1rem;

font-size:.875rem;

font-weight:500;

line-height:1.65;

color:#334155;

}
.testimonial-product{

position:relative;

z-index:10;

display:inline-flex;

border-radius:9999px;

background:#f1f5f9;

padding:
.25rem .75rem;

font-size:11px;

font-weight:700;

color:#475569;

}
.brand-story-section {
    padding-top: 2.5rem;
    padding-bottom: 4rem;
  }
@media (min-width: 768px) {
    .brand-story-section {
      padding-top: 3.5rem;
      padding-bottom: 5rem;
    }
  }
.brand-story-grid {
    display: grid;
    align-items: center;
    gap: 2.5rem;
  }
@media (min-width: 768px) {
    .brand-story-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 3.5rem;
    }
  }
.brand-story-image-col {
    position: relative;
    order: 1;
  }
@media (min-width: 768px) {
    .brand-story-image-col {
      order: 0;
    }
  }
.brand-story-image-bg {
    position: absolute;
    inset: -0.75rem;
    z-index: 0;
    border-radius: 26px;
    background: rgba(247, 177, 214, 0.2);
  }
@media (min-width: 768px) {
    .brand-story-image-bg {
      transform: rotate(2deg);
    }
  }
.brand-story-image {
    position: relative;
    z-index: 10;
    height: 360px;
    width: 100%;
    border-radius: 24px;
    -o-object-fit: cover;
       object-fit: cover;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
      0 8px 10px -6px rgba(0, 0, 0, 0.1);
  }
@media (min-width: 768px) {
    .brand-story-image {
      height: 480px;
    }
  }
.brand-story-content {
    text-align: center;
  }
@media (min-width: 768px) {
    .brand-story-content {
      text-align: left;
    }
  }
.brand-story-text {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    color: #475569;
    font-size: 0.875rem;
    line-height: 1.625;
  }
@media (min-width: 768px) {
    .brand-story-text {
      font-size: 1rem;
      line-height: 1.625;
    }
  }
.brand-story-text strong {
    color: #020617;
  }
.brand-story-location {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    color: #334155;
    font-size: 0.875rem;
  }
.brand-story-strong {
    color: #020617;
    font-weight: 600;
  }
.brand-story-cta {
    margin-top: 2rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;

    border-radius: 9999px;

    background: #25d366;

    padding: 1rem 2rem;

    color: #ffffff;

    font-size: 0.875rem;
    font-weight: 900;

    box-shadow: 0 10px 25px rgba(37, 211, 102, 0.35);

    transition:
      transform 0.3s ease,
      background 0.3s ease,
      box-shadow 0.3s ease;
  }
.brand-story-cta:hover {
    transform: translateY(-0.25rem);
    background: #1ebe5d;
    box-shadow: 0 15px 35px rgba(37, 211, 102, 0.5);
  }
.brand-story-cta:active {
    transform: scale(0.95);
  }
.social-section {
    padding-top: 2rem;
    padding-bottom: 3rem;
  }
@media (min-width: 768px) {
    .social-section {
      padding-top: 2.5rem;
      padding-bottom: 3.5rem;
    }
  }
.social-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }
@media (min-width: 640px) {
    .social-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
@media (min-width: 768px) {
    .social-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
@media (min-width: 1024px) {
    .social-grid {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
  }
.social-card {
    min-height: 150px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    border-radius: 26px;

    border: 1px solid rgba(226, 232, 240, 0.8);

    background: #ffffff;

    padding: 1.25rem;

    text-align: center;

    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);

    transition: all 0.3s ease;
  }
.social-card:hover {
    transform: translateY(-0.375rem) scale(1.03);
    box-shadow: 0 20px 25px -5px rgba(15, 23, 42, 0.1),
      0 8px 10px -6px rgba(15, 23, 42, 0.1);
  }
.social-icon {
    margin-bottom: 1rem;

    display: flex;
    height: 3.5rem;
    width: 3.5rem;
    align-items: center;
    justify-content: center;

    border-radius: 1rem;
    border-width: 1px;

    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);

    transition: all 0.3s ease;
  }
.social-card:hover .social-icon {
    transform: scale(1.1);
  }
.social-title {
    color: #020617;

    font-size: 1rem;
    font-weight: 800;

    transition: color 0.3s ease;
  }
.social-description {
    margin-top: 0.25rem;

    color: #64748b;

    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.375;
  }
.social-label {
    margin-top: 0.75rem;

    border-radius: 9999px;

    background: #f1f5f9;

    padding: 0.25rem 0.75rem;

    color: #64748b;

    font-size: 9px;
    font-weight: 900;

    text-transform: uppercase;
    letter-spacing: 0.1em;

    transition: all 0.3s ease;
  }
.social-card:hover .social-label {
    background: #0f172a;
    color: #ffffff;
  }
.tiktok-section {
    background: #f8fafc;
    padding: 4rem 1rem;
  }
@media (min-width: 768px) {
    .tiktok-section {
      padding-top: 5rem;
      padding-bottom: 5rem;
    }
  }
.tiktok-inner {
    margin-inline: auto;
    max-width: 72rem;
  }
.tiktok-header {
    margin-inline: auto;
    margin-bottom: 3rem;
    max-width: 48rem;
    text-align: center;
  }
.tiktok-kicker-row {
    margin-bottom: 1.25rem;
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
  }
.tiktok-kicker-icon {
    display: flex;
    height: 3rem;
    width: 3rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    background: rgba(29, 130, 153, 0.1);
    color: #1d8299;
  }
.tiktok-kicker {
    color: #1d8299;
    font-size: 0.75rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.28em;
  }
.tiktok-title {
    color: #020617;
    font-size: 1.875rem;
    font-weight: 900;
    line-height: 1.25;
    letter-spacing: -0.025em;
  }
@media (min-width: 768px) {
    .tiktok-title {
      font-size: 2.25rem;
      line-height: 2.5rem;
    }
  }
.tiktok-divider {
    margin-inline: auto;
    margin-top: 1.5rem;
    height: 0.25rem;
    width: 5rem;
    border-radius: 9999px;
    background: linear-gradient(to right, #1d8299, #6a8fa0, #f286be);
  }
.tiktok-description {
    margin-inline: auto;
    margin-top: 1.5rem;
    max-width: 42rem;
    color: #64748b;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.625;
  }
@media (min-width: 768px) {
    .tiktok-description {
      font-size: 1.125rem;
      line-height: 1.75rem;
    }
  }
.tiktok-video-track {
    display: flex;
    gap: 1.5rem;
    overflow-x: auto;
    padding-bottom: 1.25rem;
    scrollbar-width: none;
  }
.tiktok-video-track::-webkit-scrollbar {
    display: none;
  }
.tiktok-card {
    min-width: 280px;
    max-width: 280px;
    overflow: hidden;
    border-radius: 28px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    padding: 0.75rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
    transition: all 0.3s ease;
  }
.tiktok-card:hover {
    transform: translateY(-0.25rem);
    box-shadow: 0 20px 25px -5px rgba(15, 23, 42, 0.1),
      0 8px 10px -6px rgba(15, 23, 42, 0.1);
  }
@media (min-width: 768px) {
    .tiktok-card {
      min-width: 310px;
      max-width: 310px;
    }
  }
.tiktok-iframe-wrapper {
    overflow: hidden;
    border-radius: 22px;
    background: #f1f5f9;
  }
.tiktok-iframe {
    height: 500px;
    width: 100%;
    border: 0;
  }
.tiktok-card-content {
    padding: 0.75rem;
  }
.tiktok-card-title {
    min-height: 44px;
    color: #1e293b;
    font-size: 0.875rem;
    font-weight: 900;
    line-height: 1.375;
  }
.tiktok-search-btn {
    margin-top: 1rem;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border-radius: 1rem;
    background: #1d8299;
    padding: 0.75rem 1rem;
    color: #ffffff;
    font-size: 0.875rem;
    font-weight: 900;
    box-shadow: 0 12px 24px rgba(29, 130, 153, 0.22);
    transition: all 0.2s ease;
  }
.tiktok-search-btn:hover {
    transform: translateY(-0.125rem);
    background: #156f84;
  }
.tiktok-search-label {
    margin-top: 0.5rem;
    text-align: center;
    color: #94a3b8;
    font-size: 11px;
    font-weight: 600;
  }
.final-cta-section {
    width: 100%;

    border-top: 1px solid rgba(226, 232, 240, 0.6);

    background:
      linear-gradient(
        to bottom,
        #ffffff,
        #f8fafc
      );

    padding-top: 4rem;
    padding-bottom: 4rem;

    box-shadow:
      0 -4px 20px rgba(0, 0, 0, 0.02);
  }
@media (min-width: 768px) {
    .final-cta-section {
      padding-top: 6rem;
      padding-bottom: 6rem;
    }
  }
.final-cta-inner {
    position: relative;

    text-align: center;
  }
.final-cta-icon {
    margin-inline: auto;
    margin-bottom: 1.5rem;

    height: 2.5rem;
    width: 2.5rem;

    color: rgba(242, 134, 190, 0.3);
  }
@media (min-width: 768px) {
    .final-cta-icon {
      height: 3.5rem;
      width: 3.5rem;
    }
  }
.final-cta-quote {
    margin-inline: auto;

    max-width: 56rem;

    color: #0f172a;

    font-size: 1.65rem;
    line-height: 1.625;
  }
@media (min-width: 768px) {
    .final-cta-quote {
      font-size: 2.25rem;
      line-height: 2.5rem;
    }
  }
.final-cta-highlight {
    margin-top: 1rem;

    display: block;

    background:
      linear-gradient(
        to right,
        #1d8299,
        #f286be
      );

    background-clip: text;
    -webkit-background-clip: text;

    color: transparent;

    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 900;
  }
@media (min-width: 768px) {
    .final-cta-highlight {
      font-size: 3rem;
      line-height: 1;
    }
  }
.final-cta-actions {
    margin-top: 2.5rem;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    gap: 1rem;
  }
@media (min-width: 768px) {
    .final-cta-actions {
      flex-direction: row;
    }
  }
.final-cta-whatsapp,
  .final-cta-catalog {
    width: 100%;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;

    border-radius: 9999px;

    padding:
      1rem
      2rem;

    font-size: 0.875rem;
    font-weight: 900;

    transition:
      transform 0.3s ease,
      background 0.3s ease,
      color 0.3s ease,
      box-shadow 0.3s ease;
  }
@media (min-width: 768px) {
    .final-cta-whatsapp,
    .final-cta-catalog {
      width: auto;
    }
  }
.final-cta-whatsapp {
    background: #25d366;

    color: #ffffff;

    box-shadow:
      0 10px 25px rgba(37, 211, 102, 0.35);
  }
.final-cta-whatsapp:hover {
    transform: translateY(-0.25rem);

    background: #1ebd5a;

    box-shadow:
      0 15px 35px rgba(37, 211, 102, 0.5);
  }
.final-cta-catalog {
    border:
      1px solid #1d8299;

    color: #1d8299;
  }
.final-cta-catalog:hover {
    transform: translateY(-0.25rem);

    background: #1d8299;

    color: #ffffff;
  }
.final-cta-whatsapp:active,
  .final-cta-catalog:active {
    transform: scale(0.95);
  }
.final-cta-note {
    margin-top: 1.25rem;

    color: #64748b;

    font-size: 0.75rem;
    font-weight: 500;
  }
.home-footer {
    position: relative;
    overflow: hidden;

    border-top: 6px solid #1d8299;

    background: #0d5c6d;

    padding-top: 3.5rem;
    padding-bottom: 2rem;

    color: #ffffff;
  }
.home-footer-glow {
    pointer-events: none;

    position: absolute;

    top: 0;
    left: 50%;

    height: 6rem;
    width: 75%;

    transform: translateX(-50%);

    background: rgba(29, 130, 153, 0.3);

    filter: blur(80px);
  }
.home-footer-inner {
    position: relative;
    z-index: 10;

    margin-inline: auto;

    max-width: 56rem;

    padding-inline: 1.5rem;

    text-align: center;
  }
.home-footer-logo-link {
    margin-bottom: 1.5rem;

    display: inline-block;

    transition: transform 0.3s ease;
  }
.home-footer-logo-link:hover {
    transform: scale(1.05);
  }
.home-footer-logo {
    margin-inline: auto;

    height: 3rem;

    -o-object-fit: contain;

       object-fit: contain;

    filter: brightness(0) invert(1);
  }
.home-footer-description {
    margin-inline: auto;
    margin-bottom: 2.5rem;

    max-width: 28rem;

    color: rgba(255, 255, 255, 0.7);

    font-size: 0.875rem;
    line-height: 1.625;
  }
.home-footer-nav {
    margin-bottom: 2.5rem;

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem 2rem;

    color: rgba(255, 255, 255, 0.8);

    font-size: 0.875rem;
    font-weight: 600;
  }
.home-footer-link {
    transition:
      transform 0.3s ease,
      color 0.3s ease;
  }
.home-footer-link:hover {
    transform: scale(1.05);
    color: #ffffff;
  }
.home-footer-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;

    border-top: 1px solid rgba(255, 255, 255, 0.1);

    padding-top: 1.5rem;

    color: rgba(255, 255, 255, 0.5);

    font-size: 0.75rem;
  }
@media (min-width: 768px) {
    .home-footer-bottom {
      flex-direction: row;
    }
  }
.home-footer-legal {
    margin-top: 0.75rem;

    display: flex;
    gap: 1.5rem;
  }
@media (min-width: 768px) {
    .home-footer-legal {
      margin-top: 0;
    }
  }
.home-footer-legal a {
    transition: color 0.2s ease;
  }
.home-footer-legal a:hover {
    color: #ffffff;
  }
/* ===== CATALOG SKELETON ===== */
/* ===== CATEGORY SKELETON ===== */
@keyframes skeleton-loading {

    0% {
      background-position: 100% 50%;
    }

    100% {
      background-position: 0 50%;
    }

  }
/* ===== PRODUCT SKELETON ===== */
.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 !important;
}
.visible{
  visibility:visible;
}
.invisible{
  visibility:hidden;
}
.fixed{
  position:fixed;
}
.absolute{
  position:absolute;
}
.relative{
  position:relative;
}
.sticky{
  position:sticky;
}
.inset-0{
  inset:0px;
}
.inset-x-0{
  left:0px;
  right:0px;
}
.inset-y-0{
  top:0px;
  bottom:0px;
}
.-bottom-10{
  bottom:-2.5rem;
}
.-bottom-12{
  bottom:-3rem;
}
.-left-12{
  left:-3rem;
}
.-right-1{
  right:-0.25rem;
}
.-right-12{
  right:-3rem;
}
.-top-1{
  top:-0.25rem;
}
.-top-12{
  top:-3rem;
}
.bottom-0{
  bottom:0px;
}
.bottom-2{
  bottom:0.5rem;
}
.bottom-3{
  bottom:0.75rem;
}
.bottom-4{
  bottom:1rem;
}
.bottom-6{
  bottom:1.5rem;
}
.bottom-\[-30px\]{
  bottom:-30px;
}
.bottom-\[-40px\]{
  bottom:-40px;
}
.bottom-\[10\%\]{
  bottom:10%;
}
.bottom-\[20\%\]{
  bottom:20%;
}
.left-0{
  left:0px;
}
.left-1{
  left:0.25rem;
}
.left-1\/2{
  left:50%;
}
.left-2{
  left:0.5rem;
}
.left-4{
  left:1rem;
}
.left-6{
  left:1.5rem;
}
.left-\[10\%\]{
  left:10%;
}
.left-\[5\%\]{
  left:5%;
}
.left-\[50\%\]{
  left:50%;
}
.right-0{
  right:0px;
}
.right-1{
  right:0.25rem;
}
.right-1\/4{
  right:25%;
}
.right-2{
  right:0.5rem;
}
.right-3{
  right:0.75rem;
}
.right-4{
  right:1rem;
}
.right-6{
  right:1.5rem;
}
.right-8{
  right:2rem;
}
.right-\[10\%\]{
  right:10%;
}
.right-\[15\%\]{
  right:15%;
}
.top-0{
  top:0px;
}
.top-1\.5{
  top:0.375rem;
}
.top-1\/2{
  top:50%;
}
.top-2{
  top:0.5rem;
}
.top-3\.5{
  top:0.875rem;
}
.top-4{
  top:1rem;
}
.top-6{
  top:1.5rem;
}
.top-\[-50px\]{
  top:-50px;
}
.top-\[10\%\]{
  top:10%;
}
.top-\[1px\]{
  top:1px;
}
.top-\[25\%\]{
  top:25%;
}
.top-\[50\%\]{
  top:50%;
}
.top-\[60\%\]{
  top:60%;
}
.top-\[72px\]{
  top:72px;
}
.top-full{
  top:100%;
}
.z-0{
  z-index:0;
}
.z-10{
  z-index:10;
}
.z-20{
  z-index:20;
}
.z-50{
  z-index:50;
}
.z-\[100\]{
  z-index:100;
}
.z-\[11\]{
  z-index:11;
}
.z-\[120\]{
  z-index:120;
}
.z-\[130\]{
  z-index:130;
}
.z-\[1500\]{
  z-index:1500;
}
.z-\[1\]{
  z-index:1;
}
.z-\[2500\]{
  z-index:2500;
}
.z-\[60\]{
  z-index:60;
}
.z-\[9999\]{
  z-index:9999;
}
.m-0{
  margin:0px;
}
.-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-auto{
  margin-left:auto;
  margin-right:auto;
}
.my-0\.5{
  margin-top:0.125rem;
  margin-bottom:0.125rem;
}
.my-1{
  margin-top:0.25rem;
  margin-bottom:0.25rem;
}
.my-8{
  margin-top:2rem;
  margin-bottom:2rem;
}
.-ml-4{
  margin-left:-1rem;
}
.-mt-4{
  margin-top:-1rem;
}
.mb-0{
  margin-bottom:0px;
}
.mb-1{
  margin-bottom:0.25rem;
}
.mb-1\.5{
  margin-bottom:0.375rem;
}
.mb-12{
  margin-bottom:3rem;
}
.mb-2{
  margin-bottom:0.5rem;
}
.mb-3{
  margin-bottom:0.75rem;
}
.mb-4{
  margin-bottom:1rem;
}
.mb-6{
  margin-bottom:1.5rem;
}
.ml-1{
  margin-left:0.25rem;
}
.ml-auto{
  margin-left:auto;
}
.mr-2{
  margin-right:0.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-10{
  margin-top:2.5rem;
}
.mt-16{
  margin-top:4rem;
}
.mt-2{
  margin-top:0.5rem;
}
.mt-2\.5{
  margin-top:0.625rem;
}
.mt-24{
  margin-top:6rem;
}
.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;
}
.flex{
  display:flex;
}
.inline-flex{
  display:inline-flex;
}
.table{
  display:table;
}
.grid{
  display:grid;
}
.hidden{
  display:none;
}
.aspect-square{
  aspect-ratio:1 / 1;
}
.aspect-video{
  aspect-ratio:16 / 9;
}
.size-4{
  width:1rem;
  height:1rem;
}
.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-16{
  height:4rem;
}
.h-2{
  height:0.5rem;
}
.h-2\.5{
  height:0.625rem;
}
.h-20{
  height:5rem;
}
.h-24{
  height:6rem;
}
.h-3{
  height:0.75rem;
}
.h-3\.5{
  height:0.875rem;
}
.h-3\/4{
  height:75%;
}
.h-4{
  height:1rem;
}
.h-48{
  height:12rem;
}
.h-5{
  height:1.25rem;
}
.h-6{
  height:1.5rem;
}
.h-7{
  height:1.75rem;
}
.h-8{
  height:2rem;
}
.h-9{
  height:2.25rem;
}
.h-\[150px\]{
  height:150px;
}
.h-\[19px\]{
  height:19px;
}
.h-\[1px\]{
  height:1px;
}
.h-\[320px\]{
  height:320px;
}
.h-\[400px\]{
  height:400px;
}
.h-\[42px\]{
  height:42px;
}
.h-\[500px\]{
  height:500px;
}
.h-\[600px\]{
  height:600px;
}
.h-\[70vh\]{
  height:70vh;
}
.h-\[800px\]{
  height:800px;
}
.h-\[var\(--radix-navigation-menu-viewport-height\)\]{
  height:var(--radix-navigation-menu-viewport-height);
}
.h-\[var\(--radix-select-trigger-height\)\]{
  height:var(--radix-select-trigger-height);
}
.h-auto{
  height:auto;
}
.h-full{
  height:100%;
}
.h-px{
  height:1px;
}
.h-svh{
  height:100svh;
}
.max-h-96{
  max-height:24rem;
}
.max-h-\[300px\]{
  max-height:300px;
}
.max-h-full{
  max-height:100%;
}
.max-h-screen{
  max-height:100vh;
}
.min-h-0{
  min-height:0px;
}
.min-h-\[36px\]{
  min-height:36px;
}
.min-h-\[52px\]{
  min-height:52px;
}
.min-h-\[80px\]{
  min-height:80px;
}
.min-h-screen{
  min-height:100vh;
}
.min-h-svh{
  min-height:100svh;
}
.w-0{
  width:0px;
}
.w-0\.5{
  width:0.125rem;
}
.w-1{
  width:0.25rem;
}
.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-20{
  width:5rem;
}
.w-24{
  width:6rem;
}
.w-3{
  width:0.75rem;
}
.w-3\.5{
  width:0.875rem;
}
.w-3\/4{
  width:75%;
}
.w-32{
  width:8rem;
}
.w-36{
  width:9rem;
}
.w-4{
  width:1rem;
}
.w-4\/5{
  width:80%;
}
.w-48{
  width:12rem;
}
.w-5{
  width:1.25rem;
}
.w-5\/6{
  width:83.333333%;
}
.w-56{
  width:14rem;
}
.w-6{
  width:1.5rem;
}
.w-64{
  width:16rem;
}
.w-7{
  width:1.75rem;
}
.w-72{
  width:18rem;
}
.w-8{
  width:2rem;
}
.w-9{
  width:2.25rem;
}
.w-\[--sidebar-width\]{
  width:var(--sidebar-width);
}
.w-\[100px\]{
  width:100px;
}
.w-\[19px\]{
  width:19px;
}
.w-\[1px\]{
  width:1px;
}
.w-\[400px\]{
  width:400px;
}
.w-\[600px\]{
  width:600px;
}
.w-\[65\%\]{
  width:65%;
}
.w-\[70\%\]{
  width:70%;
}
.w-\[76px\]{
  width:76px;
}
.w-\[800px\]{
  width:800px;
}
.w-\[88\%\]{
  width:88%;
}
.w-\[calc\(100\%-2rem\)\]{
  width:calc(100% - 2rem);
}
.w-auto{
  width:auto;
}
.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-5{
  min-width:1.25rem;
}
.min-w-\[12rem\]{
  min-width:12rem;
}
.min-w-\[42px\]{
  min-width:42px;
}
.min-w-\[50px\]{
  min-width:50px;
}
.min-w-\[8rem\]{
  min-width:8rem;
}
.min-w-\[96px\]{
  min-width:96px;
}
.min-w-\[var\(--radix-select-trigger-width\)\]{
  min-width:var(--radix-select-trigger-width);
}
.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-\[--skeleton-width\]{
  max-width:var(--skeleton-width);
}
.max-w-\[120px\]{
  max-width:120px;
}
.max-w-\[360px\]{
  max-width:360px;
}
.max-w-\[75\%\]{
  max-width:75%;
}
.max-w-\[78\%\]{
  max-width:78%;
}
.max-w-\[78px\]{
  max-width:78px;
}
.max-w-\[90px\]{
  max-width:90px;
}
.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-sm{
  max-width:24rem;
}
.flex-1{
  flex:1 1 0%;
}
.flex-shrink-0{
  flex-shrink:0;
}
.shrink-0{
  flex-shrink:0;
}
.flex-grow{
  flex-grow:1;
}
.grow{
  flex-grow:1;
}
.grow-0{
  flex-grow:0;
}
.basis-full{
  flex-basis:100%;
}
.caption-bottom{
  caption-side:bottom;
}
.border-collapse{
  border-collapse:collapse;
}
.origin-center{
  transform-origin:center;
}
.-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-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-3{
  --tw-translate-y:-0.75rem;
  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\/3{
  --tw-translate-x:33.333333%;
  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-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-1\/3{
  --tw-translate-y:33.333333%;
  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));
}
.-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-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-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-\[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));
}
.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));
}
.scale-\[1\.04\]{
  --tw-scale-x:1.04;
  --tw-scale-y:1.04;
  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 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 toast-in{
  0%{
    transform:translateY(-20px) scale(0.9);
    opacity:0;
  }
  100%{
    transform:translateY(0) scale(1);
    opacity:1;
  }
}
.animate-toast-in{
  animation:toast-in 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}
@keyframes toast-out{
  0%{
    transform:scale(1);
    opacity:1;
  }
  100%{
    transform:scale(0.9);
    opacity:0;
  }
}
.animate-toast-out{
  animation:toast-out 0.3s ease-in forwards;
}
.cursor-default{
  cursor:default;
}
.cursor-grab{
  cursor:grab;
}
.cursor-not-allowed{
  cursor:not-allowed;
}
.cursor-pointer{
  cursor:pointer;
}
.cursor-zoom-in{
  cursor:zoom-in;
}
.touch-none{
  touch-action:none;
}
.select-none{
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
}
.resize{
  resize:both;
}
.list-disc{
  list-style-type:disc;
}
.list-none{
  list-style-type:none;
}
.grid-cols-1{
  grid-template-columns:repeat(1, 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));
}
.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;
}
.gap-0\.5{
  gap:0.125rem;
}
.gap-1{
  gap:0.25rem;
}
.gap-1\.5{
  gap:0.375rem;
}
.gap-12{
  gap:3rem;
}
.gap-2{
  gap:0.5rem;
}
.gap-3{
  gap:0.75rem;
}
.gap-4{
  gap:1rem;
}
.gap-5{
  gap:1.25rem;
}
.gap-6{
  gap:1.5rem;
}
.gap-8{
  gap:2rem;
}
.gap-\[3px\]{
  gap:3px;
}
.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-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-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-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-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));
}
.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-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));
}
.overflow-auto{
  overflow:auto;
}
.overflow-hidden{
  overflow:hidden;
}
.overflow-x-auto{
  overflow-x:auto;
}
.overflow-y-auto{
  overflow-y:auto;
}
.overflow-x-hidden{
  overflow-x:hidden;
}
.scroll-smooth{
  scroll-behavior:smooth;
}
.truncate{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.whitespace-nowrap{
  white-space:nowrap;
}
.break-words{
  overflow-wrap:break-word;
}
.rounded{
  border-radius:0.25rem;
}
.rounded-2xl{
  border-radius:1rem;
}
.rounded-3xl{
  border-radius:1.5rem;
}
.rounded-\[18px\]{
  border-radius:18px;
}
.rounded-\[22px\]{
  border-radius:22px;
}
.rounded-\[28px\]{
  border-radius:28px;
}
.rounded-\[2px\]{
  border-radius:2px;
}
.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-sm{
  border-radius:calc(var(--radius) - 4px);
}
.rounded-xl{
  border-radius:0.75rem;
}
.rounded-t-\[10px\]{
  border-top-left-radius:10px;
  border-top-right-radius:10px;
}
.rounded-tl-sm{
  border-top-left-radius:calc(var(--radius) - 4px);
}
.border{
  border-width:1px;
}
.border-2{
  border-width:2px;
}
.border-\[1\.5px\]{
  border-width:1.5px;
}
.border-y{
  border-top-width:1px;
  border-bottom-width:1px;
}
.border-b{
  border-bottom-width:1px;
}
.border-l{
  border-left-width:1px;
}
.border-r{
  border-right-width:1px;
}
.border-t{
  border-top-width:1px;
}
.border-dashed{
  border-style:dashed;
}
.border-\[\#1d8299\]{
  --tw-border-opacity:1;
  border-color:rgb(29 130 153 / var(--tw-border-opacity, 1));
}
.border-\[\#1d8299\]\/20{
  border-color:rgb(29 130 153 / 0.2);
}
.border-\[\#1d8299\]\/30{
  border-color:rgb(29 130 153 / 0.3);
}
.border-\[\#cbd5e1\]{
  --tw-border-opacity:1;
  border-color:rgb(203 213 225 / var(--tw-border-opacity, 1));
}
.border-\[\#d8ccff\]{
  --tw-border-opacity:1;
  border-color:rgb(216 204 255 / var(--tw-border-opacity, 1));
}
.border-\[\#d8e2ed\]{
  --tw-border-opacity:1;
  border-color:rgb(216 226 237 / var(--tw-border-opacity, 1));
}
.border-\[\#dbe5ee\]{
  --tw-border-opacity:1;
  border-color:rgb(219 229 238 / var(--tw-border-opacity, 1));
}
.border-\[\#e2e8f0\]{
  --tw-border-opacity:1;
  border-color:rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.border-\[\#eef2f6\]{
  --tw-border-opacity:1;
  border-color:rgb(238 242 246 / var(--tw-border-opacity, 1));
}
.border-\[\#f5b025\]\/30{
  border-color:rgb(245 176 37 / 0.3);
}
.border-\[\#f6bfdc\]{
  --tw-border-opacity:1;
  border-color:rgb(246 191 220 / var(--tw-border-opacity, 1));
}
.border-\[\#f6d28b\]{
  --tw-border-opacity:1;
  border-color:rgb(246 210 139 / var(--tw-border-opacity, 1));
}
.border-\[\#f7b1d6\]\/40{
  border-color:rgb(247 177 214 / 0.4);
}
.border-\[--color-border\]{
  border-color:var(--color-border);
}
.border-border{
  border-color:hsl(var(--border));
}
.border-border\/50{
  border-color:hsl(var(--border) / 0.5);
}
.border-destructive{
  border-color:hsl(var(--destructive));
}
.border-destructive\/50{
  border-color:hsl(var(--destructive) / 0.5);
}
.border-input{
  border-color:hsl(var(--input));
}
.border-primary{
  border-color:hsl(var(--primary));
}
.border-red-200{
  --tw-border-opacity:1;
  border-color:rgb(254 202 202 / var(--tw-border-opacity, 1));
}
.border-sidebar-border{
  border-color:hsl(var(--sidebar-border));
}
.border-slate-100{
  --tw-border-opacity:1;
  border-color:rgb(241 245 249 / var(--tw-border-opacity, 1));
}
.border-slate-200{
  --tw-border-opacity:1;
  border-color:rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.border-slate-200\/70{
  border-color:rgb(226 232 240 / 0.7);
}
.border-transparent{
  border-color:transparent;
}
.border-white\/10{
  border-color:rgb(255 255 255 / 0.1);
}
.border-l-transparent{
  border-left-color:transparent;
}
.border-t-transparent{
  border-top-color:transparent;
}
.bg-\[\#070b14\]{
  --tw-bg-opacity:1;
  background-color:rgb(7 11 20 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1d8299\]{
  --tw-bg-opacity:1;
  background-color:rgb(29 130 153 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1d8299\]\/10{
  background-color:rgb(29 130 153 / 0.1);
}
.bg-\[\#25D366\]{
  --tw-bg-opacity:1;
  background-color:rgb(37 211 102 / var(--tw-bg-opacity, 1));
}
.bg-\[\#6a5a8a\]\/10{
  background-color:rgb(106 90 138 / 0.1);
}
.bg-\[\#7c3aed\]{
  --tw-bg-opacity:1;
  background-color:rgb(124 58 237 / var(--tw-bg-opacity, 1));
}
.bg-\[\#dcfce7\]{
  --tw-bg-opacity:1;
  background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e6f2f5\]{
  --tw-bg-opacity:1;
  background-color:rgb(230 242 245 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e6f6f8\]{
  --tw-bg-opacity:1;
  background-color:rgb(230 246 248 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f1f5f9\]{
  --tw-bg-opacity:1;
  background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f286be\]{
  --tw-bg-opacity:1;
  background-color:rgb(242 134 190 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f286be\]\/10{
  background-color:rgb(242 134 190 / 0.1);
}
.bg-\[\#f3efff\]{
  --tw-bg-opacity:1;
  background-color:rgb(243 239 255 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f5b025\]{
  --tw-bg-opacity:1;
  background-color:rgb(245 176 37 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f5b025\]\/10{
  background-color:rgb(245 176 37 / 0.1);
}
.bg-\[\#f5b025\]\/20{
  background-color:rgb(245 176 37 / 0.2);
}
.bg-\[\#f5b025\]\/40{
  background-color:rgb(245 176 37 / 0.4);
}
.bg-\[\#f7b1d6\]\/20{
  background-color:rgb(247 177 214 / 0.2);
}
.bg-\[\#f8fafc\]{
  --tw-bg-opacity:1;
  background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fff0f7\]{
  --tw-bg-opacity:1;
  background-color:rgb(255 240 247 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fff7e6\]{
  --tw-bg-opacity:1;
  background-color:rgb(255 247 230 / var(--tw-bg-opacity, 1));
}
.bg-\[--color-bg\]{
  background-color:var(--color-bg);
}
.bg-accent{
  background-color:hsl(var(--accent));
}
.bg-amber-100{
  --tw-bg-opacity:1;
  background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.bg-background{
  background-color:hsl(var(--background));
}
.bg-background\/90{
  background-color:hsl(var(--background) / 0.9);
}
.bg-black\/40{
  background-color:rgb(0 0 0 / 0.4);
}
.bg-black\/45{
  background-color:rgb(0 0 0 / 0.45);
}
.bg-black\/50{
  background-color:rgb(0 0 0 / 0.5);
}
.bg-black\/60{
  background-color:rgb(0 0 0 / 0.6);
}
.bg-black\/80{
  background-color:rgb(0 0 0 / 0.8);
}
.bg-blue-100{
  --tw-bg-opacity:1;
  background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1));
}
.bg-border{
  background-color:hsl(var(--border));
}
.bg-card{
  background-color:hsl(var(--card));
}
.bg-card\/95{
  background-color:hsl(var(--card) / 0.95);
}
.bg-destructive{
  background-color:hsl(var(--destructive));
}
.bg-destructive\/10{
  background-color:hsl(var(--destructive) / 0.1);
}
.bg-emerald-100{
  --tw-bg-opacity:1;
  background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1));
}
.bg-emerald-50{
  --tw-bg-opacity:1;
  background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1));
}
.bg-foreground{
  background-color:hsl(var(--foreground));
}
.bg-foreground\/95{
  background-color:hsl(var(--foreground) / 0.95);
}
.bg-green-100{
  --tw-bg-opacity:1;
  background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1));
}
.bg-green-50{
  --tw-bg-opacity:1;
  background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1));
}
.bg-green-600{
  --tw-bg-opacity:1;
  background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
.bg-indigo-600{
  --tw-bg-opacity:1;
  background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1));
}
.bg-muted{
  background-color:hsl(var(--muted));
}
.bg-muted\/50{
  background-color:hsl(var(--muted) / 0.5);
}
.bg-orange-100{
  --tw-bg-opacity:1;
  background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1));
}
.bg-orange-50{
  --tw-bg-opacity:1;
  background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1));
}
.bg-pink-100{
  --tw-bg-opacity:1;
  background-color:rgb(252 231 243 / var(--tw-bg-opacity, 1));
}
.bg-popover{
  background-color:hsl(var(--popover));
}
.bg-primary{
  background-color:hsl(var(--primary));
}
.bg-primary-foreground\/10{
  background-color:hsl(var(--primary-foreground) / 0.1);
}
.bg-purple-100{
  --tw-bg-opacity:1;
  background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1));
}
.bg-red-100{
  --tw-bg-opacity:1;
  background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.bg-red-50{
  --tw-bg-opacity:1;
  background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.bg-secondary{
  background-color:hsl(var(--secondary));
}
.bg-sidebar{
  background-color:hsl(var(--sidebar-background));
}
.bg-sidebar-border{
  background-color:hsl(var(--sidebar-border));
}
.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-50{
  --tw-bg-opacity:1;
  background-color:rgb(248 250 252 / 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-700{
  --tw-bg-opacity:1;
  background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.bg-slate-900{
  --tw-bg-opacity:1;
  background-color:rgb(15 23 42 / 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\/20{
  background-color:rgb(255 255 255 / 0.2);
}
.bg-white\/5{
  background-color:rgb(255 255 255 / 0.05);
}
.bg-white\/80{
  background-color:rgb(255 255 255 / 0.8);
}
.bg-white\/90{
  background-color:rgb(255 255 255 / 0.9);
}
.bg-white\/95{
  background-color:rgb(255 255 255 / 0.95);
}
.bg-\[radial-gradient\(circle_at_center\2c rgba\(255\2c 255\2c 255\2c 0\.15\)\2c transparent_70\%\)\]{
  background-image:radial-gradient(circle at center,rgba(255,255,255,0.15),transparent 70%);
}
.bg-gradient-to-br{
  background-image:linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-l{
  background-image:linear-gradient(to left, var(--tw-gradient-stops));
}
.bg-gradient-to-r{
  background-image:linear-gradient(to right, var(--tw-gradient-stops));
}
.from-\[\#156f84\]{
  --tw-gradient-from:#156f84 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(21 111 132 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#1d8299\]{
  --tw-gradient-from:#1d8299 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(29 130 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#2563eb\]{
  --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-\[\#6a5a8a\]{
  --tw-gradient-from:#6a5a8a var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(106 90 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#dc2626\]{
  --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-\[\#f391a0\]{
  --tw-gradient-from:#f391a0 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(243 145 160 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#f5b025\]{
  --tw-gradient-from:#f5b025 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(245 176 37 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#f9b233\]{
  --tw-gradient-from:#f9b233 var(--tw-gradient-from-position);
  --tw-gradient-to:rgb(249 178 51 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[var\(--w-bg\)\]{
  --tw-gradient-from:var(--w-bg) 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-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-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-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-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-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);
}
.via-\[\#f97316\]{
  --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-amber-400{
  --tw-gradient-to:rgb(251 191 36 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), #fbbf24 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-orange-50{
  --tw-gradient-to:rgb(255 247 237 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), #fff7ed var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-\[\#156f84\]{
  --tw-gradient-to:#156f84 var(--tw-gradient-to-position);
}
.to-\[\#1d4ed8\]{
  --tw-gradient-to:#1d4ed8 var(--tw-gradient-to-position);
}
.to-\[\#1d8299\]{
  --tw-gradient-to:#1d8299 var(--tw-gradient-to-position);
}
.to-\[\#30a5c0\]{
  --tw-gradient-to:#30a5c0 var(--tw-gradient-to-position);
}
.to-\[\#38bdf8\]{
  --tw-gradient-to:#38bdf8 var(--tw-gradient-to-position);
}
.to-\[\#a78bfa\]{
  --tw-gradient-to:#a78bfa var(--tw-gradient-to-position);
}
.to-\[\#d49615\]{
  --tw-gradient-to:#d49615 var(--tw-gradient-to-position);
}
.to-\[\#dc2626\]{
  --tw-gradient-to:#dc2626 var(--tw-gradient-to-position);
}
.to-\[\#f286be\]{
  --tw-gradient-to:#f286be var(--tw-gradient-to-position);
}
.to-\[\#f7b1d6\]{
  --tw-gradient-to:#f7b1d6 var(--tw-gradient-to-position);
}
.to-\[\#fcd34d\]{
  --tw-gradient-to:#fcd34d var(--tw-gradient-to-position);
}
.to-amber-50{
  --tw-gradient-to:#fffbeb var(--tw-gradient-to-position);
}
.to-emerald-500{
  --tw-gradient-to:#10b981 var(--tw-gradient-to-position);
}
.to-green-600{
  --tw-gradient-to:#16a34a var(--tw-gradient-to-position);
}
.to-orange-50{
  --tw-gradient-to:#fff7ed var(--tw-gradient-to-position);
}
.to-red-50{
  --tw-gradient-to:#fef2f2 var(--tw-gradient-to-position);
}
.to-slate-700{
  --tw-gradient-to:#334155 var(--tw-gradient-to-position);
}
.to-transparent{
  --tw-gradient-to:transparent var(--tw-gradient-to-position);
}
.bg-clip-text{
  -webkit-background-clip:text;
          background-clip:text;
}
.fill-current{
  fill:currentColor;
}
.stroke-\[2\.4\]{
  stroke-width:2.4;
}
.object-contain{
  -o-object-fit:contain;
     object-fit:contain;
}
.object-cover{
  -o-object-fit:cover;
     object-fit:cover;
}
.object-center{
  -o-object-position:center;
     object-position:center;
}
.p-0{
  padding:0px;
}
.p-1{
  padding:0.25rem;
}
.p-1\.5{
  padding:0.375rem;
}
.p-2{
  padding:0.5rem;
}
.p-2\.5{
  padding:0.625rem;
}
.p-3{
  padding:0.75rem;
}
.p-4{
  padding:1rem;
}
.p-6{
  padding:1.5rem;
}
.p-\[1px\]{
  padding:1px;
}
.px-1{
  padding-left:0.25rem;
  padding-right:0.25rem;
}
.px-1\.5{
  padding-left:0.375rem;
  padding-right:0.375rem;
}
.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-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\.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-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-24{
  padding-top:6rem;
  padding-bottom:6rem;
}
.py-3{
  padding-top:0.75rem;
  padding-bottom:0.75rem;
}
.py-4{
  padding-top:1rem;
  padding-bottom:1rem;
}
.py-6{
  padding-top:1.5rem;
  padding-bottom:1.5rem;
}
.py-\[2px\]{
  padding-top:2px;
  padding-bottom:2px;
}
.py-\[3px\]{
  padding-top:3px;
  padding-bottom:3px;
}
.py-\[4px\]{
  padding-top:4px;
  padding-bottom:4px;
}
.pb-12{
  padding-bottom:3rem;
}
.pb-2{
  padding-bottom:0.5rem;
}
.pb-28{
  padding-bottom:7rem;
}
.pb-3{
  padding-bottom:0.75rem;
}
.pb-4{
  padding-bottom:1rem;
}
.pb-40{
  padding-bottom:10rem;
}
.pb-6{
  padding-bottom:1.5rem;
}
.pl-2\.5{
  padding-left:0.625rem;
}
.pl-4{
  padding-left:1rem;
}
.pl-5{
  padding-left:1.25rem;
}
.pl-8{
  padding-left:2rem;
}
.pr-2{
  padding-right:0.5rem;
}
.pr-2\.5{
  padding-right:0.625rem;
}
.pr-8{
  padding-right:2rem;
}
.pt-0{
  padding-top:0px;
}
.pt-1{
  padding-top:0.25rem;
}
.pt-2{
  padding-top:0.5rem;
}
.pt-20{
  padding-top:5rem;
}
.pt-3{
  padding-top:0.75rem;
}
.pt-4{
  padding-top:1rem;
}
.text-left{
  text-align:left;
}
.text-center{
  text-align:center;
}
.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:'Plus Jakarta Sans', sans-serif;
}
.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-\[0\.8rem\]{
  font-size:0.8rem;
}
.text-\[10px\]{
  font-size:10px;
}
.text-\[11px\]{
  font-size:11px;
}
.text-\[12px\]{
  font-size:12px;
}
.text-\[13px\]{
  font-size:13px;
}
.text-\[14px\]{
  font-size:14px;
}
.text-\[15px\]{
  font-size:15px;
}
.text-\[17px\]{
  font-size:17px;
}
.text-\[20px\]{
  font-size:20px;
}
.text-\[25px\]{
  font-size:25px;
}
.text-\[26px\]{
  font-size:26px;
}
.text-\[30px\]{
  font-size:30px;
}
.text-\[9px\]{
  font-size:9px;
}
.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-extrabold{
  font-weight:800;
}
.font-light{
  font-weight:300;
}
.font-medium{
  font-weight:500;
}
.font-normal{
  font-weight:400;
}
.font-semibold{
  font-weight:600;
}
.uppercase{
  text-transform:uppercase;
}
.capitalize{
  text-transform:capitalize;
}
.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-\[1\.1\]{
  line-height:1.1;
}
.leading-none{
  line-height:1;
}
.leading-relaxed{
  line-height:1.625;
}
.leading-snug{
  line-height:1.375;
}
.leading-tight{
  line-height:1.25;
}
.tracking-\[-\.05em\]{
  letter-spacing:-.05em;
}
.tracking-\[0\.18em\]{
  letter-spacing:0.18em;
}
.tracking-normal{
  letter-spacing:0em;
}
.tracking-tight{
  letter-spacing:-0.025em;
}
.tracking-tighter{
  letter-spacing:-0.05em;
}
.tracking-wide{
  letter-spacing:0.025em;
}
.tracking-wider{
  letter-spacing:0.05em;
}
.tracking-widest{
  letter-spacing:0.1em;
}
.text-\[\#070b14\]{
  --tw-text-opacity:1;
  color:rgb(7 11 20 / var(--tw-text-opacity, 1));
}
.text-\[\#0f172a\]{
  --tw-text-opacity:1;
  color:rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.text-\[\#16a34a\]{
  --tw-text-opacity:1;
  color:rgb(22 163 74 / var(--tw-text-opacity, 1));
}
.text-\[\#1d8299\]{
  --tw-text-opacity:1;
  color:rgb(29 130 153 / var(--tw-text-opacity, 1));
}
.text-\[\#1d8299\]\/5{
  color:rgb(29 130 153 / 0.05);
}
.text-\[\#334155\]{
  --tw-text-opacity:1;
  color:rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.text-\[\#64748b\]{
  --tw-text-opacity:1;
  color:rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.text-\[\#6a5a8a\]{
  --tw-text-opacity:1;
  color:rgb(106 90 138 / var(--tw-text-opacity, 1));
}
.text-\[\#6a5a8a\]\/5{
  color:rgb(106 90 138 / 0.05);
}
.text-\[\#8b5cf6\]{
  --tw-text-opacity:1;
  color:rgb(139 92 246 / var(--tw-text-opacity, 1));
}
.text-\[\#94a3b8\]{
  --tw-text-opacity:1;
  color:rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.text-\[\#cbd5e1\]{
  --tw-text-opacity:1;
  color:rgb(203 213 225 / var(--tw-text-opacity, 1));
}
.text-\[\#f286be\]{
  --tw-text-opacity:1;
  color:rgb(242 134 190 / var(--tw-text-opacity, 1));
}
.text-\[\#f391a0\]\/5{
  color:rgb(243 145 160 / 0.05);
}
.text-\[\#f59e0b\]{
  --tw-text-opacity:1;
  color:rgb(245 158 11 / var(--tw-text-opacity, 1));
}
.text-\[\#f5b025\]{
  --tw-text-opacity:1;
  color:rgb(245 176 37 / var(--tw-text-opacity, 1));
}
.text-\[\#f8fafc\]{
  --tw-text-opacity:1;
  color:rgb(248 250 252 / var(--tw-text-opacity, 1));
}
.text-\[\#f9b233\]\/5{
  color:rgb(249 178 51 / 0.05);
}
.text-\[var\(--w-primary\)\]{
  color:var(--w-primary);
}
.text-accent-foreground{
  color:hsl(var(--accent-foreground));
}
.text-amber-700{
  --tw-text-opacity:1;
  color:rgb(180 83 9 / var(--tw-text-opacity, 1));
}
.text-blue-600{
  --tw-text-opacity:1;
  color:rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.text-card-foreground{
  color:hsl(var(--card-foreground));
}
.text-current{
  color:currentColor;
}
.text-destructive{
  color:hsl(var(--destructive));
}
.text-destructive-foreground{
  color:hsl(var(--destructive-foreground));
}
.text-emerald-600{
  --tw-text-opacity:1;
  color:rgb(5 150 105 / 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\/50{
  color:hsl(var(--foreground) / 0.5);
}
.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-700{
  --tw-text-opacity:1;
  color:rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-gray-900{
  --tw-text-opacity:1;
  color:rgb(17 24 39 / 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-muted-foreground{
  color:hsl(var(--muted-foreground));
}
.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-pink-600{
  --tw-text-opacity:1;
  color:rgb(219 39 119 / 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-primary-foreground\/50{
  color:hsl(var(--primary-foreground) / 0.5);
}
.text-primary-foreground\/70{
  color:hsl(var(--primary-foreground) / 0.7);
}
.text-purple-600{
  --tw-text-opacity:1;
  color:rgb(147 51 234 / 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-secondary-foreground{
  color:hsl(var(--secondary-foreground));
}
.text-sidebar-foreground{
  color:hsl(var(--sidebar-foreground));
}
.text-sidebar-foreground\/70{
  color:hsl(var(--sidebar-foreground) / 0.7);
}
.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-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-800{
  --tw-text-opacity:1;
  color:rgb(30 41 59 / var(--tw-text-opacity, 1));
}
.text-slate-950{
  --tw-text-opacity:1;
  color:rgb(2 6 23 / var(--tw-text-opacity, 1));
}
.text-success{
  color:hsl(var(--success));
}
.text-transparent{
  color:transparent;
}
.text-white{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-white\/10{
  color:rgb(255 255 255 / 0.1);
}
.text-white\/85{
  color:rgb(255 255 255 / 0.85);
}
.underline{
  text-decoration-line:underline;
}
.line-through{
  text-decoration-line:line-through;
}
.decoration-2{
  text-decoration-thickness:2px;
}
.underline-offset-4{
  text-underline-offset:4px;
}
.antialiased{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.opacity-0{
  opacity:0;
}
.opacity-100{
  opacity:1;
}
.opacity-30{
  opacity:0.3;
}
.opacity-40{
  opacity:0.4;
}
.opacity-50{
  opacity:0.5;
}
.opacity-60{
  opacity:0.6;
}
.opacity-70{
  opacity:0.7;
}
.opacity-75{
  opacity:0.75;
}
.opacity-90{
  opacity:0.9;
}
.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\(15\2c 23\2c 42\2c \.22\)\]{
  --tw-shadow:0 0 10px rgba(15,23,42,.22);
  --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_12px_rgba\(245\2c 176\2c 37\2c \.30\)\]{
  --tw-shadow:0 0 12px rgba(245,176,37,.30);
  --tw-shadow-colored:0 0 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_12px_rgba\(34\2c 197\2c 94\2c \.25\)\]{
  --tw-shadow:0 0 12px rgba(34,197,94,.25);
  --tw-shadow-colored:0 0 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_12px_rgba\(37\2c 99\2c 235\2c 0\.28\)\]{
  --tw-shadow:0 0 12px rgba(37,99,235,0.28);
  --tw-shadow-colored:0 0 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_14px_rgba\(239\2c 68\2c 68\2c \.28\)\]{
  --tw-shadow:0 0 14px rgba(239,68,68,.28);
  --tw-shadow-colored:0 0 14px 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\(245\2c 176\2c 37\2c 0\.3\)\]{
  --tw-shadow:0 0 20px rgba(245,176,37,0.3);
  --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_10px_30px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]{
  --tw-shadow:0 10px 30px rgba(0,0,0,0.08);
  --tw-shadow-colored:0 10px 30px 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_10px_30px_rgba\(37\2c 211\2c 102\2c 0\.35\)\]{
  --tw-shadow:0 10px 30px rgba(37,211,102,0.35);
  --tw-shadow-colored:0 10px 30px 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_12px_34px_rgba\(15\2c 23\2c 42\2c \.08\)\]{
  --tw-shadow:0 12px 34px rgba(15,23,42,.08);
  --tw-shadow-colored:0 12px 34px 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_18px_45px_rgba\(15\2c 23\2c 42\2c 0\.16\)\]{
  --tw-shadow:0 18px 45px rgba(15,23,42,0.16);
  --tw-shadow-colored:0 18px 45px 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_10px_rgba\(239\2c 68\2c 68\2c \.12\)\]{
  --tw-shadow:0 2px 10px rgba(239,68,68,.12);
  --tw-shadow-colored:0 2px 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_2px_8px_rgba\(251\2c 191\2c 36\2c \.15\)\]{
  --tw-shadow:0 2px 8px rgba(251,191,36,.15);
  --tw-shadow-colored:0 2px 8px 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_6px_16px_rgba\(29\2c 130\2c 153\2c \.25\)\]{
  --tw-shadow:0 6px 16px rgba(29,130,153,.25);
  --tw-shadow-colored:0 6px 16px 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_8px_20px_rgba\(15\2c 23\2c 42\2c \.08\)\]{
  --tw-shadow:0 8px 20px rgba(15,23,42,.08);
  --tw-shadow-colored:0 8px 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_8px_22px_rgba\(15\2c 23\2c 42\2c \.06\)\]{
  --tw-shadow:0 8px 22px rgba(15,23,42,.06);
  --tw-shadow-colored:0 8px 22px 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_8px_22px_rgba\(15\2c 23\2c 42\2c 0\.06\)\]{
  --tw-shadow:0 8px 22px rgba(15,23,42,0.06);
  --tw-shadow-colored:0 8px 22px 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_8px_30px_rgba\(0\2c 0\2c 0\2c 0\.05\)\]{
  --tw-shadow:0 8px 30px rgba(0,0,0,0.05);
  --tw-shadow-colored:0 8px 30px 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);
}
.outline-none{
  outline:2px solid transparent;
  outline-offset:2px;
}
.outline{
  outline-style:solid;
}
.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-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-\[\#1d8299\]\/10{
  --tw-ring-color:rgb(29 130 153 / 0.1);
}
.ring-ring{
  --tw-ring-color:hsl(var(--ring));
}
.ring-sidebar-ring{
  --tw-ring-color:hsl(var(--sidebar-ring));
}
.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-\[100px\]{
  --tw-blur:blur(100px);
  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-\[120px\]{
  --tw-blur:blur(120px);
  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-\[2px\]{
  --tw-blur:blur(2px);
  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-\[80px\]{
  --tw-blur:blur(80px);
  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-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);
}
.grayscale-\[50\%\]{
  --tw-grayscale:grayscale(50%);
  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-\[2px\]{
  --tw-backdrop-blur:blur(2px);
  -webkit-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: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);
  -webkit-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: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);
  -webkit-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: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);
  -webkit-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: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, -webkit-backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  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 opa\]{
  transition-property:margin,opa;
  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\]{
  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-opacity{
  transition-property:opacity;
  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;
}
.duration-1000{
  transition-duration:1000ms;
}
.duration-200{
  transition-duration:200ms;
}
.duration-300{
  transition-duration:300ms;
}
.duration-500{
  transition-duration:500ms;
}
.duration-700{
  transition-duration:700ms;
}
.duration-75{
  transition-duration:75ms;
}
.ease-in-out{
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear{
  transition-timing-function:linear;
}
@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));
  }
}
@keyframes exit{
  to{
    opacity:var(--tw-exit-opacity, 1);
    transform:translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}
.animate-in{
  animation-name:enter;
  animation-duration:150ms;
  --tw-enter-opacity:initial;
  --tw-enter-scale:initial;
  --tw-enter-rotate:initial;
  --tw-enter-translate-x:initial;
  --tw-enter-translate-y:initial;
}
.fade-in{
  --tw-enter-opacity:0;
}
.fade-in-0{
  --tw-enter-opacity:0;
}
.fade-in-80{
  --tw-enter-opacity:0.8;
}
.zoom-in-95{
  --tw-enter-scale:.95;
}
.slide-in-from-right{
  --tw-enter-translate-x:100%;
}
.duration-1000{
  animation-duration:1000ms;
}
.duration-200{
  animation-duration:200ms;
}
.duration-300{
  animation-duration:300ms;
}
.duration-500{
  animation-duration:500ms;
}
.duration-700{
  animation-duration:700ms;
}
.duration-75{
  animation-duration:75ms;
}
.ease-in-out{
  animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear{
  animation-timing-function:linear;
}
/* ===== ESPACIADO BASE ===== */
.\!section {
    padding: 2.5rem 0 !important;
  }
.section {
    padding: 2.5rem 0;
  }
@media (min-width: 768px) {
     {
      padding: 3rem 0 !important;
    }

    .\!section {
      padding: 4rem 0 !important;
    }

     {
      padding: 5rem 0 !important;
    }
    .section-sm {
      padding: 3rem 0;
    }

    .section {
      padding: 4rem 0;
    }

    .section-lg {
      padding: 5rem 0;
    }
  }
/* ===== CONTENEDORES ===== */
.home-container {
    width: 100%;
    max-width: 80rem;
    margin-inline: auto;
    padding-inline: 1.25rem;
  }
@media (min-width: 768px) {
    .home-container {
      padding-inline: 1.5rem;
    }
  }
/* ===== TIPOGRAFÍA HOME ===== */
/* ===== LINK PÍLDORA ===== */
/* ===== OVERLAYS ===== */
/* ===== CATEGORY CARDS ===== */
/* ===== SCROLLBAR ===== */
.no-scrollbar::-webkit-scrollbar {
    display: none;
  }
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
@keyframes float {
    0%, 100% {
      transform: translateY(0);
    }

    50% {
      transform: translateY(-20px);
    }
  }
@keyframes pulse-glow {
    0%, 100% {
      opacity: 0.4;
      transform: scale(1);
    }

    50% {
      opacity: 0.7;
      transform: scale(1.05);
    }
  }
@keyframes zoom-cinematic {
    0% {
      transform: scale(1);
    }

    100% {
      transform: scale(1.05);
    }
  }
@keyframes fade-in-up {
    from {
      opacity: 0;
      transform: translateY(20px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
.animate-float-slow {
    animation: float 6s ease-in-out infinite;
  }
.animate-float-delayed {
    animation: float 8s ease-in-out infinite 2s;
  }
.animate-pulse-glow {
    animation: pulse-glow 4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }
.animate-zoom-cinematic {
    animation: zoom-cinematic 20s ease-out infinite alternate;
  }
.animate-fade-in-up {
    animation: fade-in-up 1s ease-out forwards;
  }
@keyframes badge-float {
    0%, 100% {
      transform: translateY(0);
    }

    50% {
      transform: translateY(-2px);
    }
  }
.animate-badge-float {
    animation: badge-float 2.8s ease-in-out infinite;
  }
.\[appearance\:textfield\]{
  -webkit-appearance:textfield;
     -moz-appearance:textfield;
          appearance:textfield;
}
.selection\:bg-\[\#f5b025\] *::-moz-selection{
  --tw-bg-opacity:1;
  background-color:rgb(245 176 37 / var(--tw-bg-opacity, 1));
}
.selection\:bg-\[\#f5b025\] *::selection{
  --tw-bg-opacity:1;
  background-color:rgb(245 176 37 / var(--tw-bg-opacity, 1));
}
.selection\:text-\[\#070b14\] *::-moz-selection{
  --tw-text-opacity:1;
  color:rgb(7 11 20 / var(--tw-text-opacity, 1));
}
.selection\:text-\[\#070b14\] *::selection{
  --tw-text-opacity:1;
  color:rgb(7 11 20 / var(--tw-text-opacity, 1));
}
.selection\:bg-\[\#f5b025\]::-moz-selection{
  --tw-bg-opacity:1;
  background-color:rgb(245 176 37 / var(--tw-bg-opacity, 1));
}
.selection\:bg-\[\#f5b025\]::selection{
  --tw-bg-opacity:1;
  background-color:rgb(245 176 37 / var(--tw-bg-opacity, 1));
}
.selection\:text-\[\#070b14\]::-moz-selection{
  --tw-text-opacity:1;
  color:rgb(7 11 20 / var(--tw-text-opacity, 1));
}
.selection\:text-\[\#070b14\]::selection{
  --tw-text-opacity:1;
  color:rgb(7 11 20 / var(--tw-text-opacity, 1));
}
.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-muted-foreground::-moz-placeholder{
  color:hsl(var(--muted-foreground));
}
.placeholder\:text-muted-foreground::placeholder{
  color:hsl(var(--muted-foreground));
}
.placeholder\:text-muted-foreground\/50::-moz-placeholder{
  color:hsl(var(--muted-foreground) / 0.5);
}
.placeholder\:text-muted-foreground\/50::placeholder{
  color:hsl(var(--muted-foreground) / 0.5);
}
.placeholder\:text-slate-400::-moz-placeholder{
  --tw-text-opacity:1;
  color:rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.placeholder\:text-slate-400::placeholder{
  --tw-text-opacity:1;
  color:rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.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\:w-1::after{
  content:var(--tw-content);
  width:0.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));
}
.first\:rounded-l-md:first-child{
  border-top-left-radius:calc(var(--radius) - 2px);
  border-bottom-left-radius:calc(var(--radius) - 2px);
}
.first\:border-l:first-child{
  border-left-width:1px;
}
.last\:rounded-r-md:last-child{
  border-top-right-radius:calc(var(--radius) - 2px);
  border-bottom-right-radius:calc(var(--radius) - 2px);
}
.focus-within\:relative:focus-within{
  position:relative;
}
.focus-within\:z-20:focus-within{
  z-index:20;
}
.focus-within\:border-\[\#1d8299\]:focus-within{
  --tw-border-opacity:1;
  border-color:rgb(29 130 153 / var(--tw-border-opacity, 1));
}
.focus-within\:ring-4: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(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-within\:ring-\[\#1d8299\]\/10:focus-within{
  --tw-ring-color:rgb(29 130 153 / 0.1);
}
.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\:border-\[\#1d8299\]:hover{
  --tw-border-opacity:1;
  border-color:rgb(29 130 153 / var(--tw-border-opacity, 1));
}
.hover\:border-\[\#f286be\]:hover{
  --tw-border-opacity:1;
  border-color:rgb(242 134 190 / var(--tw-border-opacity, 1));
}
.hover\:border-\[var\(--w-primary\)\]:hover{
  border-color:var(--w-primary);
}
.hover\:bg-\[\#16677a\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(22 103 122 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#16697a\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(22 105 122 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#1EAD54\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(30 173 84 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#e2e8f0\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#ebe3ff\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(235 227 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#f0f8fa\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(240 248 250 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#f0fafc\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(240 250 252 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#f1f5f9\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#ffe3f1\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(255 227 241 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#fff0f7\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(255 240 247 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#fff1cc\]:hover{
  --tw-bg-opacity:1;
  background-color:rgb(255 241 204 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[var\(--w-primary-soft\)\]:hover{
  background-color:var(--w-primary-soft);
}
.hover\:bg-accent:hover{
  background-color:hsl(var(--accent));
}
.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-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\/50:hover{
  background-color:hsl(var(--muted) / 0.5);
}
.hover\:bg-muted\/80:hover{
  background-color:hsl(var(--muted) / 0.8);
}
.hover\:bg-primary:hover{
  background-color:hsl(var(--primary));
}
.hover\:bg-primary-foreground\/20:hover{
  background-color:hsl(var(--primary-foreground) / 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-secondary:hover{
  background-color:hsl(var(--secondary));
}
.hover\:bg-secondary\/80:hover{
  background-color:hsl(var(--secondary) / 0.8);
}
.hover\:bg-sidebar-accent:hover{
  background-color:hsl(var(--sidebar-accent));
}
.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-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.hover\:text-\[\#1d8299\]:hover{
  --tw-text-opacity:1;
  color:rgb(29 130 153 / var(--tw-text-opacity, 1));
}
.hover\:text-\[\#334155\]:hover{
  --tw-text-opacity:1;
  color:rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.hover\:text-\[\#ef4444\]:hover{
  --tw-text-opacity:1;
  color:rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.hover\:text-\[\#f286be\]:hover{
  --tw-text-opacity:1;
  color:rgb(242 134 190 / var(--tw-text-opacity, 1));
}
.hover\:text-accent-foreground:hover{
  color:hsl(var(--accent-foreground));
}
.hover\:text-foreground:hover{
  color:hsl(var(--foreground));
}
.hover\:text-muted-foreground:hover{
  color:hsl(var(--muted-foreground));
}
.hover\:text-primary-foreground:hover{
  color:hsl(var(--primary-foreground));
}
.hover\:text-primary\/90:hover{
  color:hsl(var(--primary) / 0.9);
}
.hover\:text-sidebar-accent-foreground:hover{
  color:hsl(var(--sidebar-accent-foreground));
}
.hover\:underline:hover{
  text-decoration-line:underline;
}
.hover\:opacity-100:hover{
  opacity:1;
}
.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-\[0_0_30px_rgba\(245\2c 176\2c 37\2c 0\.5\)\]:hover{
  --tw-shadow:0 0 30px rgba(245,176,37,0.5);
  --tw-shadow-colored:0 0 30px 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_12px_35px_rgba\(37\2c 211\2c 102\2c 0\.45\)\]:hover{
  --tw-shadow:0 12px 35px rgba(37,211,102,0.45);
  --tw-shadow-colored:0 12px 35px 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\:after\:bg-sidebar-border:hover::after{
  content:var(--tw-content);
  background-color:hsl(var(--sidebar-border));
}
.focus\:border-\[\#1d8299\]:focus{
  --tw-border-opacity:1;
  border-color:rgb(29 130 153 / var(--tw-border-opacity, 1));
}
.focus\:bg-accent:focus{
  background-color:hsl(var(--accent));
}
.focus\:bg-primary:focus{
  background-color:hsl(var(--primary));
}
.focus\:text-accent-foreground:focus{
  color:hsl(var(--accent-foreground));
}
.focus\:text-primary-foreground:focus{
  color:hsl(var(--primary-foreground));
}
.focus\:opacity-100:focus{
  opacity:1;
}
.focus\:outline-none:focus{
  outline:2px solid transparent;
  outline-offset:2px;
}
.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-ring:focus{
  --tw-ring-color:hsl(var(--ring));
}
.focus\:ring-offset-2:focus{
  --tw-ring-offset-width:2px;
}
.focus-visible\:outline-none:focus-visible{
  outline:2px solid transparent;
  outline-offset:2px;
}
.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-ring:focus-visible{
  --tw-ring-color:hsl(var(--ring));
}
.focus-visible\:ring-sidebar-ring:focus-visible{
  --tw-ring-color:hsl(var(--sidebar-ring));
}
.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-\[\.97\]:active{
  --tw-scale-x:.97;
  --tw-scale-y:.97;
  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-\[\.98\]:active{
  --tw-scale-x:.98;
  --tw-scale-y:.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\: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\:cursor-grabbing:active{
  cursor:grabbing;
}
.active\:bg-sidebar-accent:active{
  background-color:hsl(var(--sidebar-accent));
}
.active\:text-sidebar-accent-foreground:active{
  color:hsl(var(--sidebar-accent-foreground));
}
.disabled\:pointer-events-none:disabled{
  pointer-events:none;
}
.disabled\:cursor-not-allowed:disabled{
  cursor:not-allowed;
}
.disabled\:opacity-50:disabled{
  opacity:0.5;
}
.group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100{
  opacity:1;
}
.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\.035\]{
  --tw-scale-x:1.035;
  --tw-scale-y:1.035;
  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\:border-\[\#1877f2\]{
  --tw-border-opacity:1;
  border-color:rgb(24 119 242 / var(--tw-border-opacity, 1));
}
.group:hover .group-hover\:border-\[\#4285f4\]{
  --tw-border-opacity:1;
  border-color:rgb(66 133 244 / var(--tw-border-opacity, 1));
}
.group:hover .group-hover\:border-\[\#bd081c\]{
  --tw-border-opacity:1;
  border-color:rgb(189 8 28 / var(--tw-border-opacity, 1));
}
.group:hover .group-hover\:border-\[\#e4405f\]{
  --tw-border-opacity:1;
  border-color:rgb(228 64 95 / var(--tw-border-opacity, 1));
}
.group:hover .group-hover\:border-\[\#ff0000\]{
  --tw-border-opacity:1;
  border-color:rgb(255 0 0 / var(--tw-border-opacity, 1));
}
.group:hover .group-hover\:border-black{
  --tw-border-opacity:1;
  border-color:rgb(0 0 0 / var(--tw-border-opacity, 1));
}
.group:hover .group-hover\:bg-\[\#1877f2\]{
  --tw-bg-opacity:1;
  background-color:rgb(24 119 242 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:bg-\[\#1d8299\]{
  --tw-bg-opacity:1;
  background-color:rgb(29 130 153 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:bg-\[\#4285f4\]{
  --tw-bg-opacity:1;
  background-color:rgb(66 133 244 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:bg-\[\#6a5a8a\]{
  --tw-bg-opacity:1;
  background-color:rgb(106 90 138 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:bg-\[\#bd081c\]{
  --tw-bg-opacity:1;
  background-color:rgb(189 8 28 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:bg-\[\#e4405f\]{
  --tw-bg-opacity:1;
  background-color:rgb(228 64 95 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:bg-\[\#f286be\]{
  --tw-bg-opacity:1;
  background-color:rgb(242 134 190 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:bg-\[\#f5b025\]{
  --tw-bg-opacity:1;
  background-color:rgb(245 176 37 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:bg-\[\#ff0000\]{
  --tw-bg-opacity:1;
  background-color:rgb(255 0 0 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:bg-black{
  --tw-bg-opacity:1;
  background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:text-\[\#1877f2\]{
  --tw-text-opacity:1;
  color:rgb(24 119 242 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-\[\#1d8299\]{
  --tw-text-opacity:1;
  color:rgb(29 130 153 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-\[\#1d8299\]\/10{
  color:rgb(29 130 153 / 0.1);
}
.group:hover .group-hover\:text-\[\#4285f4\]{
  --tw-text-opacity:1;
  color:rgb(66 133 244 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-\[\#6a5a8a\]\/10{
  color:rgb(106 90 138 / 0.1);
}
.group:hover .group-hover\:text-\[\#bd081c\]{
  --tw-text-opacity:1;
  color:rgb(189 8 28 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-\[\#e4405f\]{
  --tw-text-opacity:1;
  color:rgb(228 64 95 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-\[\#f286be\]{
  --tw-text-opacity:1;
  color:rgb(242 134 190 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-\[\#f286be\]\/10{
  color:rgb(242 134 190 / 0.1);
}
.group:hover .group-hover\:text-\[\#f391a0\]\/10{
  color:rgb(243 145 160 / 0.1);
}
.group:hover .group-hover\:text-\[\#f5b025\]{
  --tw-text-opacity:1;
  color:rgb(245 176 37 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-\[\#f5b025\]\/10{
  color:rgb(245 176 37 / 0.1);
}
.group:hover .group-hover\:text-\[\#f9b233\]\/10{
  color:rgb(249 178 51 / 0.1);
}
.group:hover .group-hover\:text-\[\#ff0000\]{
  --tw-text-opacity:1;
  color:rgb(255 0 0 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-black{
  --tw-text-opacity:1;
  color:rgb(0 0 0 / 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-100{
  opacity:1;
}
.group.destructive .group-\[\.destructive\]\:border-muted\/40{
  border-color:hsl(var(--muted) / 0.4);
}
.group.toaster .group-\[\.toaster\]\:border-border{
  border-color:hsl(var(--border));
}
.group.toast .group-\[\.toast\]\:bg-muted{
  background-color:hsl(var(--muted));
}
.group.toast .group-\[\.toast\]\:bg-primary{
  background-color:hsl(var(--primary));
}
.group.toaster .group-\[\.toaster\]\:bg-background{
  background-color:hsl(var(--background));
}
.group.destructive .group-\[\.destructive\]\:text-red-300{
  --tw-text-opacity:1;
  color:rgb(252 165 165 / var(--tw-text-opacity, 1));
}
.group.toast .group-\[\.toast\]\:text-muted-foreground{
  color:hsl(var(--muted-foreground));
}
.group.toast .group-\[\.toast\]\:text-primary-foreground{
  color:hsl(var(--primary-foreground));
}
.group.toaster .group-\[\.toaster\]\:text-foreground{
  color:hsl(var(--foreground));
}
.group.toaster .group-\[\.toaster\]\: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);
}
.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover{
  border-color:hsl(var(--destructive) / 0.3);
}
.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover{
  background-color:hsl(var(--destructive));
}
.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover{
  color:hsl(var(--destructive-foreground));
}
.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover{
  --tw-text-opacity:1;
  color:rgb(254 242 242 / var(--tw-text-opacity, 1));
}
.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus{
  --tw-ring-color:hsl(var(--destructive));
}
.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus{
  --tw-ring-opacity:1;
  --tw-ring-color:rgb(248 113 113 / var(--tw-ring-opacity, 1));
}
.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus{
  --tw-ring-offset-color:#dc2626;
}
.peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-sidebar-accent-foreground{
  color:hsl(var(--sidebar-accent-foreground));
}
.peer:disabled ~ .peer-disabled\:cursor-not-allowed{
  cursor:not-allowed;
}
.peer:disabled ~ .peer-disabled\:opacity-70{
  opacity:0.7;
}
.has-\[\[data-variant\=inset\]\]\:bg-sidebar:has([data-variant=inset]){
  background-color:hsl(var(--sidebar-background));
}
.has-\[\:disabled\]\:opacity-50:has(:disabled){
  opacity:0.5;
}
.group\/menu-item:has([data-sidebar=menu-action]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8{
  padding-right:2rem;
}
.aria-disabled\:pointer-events-none[aria-disabled="true"]{
  pointer-events:none;
}
.aria-disabled\:opacity-50[aria-disabled="true"]{
  opacity:0.5;
}
.aria-selected\:bg-accent[aria-selected="true"]{
  background-color:hsl(var(--accent));
}
.aria-selected\:bg-accent\/50[aria-selected="true"]{
  background-color:hsl(var(--accent) / 0.5);
}
.aria-selected\:text-accent-foreground[aria-selected="true"]{
  color:hsl(var(--accent-foreground));
}
.aria-selected\:text-muted-foreground[aria-selected="true"]{
  color:hsl(var(--muted-foreground));
}
.aria-selected\:opacity-100[aria-selected="true"]{
  opacity:1;
}
.aria-selected\:opacity-30[aria-selected="true"]{
  opacity:0.3;
}
.data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"]{
  pointer-events:none;
}
.data-\[disabled\]\:pointer-events-none[data-disabled]{
  pointer-events:none;
}
.data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction="vertical"]{
  height:1px;
}
.data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction="vertical"]{
  width:100%;
}
.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-5[data-state="checked"]{
  --tw-translate-x:1.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\=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));
}
.data-\[swipe\=cancel\]\:translate-x-0[data-swipe="cancel"]{
  --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-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe="end"]{
  --tw-translate-x:var(--radix-toast-swipe-end-x);
  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-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe="move"]{
  --tw-translate-x:var(--radix-toast-swipe-move-x);
  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-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction="vertical"]{
  flex-direction:column;
}
.data-\[active\=true\]\:bg-sidebar-accent[data-active="true"]{
  background-color:hsl(var(--sidebar-accent));
}
.data-\[active\]\:bg-accent\/50[data-active]{
  background-color:hsl(var(--accent) / 0.5);
}
.data-\[selected\=\'true\'\]\:bg-accent[data-selected='true']{
  background-color:hsl(var(--accent));
}
.data-\[state\=active\]\:bg-background[data-state="active"]{
  background-color:hsl(var(--background));
}
.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-\[active\=true\]\:font-medium[data-active="true"]{
  font-weight:500;
}
.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active="true"]{
  color:hsl(var(--sidebar-accent-foreground));
}
.data-\[selected\=true\]\:text-accent-foreground[data-selected="true"]{
  color:hsl(var(--accent-foreground));
}
.data-\[state\=active\]\:text-foreground[data-state="active"]{
  color:hsl(var(--foreground));
}
.data-\[state\=checked\]\:text-primary-foreground[data-state="checked"]{
  color:hsl(var(--primary-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\=open\]\:text-muted-foreground[data-state="open"]{
  color:hsl(var(--muted-foreground));
}
.data-\[disabled\=true\]\:opacity-50[data-disabled="true"]{
  opacity:0.5;
}
.data-\[disabled\]\:opacity-50[data-disabled]{
  opacity:0.5;
}
.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-\[swipe\=move\]\:transition-none[data-swipe="move"]{
  transition-property:none;
}
.data-\[state\=closed\]\:duration-300[data-state="closed"]{
  transition-duration:300ms;
}
.data-\[state\=open\]\:duration-500[data-state="open"]{
  transition-duration:500ms;
}
.data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"]{
  animation-name:enter;
  animation-duration:150ms;
  --tw-enter-opacity:initial;
  --tw-enter-scale:initial;
  --tw-enter-rotate:initial;
  --tw-enter-translate-x:initial;
  --tw-enter-translate-y:initial;
}
.data-\[state\=open\]\:animate-in[data-state="open"]{
  animation-name:enter;
  animation-duration:150ms;
  --tw-enter-opacity:initial;
  --tw-enter-scale:initial;
  --tw-enter-rotate:initial;
  --tw-enter-translate-x:initial;
  --tw-enter-translate-y:initial;
}
.data-\[state\=visible\]\:animate-in[data-state="visible"]{
  animation-name:enter;
  animation-duration:150ms;
  --tw-enter-opacity:initial;
  --tw-enter-scale:initial;
  --tw-enter-rotate:initial;
  --tw-enter-translate-x:initial;
  --tw-enter-translate-y:initial;
}
.data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"]{
  animation-name:exit;
  animation-duration:150ms;
  --tw-exit-opacity:initial;
  --tw-exit-scale:initial;
  --tw-exit-rotate:initial;
  --tw-exit-translate-x:initial;
  --tw-exit-translate-y:initial;
}
.data-\[state\=closed\]\:animate-out[data-state="closed"]{
  animation-name:exit;
  animation-duration:150ms;
  --tw-exit-opacity:initial;
  --tw-exit-scale:initial;
  --tw-exit-rotate:initial;
  --tw-exit-translate-x:initial;
  --tw-exit-translate-y:initial;
}
.data-\[state\=hidden\]\:animate-out[data-state="hidden"]{
  animation-name:exit;
  animation-duration:150ms;
  --tw-exit-opacity:initial;
  --tw-exit-scale:initial;
  --tw-exit-rotate:initial;
  --tw-exit-translate-x:initial;
  --tw-exit-translate-y:initial;
}
.data-\[swipe\=end\]\:animate-out[data-swipe="end"]{
  animation-name:exit;
  animation-duration:150ms;
  --tw-exit-opacity:initial;
  --tw-exit-scale:initial;
  --tw-exit-rotate:initial;
  --tw-exit-translate-x:initial;
  --tw-exit-translate-y:initial;
}
.data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"]{
  --tw-enter-opacity:0;
}
.data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"]{
  --tw-exit-opacity:0;
}
.data-\[state\=closed\]\:fade-out-0[data-state="closed"]{
  --tw-exit-opacity:0;
}
.data-\[state\=closed\]\:fade-out-80[data-state="closed"]{
  --tw-exit-opacity:0.8;
}
.data-\[state\=hidden\]\:fade-out[data-state="hidden"]{
  --tw-exit-opacity:0;
}
.data-\[state\=open\]\:fade-in-0[data-state="open"]{
  --tw-enter-opacity:0;
}
.data-\[state\=visible\]\:fade-in[data-state="visible"]{
  --tw-enter-opacity:0;
}
.data-\[state\=closed\]\:zoom-out-95[data-state="closed"]{
  --tw-exit-scale:.95;
}
.data-\[state\=open\]\:zoom-in-90[data-state="open"]{
  --tw-enter-scale:.9;
}
.data-\[state\=open\]\:zoom-in-95[data-state="open"]{
  --tw-enter-scale:.95;
}
.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"]{
  --tw-enter-translate-x:13rem;
}
.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"]{
  --tw-enter-translate-x:-13rem;
}
.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"]{
  --tw-exit-translate-x:13rem;
}
.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"]{
  --tw-exit-translate-x:-13rem;
}
.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"]{
  --tw-enter-translate-y:-0.5rem;
}
.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"]{
  --tw-enter-translate-x:0.5rem;
}
.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"]{
  --tw-enter-translate-x:-0.5rem;
}
.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"]{
  --tw-enter-translate-y:0.5rem;
}
.data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"]{
  --tw-exit-translate-y:100%;
}
.data-\[state\=closed\]\:slide-out-to-left[data-state="closed"]{
  --tw-exit-translate-x:-100%;
}
.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"]{
  --tw-exit-translate-x:-50%;
}
.data-\[state\=closed\]\:slide-out-to-right[data-state="closed"]{
  --tw-exit-translate-x:100%;
}
.data-\[state\=closed\]\:slide-out-to-right-full[data-state="closed"]{
  --tw-exit-translate-x:100%;
}
.data-\[state\=closed\]\:slide-out-to-top[data-state="closed"]{
  --tw-exit-translate-y:-100%;
}
.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"]{
  --tw-exit-translate-y:-48%;
}
.data-\[state\=open\]\:slide-in-from-bottom[data-state="open"]{
  --tw-enter-translate-y:100%;
}
.data-\[state\=open\]\:slide-in-from-left[data-state="open"]{
  --tw-enter-translate-x:-100%;
}
.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"]{
  --tw-enter-translate-x:-50%;
}
.data-\[state\=open\]\:slide-in-from-right[data-state="open"]{
  --tw-enter-translate-x:100%;
}
.data-\[state\=open\]\:slide-in-from-top[data-state="open"]{
  --tw-enter-translate-y:-100%;
}
.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"]{
  --tw-enter-translate-y:-48%;
}
.data-\[state\=open\]\:slide-in-from-top-full[data-state="open"]{
  --tw-enter-translate-y:-100%;
}
.data-\[state\=closed\]\:duration-300[data-state="closed"]{
  animation-duration:300ms;
}
.data-\[state\=open\]\:duration-500[data-state="open"]{
  animation-duration:500ms;
}
.data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]::after{
  content:var(--tw-content);
  left:0px;
}
.data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]::after{
  content:var(--tw-content);
  height:0.25rem;
}
.data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction="vertical"]::after{
  content:var(--tw-content);
  width:100%;
}
.data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction="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-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction="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-\[state\=open\]\:hover\:bg-sidebar-accent:hover[data-state="open"]{
  background-color:hsl(var(--sidebar-accent));
}
.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground:hover[data-state="open"]{
  color:hsl(var(--sidebar-accent-foreground));
}
.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[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:-mt-8{
  margin-top:-2rem;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:hidden{
  display:none;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:size-8{
  width:2rem;
  height:2rem;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\]{
  width:var(--sidebar-width-icon);
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\]{
  width:calc(var(--sidebar-width-icon) + 1rem);
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\]{
  width:calc(var(--sidebar-width-icon) + 1rem + 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[data-variant="floating"] .group-data-\[variant\=floating\]\:rounded-lg{
  border-radius:var(--radius);
}
.group[data-variant="floating"] .group-data-\[variant\=floating\]\: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-variant="floating"] .group-data-\[variant\=floating\]\:border-sidebar-border{
  border-color:hsl(var(--sidebar-border));
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:p-0{
  padding:0px;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:p-2{
  padding:0.5rem;
}
.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:opacity-0{
  opacity:0;
}
.group[data-variant="floating"] .group-data-\[variant\=floating\]\: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[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:after\:left-full::after{
  content:var(--tw-content);
  left:100%;
}
.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:hover{
  background-color:hsl(var(--sidebar-background));
}
.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;
}
.peer[data-variant="inset"] ~ .peer-data-\[variant\=inset\]\:min-h-\[calc\(100svh-theme\(spacing\.4\)\)\]{
  min-height:calc(100svh - 1rem);
}
.peer\/menu-button[data-active="true"] ~ .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground{
  color:hsl(var(--sidebar-accent-foreground));
}
.dark\:border-destructive:is(.dark *){
  border-color:hsl(var(--destructive));
}
@media (min-width: 640px){
  .sm\:bottom-0{
    bottom:0px;
  }
  .sm\:right-0{
    right:0px;
  }
  .sm\:top-auto{
    top:auto;
  }
  .sm\:mt-0{
    margin-top:0px;
  }
  .sm\:flex{
    display:flex;
  }
  .sm\:h-\[175px\]{
    height:175px;
  }
  .sm\:max-w-sm{
    max-width:24rem;
  }
  .sm\:flex-row{
    flex-direction:row;
  }
  .sm\:flex-col{
    flex-direction:column;
  }
  .sm\:justify-end{
    justify-content:flex-end;
  }
  .sm\:gap-2\.5{
    gap:0.625rem;
  }
  .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-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-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\:rounded-lg{
    border-radius:var(--radius);
  }
  .sm\:text-left{
    text-align:left;
  }
  .data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state="open"]{
    --tw-enter-translate-y:100%;
  }
}
@media (min-width: 768px){
  .md\:absolute{
    position:absolute;
  }
  .md\:left-8{
    left:2rem;
  }
  .md\:right-6{
    right:1.5rem;
  }
  .md\:right-8{
    right:2rem;
  }
  .md\:top-8{
    top:2rem;
  }
  .md\:top-\[84px\]{
    top:84px;
  }
  .md\:mt-10{
    margin-top:2.5rem;
  }
  .md\:mt-5{
    margin-top:1.25rem;
  }
  .md\:mt-8{
    margin-top:2rem;
  }
  .md\:block{
    display:block;
  }
  .md\:flex{
    display:flex;
  }
  .md\:hidden{
    display:none;
  }
  .md\:h-12{
    height:3rem;
  }
  .md\:h-16{
    height:4rem;
  }
  .md\:h-24{
    height:6rem;
  }
  .md\:h-\[320px\]{
    height:320px;
  }
  .md\:h-\[420px\]{
    height:420px;
  }
  .md\:min-h-\[38px\]{
    min-height:38px;
  }
  .md\:w-24{
    width:6rem;
  }
  .md\:w-40{
    width:10rem;
  }
  .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{
    width:var(--radix-navigation-menu-viewport-width);
  }
  .md\:w-auto{
    width:auto;
  }
  .md\:max-w-\[420px\]{
    max-width:420px;
  }
  .md\:max-w-\[500px\]{
    max-width:500px;
  }
  .md\:shrink-0{
    flex-shrink: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\:flex-row{
    flex-direction:row;
  }
  .md\:items-center{
    align-items:center;
  }
  .md\:justify-start{
    justify-content:flex-start;
  }
  .md\:gap-10{
    gap:2.5rem;
  }
  .md\:gap-2{
    gap:0.5rem;
  }
  .md\:gap-4{
    gap:1rem;
  }
  .md\:gap-6{
    gap:1.5rem;
  }
  .md\:p-2\.5{
    padding:0.625rem;
  }
  .md\:p-3{
    padding:0.75rem;
  }
  .md\:p-6{
    padding:1.5rem;
  }
  .md\:p-7{
    padding:1.75rem;
  }
  .md\:px-0{
    padding-left:0px;
    padding-right:0px;
  }
  .md\:px-4{
    padding-left:1rem;
    padding-right:1rem;
  }
  .md\:px-6{
    padding-left:1.5rem;
    padding-right:1.5rem;
  }
  .md\:py-3{
    padding-top:0.75rem;
    padding-bottom:0.75rem;
  }
  .md\:py-4{
    padding-top:1rem;
    padding-bottom:1rem;
  }
  .md\:pb-40{
    padding-bottom:10rem;
  }
  .md\:text-left{
    text-align:left;
  }
  .md\:text-2xl{
    font-size:1.5rem;
    line-height:2rem;
  }
  .md\:text-4xl{
    font-size:2.25rem;
    line-height:2.5rem;
  }
  .md\:text-5xl{
    font-size:3rem;
    line-height:1;
  }
  .md\:text-6xl{
    font-size:3.75rem;
    line-height:1;
  }
  .md\:text-\[11px\]{
    font-size:11px;
  }
  .md\:text-\[13px\]{
    font-size:13px;
  }
  .md\:text-\[14px\]{
    font-size:14px;
  }
  .md\:text-\[15px\]{
    font-size:15px;
  }
  .md\:text-\[16px\]{
    font-size:16px;
  }
  .md\:text-\[22px\]{
    font-size:22px;
  }
  .md\:text-\[28px\]{
    font-size:28px;
  }
  .md\:text-\[30px\]{
    font-size:30px;
  }
  .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\:font-bold{
    font-weight:700;
  }
  .md\:opacity-0{
    opacity:0;
  }
  .after\:md\:hidden::after{
    content:var(--tw-content);
    display:none;
  }
  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:m-2{
    margin:0.5rem;
  }
  .peer[data-state="collapsed"][data-variant="inset"] ~ .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2{
    margin-left:0.5rem;
  }
  .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:ml-0{
    margin-left:0px;
  }
  .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{
    --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);
  }
}
@media (min-width: 1024px){
  .lg\:mt-0{
    margin-top:0px;
  }
  .lg\:h-\[700px\]{
    height:700px;
  }
  .lg\:grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
  .lg\:gap-8{
    gap:2rem;
  }
  .lg\:pt-0{
    padding-top:0px;
  }
  .lg\:text-7xl{
    font-size:4.5rem;
    line-height:1;
  }
}
@media (min-width: 1280px){
  .xl\:h-\[255px\]{
    height:255px;
  }
  .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\:gap-2{
    gap:0.5rem;
  }
  .xl\:gap-3{
    gap:0.75rem;
  }
}
.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{
  -webkit-appearance:none;
          appearance:none;
}
.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{
  -webkit-appearance:none;
          appearance:none;
}
.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]){
  background-color:hsl(var(--accent));
}
.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child{
  border-top-left-radius:calc(var(--radius) - 2px);
  border-bottom-left-radius:calc(var(--radius) - 2px);
}
.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child{
  border-top-right-radius:calc(var(--radius) - 2px);
  border-bottom-right-radius:calc(var(--radius) - 2px);
}
.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside){
  background-color:hsl(var(--accent) / 0.5);
}
.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end){
  border-top-right-radius:calc(var(--radius) - 2px);
  border-bottom-right-radius:calc(var(--radius) - 2px);
}
.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){
  padding-right:0px;
}
.\[\&\>button\]\:hidden>button{
  display:none;
}
.\[\&\>span\:last-child\]\:truncate>span:last-child{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.\[\&\>span\]\:line-clamp-1>span{
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
}
.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{
  --tw-translate-y:-3px;
  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\]\:absolute>svg{
  position:absolute;
}
.\[\&\>svg\]\:left-4>svg{
  left:1rem;
}
.\[\&\>svg\]\:top-4>svg{
  top:1rem;
}
.\[\&\>svg\]\:size-3\.5>svg{
  width:0.875rem;
  height:0.875rem;
}
.\[\&\>svg\]\:size-4>svg{
  width:1rem;
  height:1rem;
}
.\[\&\>svg\]\:h-2\.5>svg{
  height:0.625rem;
}
.\[\&\>svg\]\:h-3>svg{
  height:0.75rem;
}
.\[\&\>svg\]\:w-2\.5>svg{
  width:0.625rem;
}
.\[\&\>svg\]\:w-3>svg{
  width:0.75rem;
}
.\[\&\>svg\]\:shrink-0>svg{
  flex-shrink:0;
}
.\[\&\>svg\]\:text-destructive>svg{
  color:hsl(var(--destructive));
}
.\[\&\>svg\]\:text-foreground>svg{
  color:hsl(var(--foreground));
}
.\[\&\>svg\]\:text-muted-foreground>svg{
  color:hsl(var(--muted-foreground));
}
.\[\&\>svg\]\:text-sidebar-accent-foreground>svg{
  color:hsl(var(--sidebar-accent-foreground));
}
.\[\&\>svg\~\*\]\:pl-7>svg~*{
  padding-left:1.75rem;
}
.\[\&\>tr\]\:last\:border-b-0:last-child>tr{
  border-bottom-width:0px;
}
.\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=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));
}
.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{
  fill:hsl(var(--muted-foreground));
}
.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke='#ccc']{
  stroke:hsl(var(--border) / 0.5);
}
.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{
  stroke:hsl(var(--border));
}
.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke='#fff']{
  stroke:transparent;
}
.\[\&_\.recharts-layer\]\:outline-none .recharts-layer{
  outline:2px solid transparent;
  outline-offset:2px;
}
.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke='#ccc']{
  stroke:hsl(var(--border));
}
.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector{
  fill:hsl(var(--muted));
}
.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{
  fill:hsl(var(--muted));
}
.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke='#ccc']{
  stroke:hsl(var(--border));
}
.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke='#fff']{
  stroke:transparent;
}
.\[\&_\.recharts-sector\]\:outline-none .recharts-sector{
  outline:2px solid transparent;
  outline-offset:2px;
}
.\[\&_\.recharts-surface\]\:outline-none .recharts-surface{
  outline:2px solid transparent;
  outline-offset:2px;
}
.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{
  padding-left:0.5rem;
  padding-right:0.5rem;
}
.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{
  padding-top:0.375rem;
  padding-bottom:0.375rem;
}
.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{
  font-size:0.75rem;
  line-height:1rem;
}
.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{
  font-weight:500;
}
.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{
  color:hsl(var(--muted-foreground));
}
.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group]{
  padding-top:0px;
}
.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{
  padding-left:0.5rem;
  padding-right:0.5rem;
}
.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{
  height:1.25rem;
}
.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{
  width:1.25rem;
}
.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{
  height:3rem;
}
.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{
  padding-left:0.5rem;
  padding-right:0.5rem;
}
.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{
  padding-top:0.75rem;
  padding-bottom:0.75rem;
}
.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{
  height:1.25rem;
}
.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{
  width:1.25rem;
}
.\[\&_p\]\:leading-relaxed p{
  line-height:1.625;
}
.\[\&_svg\]\:pointer-events-none svg{
  pointer-events:none;
}
.\[\&_svg\]\:size-4 svg{
  width:1rem;
  height:1rem;
}
.\[\&_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=left] .\[\[data-side\=left\]_\&\]\:cursor-w-resize{
  cursor:w-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;
}
[data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize{
  cursor:e-resize;
}