@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Tajawal:wght@400;500;700&display=swap');
/* This file is kept for compatibility but all styles are now in index.css */



*, ::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:  ;
}

/* Height chain — required so flex containers with overflow actually scroll
     internally instead of growing the document. */

html, body {
    height: 100%;
  }

#wa-root {
    height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0;
  }

/* Mini-preflight scoped to the WA remote — restores the box model and
     border defaults Tailwind's preflight normally provides. Preflight stays
     disabled globally so the shell is not touched. */

#wa-root,
  #wa-root *,
  #wa-root *::before,
  #wa-root *::after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: hsl(var(--border));
    /* Tailwind transform/filter/ring variable defaults — normally set by Tailwind's
       global preflight on `*`. Preflight is disabled here, so without these defaults
       utilities like `translate-x-[-50%]` produce invalid `transform` values
       (because --tw-translate-y is unset), which breaks dialog/popover centering. */
    --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-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: ;
  }

/* Tokens scoped to the WA remote mount node so identically-named
     CSS variables (--primary, --secondary, --radius, sidebar tokens, …)
     cannot override the shell or sibling remotes. */

#wa-root {
    /* Clean Light Theme - Flat & Modern */
    --background: 0 0% 98%;
    --foreground: 163 36% 20%;

    --card: 0 0% 100%;
    --card-foreground: 163 36% 20%;

    --popover: 0 0% 100%;
    --popover-foreground: 163 36% 20%;

    /* Primary: #234d42 (Dark Teal) */
    --primary: 163 36% 22%;
    --primary-foreground: 0 0% 100%;

    /* Secondary: Gold - for buttons only */
    --secondary: 46 88% 62%;
    --secondary-foreground: 163 36% 15%;

    --muted: 0 0% 96%;
    --muted-foreground: 0 0% 45%;

    /* Accent uses primary tones, not gold */
    --accent: 163 20% 95%;
    --accent-foreground: 163 36% 22%;

    --destructive: 0 84% 60%;
    --destructive-foreground: 0 0% 100%;

    --success: 142 71% 45%;
    --success-foreground: 0 0% 100%;

    --toast-success-bg: 142 76% 92%;
    --toast-error-bg: 0 86% 94%;

    --border: 0 0% 90%;
    --input: 0 0% 90%;
    --ring: 163 36% 22%;

    --radius: 1rem;

    /* Sidebar - Pure white */
    --sidebar-background: 0 0% 100%;
    --sidebar-foreground: 163 36% 20%;
    --sidebar-primary: 163 36% 22%;
    --sidebar-primary-foreground: 0 0% 100%;
    --sidebar-accent: 0 0% 96%;
    --sidebar-accent-foreground: 163 36% 20%;
    --sidebar-border: 0 0% 92%;
    --sidebar-ring: 163 36% 22%;

    /* Chat Colors - Light */
    --chat-bg: 0 0% 96%;
    --chat-outgoing: 163 30% 92%;
    --chat-incoming: 0 0% 100%;

    /* Status Colors */
    --status-ready: 142 71% 45%;
    --status-incomplete: 25 95% 53%;
    --status-verified: 217 91% 60%;

    /* WA outgoing chat bubble — literal colors so shell Tailwind cannot clobber */
    --wa-bubble-out-from: #025C4C;
    --wa-bubble-out-to: #014035;
    --wa-bubble-out-fg: #ffffff;
  }

.dark #wa-root,
  #wa-root.dark {
    /* Clean Dark Theme - Logo Colors */
    --background: 163 25% 7%;
    --foreground: 0 0% 95%;

    --card: 163 25% 10%;
    --card-foreground: 0 0% 95%;

    --popover: 163 25% 10%;
    --popover-foreground: 0 0% 95%;

    /* Primary: lighter for dark mode */
    --primary: 163 35% 40%;
    --primary-foreground: 0 0% 100%;

    /* Secondary: Gold - for buttons only */
    --secondary: 46 88% 55%;
    --secondary-foreground: 163 36% 10%;

    --muted: 163 20% 14%;
    --muted-foreground: 160 12% 55%;

    /* Accent uses primary tones */
    --accent: 163 25% 18%;
    --accent-foreground: 0 0% 95%;

    --destructive: 0 62% 50%;
    --destructive-foreground: 0 0% 100%;

    --success: 142 71% 45%;
    --success-foreground: 0 0% 100%;

    --toast-success-bg: 142 50% 20%;
    --toast-error-bg: 0 50% 25%;

    --border: 163 20% 16%;
    --input: 163 20% 16%;
    --ring: 163 35% 40%;

    /* Sidebar - Dark */
    --sidebar-background: 163 25% 10%;
    --sidebar-foreground: 0 0% 90%;
    --sidebar-primary: 163 35% 40%;
    --sidebar-primary-foreground: 0 0% 100%;
    --sidebar-accent: 163 22% 16%;
    --sidebar-accent-foreground: 0 0% 95%;
    --sidebar-border: 163 20% 14%;
    --sidebar-ring: 163 35% 40%;

    /* Chat Colors - Dark */
    --chat-bg: 163 25% 7%;
    --chat-outgoing: 163 30% 16%;
    --chat-incoming: 163 25% 12%;

    /* WA outgoing chat bubble — dark mode */
    --wa-bubble-out-from: #014035;
    --wa-bubble-out-to: #012a23;
    --wa-bubble-out-fg: #ffffff;
  }

#wa-root  *{
    border-color: hsl(var(--border));
}

#wa-root{
    background-color: hsl(var(--background));
    font-family: Plus Jakarta Sans, Inter, sans-serif;
    color: hsl(var(--foreground));
    font-feature-settings: "rlig" 1, "calt" 1;
    font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
}

.\!container{
    width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 2rem !important;
    padding-left: 2rem !important;
}

.container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 2rem;
    padding-left: 2rem;
}

@media (min-width: 1400px){

    .\!container{
        max-width: 1400px !important;
    }

    .container{
        max-width: 1400px;
    }
}

#wa-root .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;
}

#wa-root .pointer-events-none{
    pointer-events: none;
}

#wa-root .pointer-events-auto{
    pointer-events: auto;
}

#wa-root .\!visible{
    visibility: visible !important;
}

#wa-root .visible{
    visibility: visible;
}

#wa-root .invisible{
    visibility: hidden;
}

#wa-root .collapse{
    visibility: collapse;
}

#wa-root .static{
    position: static;
}

#wa-root .fixed{
    position: fixed;
}

#wa-root .absolute{
    position: absolute;
}

#wa-root .relative{
    position: relative;
}

#wa-root .sticky{
    position: sticky;
}

#wa-root .inset-0{
    inset: 0px;
}

#wa-root .inset-x-0{
    left: 0px;
    right: 0px;
}

#wa-root .inset-y-0{
    top: 0px;
    bottom: 0px;
}

#wa-root .-bottom-12{
    bottom: -3rem;
}

#wa-root .-bottom-3{
    bottom: -0.75rem;
}

#wa-root .-left-12{
    left: -3rem;
}

#wa-root .-left-3{
    left: -0.75rem;
}

#wa-root .-right-0\.5{
    right: -0.125rem;
}

#wa-root .-right-1{
    right: -0.25rem;
}

#wa-root .-right-1\.5{
    right: -0.375rem;
}

#wa-root .-right-12{
    right: -3rem;
}

#wa-root .-right-2{
    right: -0.5rem;
}

#wa-root .-right-3{
    right: -0.75rem;
}

#wa-root .-top-0\.5{
    top: -0.125rem;
}

#wa-root .-top-1{
    top: -0.25rem;
}

#wa-root .-top-1\.5{
    top: -0.375rem;
}

#wa-root .-top-12{
    top: -3rem;
}

#wa-root .-top-2{
    top: -0.5rem;
}

#wa-root .bottom-0{
    bottom: 0px;
}

#wa-root .bottom-1{
    bottom: 0.25rem;
}

#wa-root .bottom-1\.5{
    bottom: 0.375rem;
}

#wa-root .bottom-10{
    bottom: 2.5rem;
}

#wa-root .bottom-2{
    bottom: 0.5rem;
}

#wa-root .bottom-20{
    bottom: 5rem;
}

#wa-root .bottom-4{
    bottom: 1rem;
}

#wa-root .bottom-full{
    bottom: 100%;
}

#wa-root .end-0{
    inset-inline-end: 0px;
}

#wa-root .end-1{
    inset-inline-end: 0.25rem;
}

#wa-root .end-1\.5{
    inset-inline-end: 0.375rem;
}

#wa-root .end-10{
    inset-inline-end: 2.5rem;
}

#wa-root .end-2{
    inset-inline-end: 0.5rem;
}

#wa-root .end-3{
    inset-inline-end: 0.75rem;
}

#wa-root .end-4{
    inset-inline-end: 1rem;
}

#wa-root .left-0{
    left: 0px;
}

#wa-root .left-1\/2{
    left: 50%;
}

#wa-root .right-0{
    right: 0px;
}

#wa-root .start-0{
    inset-inline-start: 0px;
}

#wa-root .start-1{
    inset-inline-start: 0.25rem;
}

#wa-root .start-1\/2{
    inset-inline-start: 50%;
}

#wa-root .start-12{
    inset-inline-start: 3rem;
}

#wa-root .start-2{
    inset-inline-start: 0.5rem;
}

#wa-root .start-2\.5{
    inset-inline-start: 0.625rem;
}

#wa-root .start-3{
    inset-inline-start: 0.75rem;
}

#wa-root .start-4{
    inset-inline-start: 1rem;
}

#wa-root .start-6{
    inset-inline-start: 1.5rem;
}

#wa-root .start-\[50\%\]{
    inset-inline-start: 50%;
}

#wa-root .top-0{
    top: 0px;
}

#wa-root .top-1{
    top: 0.25rem;
}

#wa-root .top-1\.5{
    top: 0.375rem;
}

#wa-root .top-1\/2{
    top: 50%;
}

#wa-root .top-16{
    top: 4rem;
}

#wa-root .top-2{
    top: 0.5rem;
}

#wa-root .top-2\.5{
    top: 0.625rem;
}

#wa-root .top-20{
    top: 5rem;
}

#wa-root .top-3{
    top: 0.75rem;
}

#wa-root .top-3\.5{
    top: 0.875rem;
}

#wa-root .top-4{
    top: 1rem;
}

#wa-root .top-6{
    top: 1.5rem;
}

#wa-root .top-8{
    top: 2rem;
}

#wa-root .top-\[1px\]{
    top: 1px;
}

#wa-root .top-\[50\%\]{
    top: 50%;
}

#wa-root .top-\[60\%\]{
    top: 60%;
}

#wa-root .top-full{
    top: 100%;
}

#wa-root .z-10{
    z-index: 10;
}

#wa-root .z-20{
    z-index: 20;
}

#wa-root .z-40{
    z-index: 40;
}

#wa-root .z-50{
    z-index: 50;
}

#wa-root .z-\[100\]{
    z-index: 100;
}

#wa-root .z-\[1\]{
    z-index: 1;
}

#wa-root .z-\[200\]{
    z-index: 200;
}

#wa-root .z-\[60\]{
    z-index: 60;
}

#wa-root .col-span-1{
    grid-column: span 1 / span 1;
}

#wa-root .col-span-2{
    grid-column: span 2 / span 2;
}

#wa-root .row-span-2{
    grid-row: span 2 / span 2;
}

#wa-root .m-0{
    margin: 0px;
}

#wa-root .-mx-1{
    margin-left: -0.25rem;
    margin-right: -0.25rem;
}

#wa-root .mx-0\.5{
    margin-left: 0.125rem;
    margin-right: 0.125rem;
}

#wa-root .mx-1{
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

#wa-root .mx-2{
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

#wa-root .mx-3\.5{
    margin-left: 0.875rem;
    margin-right: 0.875rem;
}

#wa-root .mx-auto{
    margin-left: auto;
    margin-right: auto;
}

#wa-root .my-0\.5{
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
}

#wa-root .my-1{
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

#wa-root .my-2{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

#wa-root .my-3{
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}

#wa-root .my-4{
    margin-top: 1rem;
    margin-bottom: 1rem;
}

#wa-root .\!mt-0{
    margin-top: 0px !important;
}

#wa-root .-ml-1{
    margin-left: -0.25rem;
}

#wa-root .-ml-4{
    margin-left: -1rem;
}

#wa-root .-mt-1{
    margin-top: -0.25rem;
}

#wa-root .-mt-4{
    margin-top: -1rem;
}

#wa-root .-mt-6{
    margin-top: -1.5rem;
}

#wa-root .mb-0\.5{
    margin-bottom: 0.125rem;
}

#wa-root .mb-1{
    margin-bottom: 0.25rem;
}

#wa-root .mb-1\.5{
    margin-bottom: 0.375rem;
}

#wa-root .mb-2{
    margin-bottom: 0.5rem;
}

#wa-root .mb-3{
    margin-bottom: 0.75rem;
}

#wa-root .mb-4{
    margin-bottom: 1rem;
}

#wa-root .mb-6{
    margin-bottom: 1.5rem;
}

#wa-root .mb-8{
    margin-bottom: 2rem;
}

#wa-root .me-1{
    margin-inline-end: 0.25rem;
}

#wa-root .me-1\.5{
    margin-inline-end: 0.375rem;
}

#wa-root .me-2{
    margin-inline-end: 0.5rem;
}

#wa-root .me-3{
    margin-inline-end: 0.75rem;
}

#wa-root .me-4{
    margin-inline-end: 1rem;
}

#wa-root .me-auto{
    margin-inline-end: auto;
}

#wa-root .ml-2{
    margin-left: 0.5rem;
}

#wa-root .mr-2{
    margin-right: 0.5rem;
}

#wa-root .ms-0\.5{
    margin-inline-start: 0.125rem;
}

#wa-root .ms-1{
    margin-inline-start: 0.25rem;
}

#wa-root .ms-1\.5{
    margin-inline-start: 0.375rem;
}

#wa-root .ms-2{
    margin-inline-start: 0.5rem;
}

#wa-root .ms-3{
    margin-inline-start: 0.75rem;
}

#wa-root .ms-\[18px\]{
    margin-inline-start: 18px;
}

#wa-root .ms-auto{
    margin-inline-start: auto;
}

#wa-root .mt-0{
    margin-top: 0px;
}

#wa-root .mt-0\.5{
    margin-top: 0.125rem;
}

#wa-root .mt-1{
    margin-top: 0.25rem;
}

#wa-root .mt-1\.5{
    margin-top: 0.375rem;
}

#wa-root .mt-12{
    margin-top: 3rem;
}

#wa-root .mt-2{
    margin-top: 0.5rem;
}

#wa-root .mt-24{
    margin-top: 6rem;
}

#wa-root .mt-3{
    margin-top: 0.75rem;
}

#wa-root .mt-4{
    margin-top: 1rem;
}

#wa-root .mt-5{
    margin-top: 1.25rem;
}

#wa-root .mt-6{
    margin-top: 1.5rem;
}

#wa-root .mt-auto{
    margin-top: auto;
}

#wa-root .line-clamp-1{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

#wa-root .line-clamp-2{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

#wa-root .line-clamp-3{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

#wa-root .block{
    display: block;
}

#wa-root .inline-block{
    display: inline-block;
}

#wa-root .inline{
    display: inline;
}

#wa-root .flex{
    display: flex;
}

#wa-root .inline-flex{
    display: inline-flex;
}

#wa-root .\!table{
    display: table !important;
}

#wa-root .table{
    display: table;
}

#wa-root .grid{
    display: grid;
}

#wa-root .contents{
    display: contents;
}

#wa-root .hidden{
    display: none;
}

#wa-root .aspect-\[1\/2\]{
    aspect-ratio: 1/2;
}

#wa-root .aspect-\[2\/1\]{
    aspect-ratio: 2/1;
}

#wa-root .aspect-square{
    aspect-ratio: 1 / 1;
}

#wa-root .aspect-video{
    aspect-ratio: 16 / 9;
}

#wa-root .size-4{
    width: 1rem;
    height: 1rem;
}

#wa-root .\!h-3{
    height: 0.75rem !important;
}

#wa-root .h-1{
    height: 0.25rem;
}

#wa-root .h-1\.5{
    height: 0.375rem;
}

#wa-root .h-10{
    height: 2.5rem;
}

#wa-root .h-11{
    height: 2.75rem;
}

#wa-root .h-12{
    height: 3rem;
}

#wa-root .h-14{
    height: 3.5rem;
}

#wa-root .h-16{
    height: 4rem;
}

#wa-root .h-2{
    height: 0.5rem;
}

#wa-root .h-2\.5{
    height: 0.625rem;
}

#wa-root .h-20{
    height: 5rem;
}

#wa-root .h-24{
    height: 6rem;
}

#wa-root .h-3{
    height: 0.75rem;
}

#wa-root .h-3\.5{
    height: 0.875rem;
}

#wa-root .h-32{
    height: 8rem;
}

#wa-root .h-4{
    height: 1rem;
}

#wa-root .h-40{
    height: 10rem;
}

#wa-root .h-48{
    height: 12rem;
}

#wa-root .h-5{
    height: 1.25rem;
}

#wa-root .h-56{
    height: 14rem;
}

#wa-root .h-6{
    height: 1.5rem;
}

#wa-root .h-60{
    height: 15rem;
}

#wa-root .h-64{
    height: 16rem;
}

#wa-root .h-7{
    height: 1.75rem;
}

#wa-root .h-8{
    height: 2rem;
}

#wa-root .h-9{
    height: 2.25rem;
}

#wa-root .h-\[1200px\]{
    height: 1200px;
}

#wa-root .h-\[120px\]{
    height: 120px;
}

#wa-root .h-\[18px\]{
    height: 18px;
}

#wa-root .h-\[1px\]{
    height: 1px;
}

#wa-root .h-\[200px\]{
    height: 200px;
}

#wa-root .h-\[22px\]{
    height: 22px;
}

#wa-root .h-\[250px\]{
    height: 250px;
}

#wa-root .h-\[400px\]{
    height: 400px;
}

#wa-root .h-\[60px\]{
    height: 60px;
}

#wa-root .h-\[60vh\]{
    height: 60vh;
}

#wa-root .h-\[80vh\]{
    height: 80vh;
}

#wa-root .h-\[90vh\]{
    height: 90vh;
}

#wa-root .h-\[calc\(100dvh-5rem\)\]{
    height: calc(100dvh - 5rem);
}

#wa-root .h-\[calc\(100vh-12rem\)\]{
    height: calc(100vh - 12rem);
}

#wa-root .h-\[calc\(90vh-280px\)\]{
    height: calc(90vh - 280px);
}

#wa-root .h-\[var\(--radix-navigation-menu-viewport-height\)\]{
    height: var(--radix-navigation-menu-viewport-height);
}

#wa-root .h-\[var\(--radix-select-trigger-height\)\]{
    height: var(--radix-select-trigger-height);
}

#wa-root .h-auto{
    height: auto;
}

#wa-root .h-full{
    height: 100%;
}

#wa-root .h-px{
    height: 1px;
}

#wa-root .h-screen{
    height: 100vh;
}

#wa-root .h-svh{
    height: 100svh;
}

#wa-root .max-h-32{
    max-height: 8rem;
}

#wa-root .max-h-40{
    max-height: 10rem;
}

#wa-root .max-h-48{
    max-height: 12rem;
}

#wa-root .max-h-60{
    max-height: 15rem;
}

#wa-root .max-h-64{
    max-height: 16rem;
}

#wa-root .max-h-72{
    max-height: 18rem;
}

#wa-root .max-h-96{
    max-height: 24rem;
}

#wa-root .max-h-\[120px\]{
    max-height: 120px;
}

#wa-root .max-h-\[180px\]{
    max-height: 180px;
}

#wa-root .max-h-\[200px\]{
    max-height: 200px;
}

#wa-root .max-h-\[280px\]{
    max-height: 280px;
}

#wa-root .max-h-\[300px\]{
    max-height: 300px;
}

#wa-root .max-h-\[320px\]{
    max-height: 320px;
}

#wa-root .max-h-\[50vh\]{
    max-height: 50vh;
}

#wa-root .max-h-\[60vh\]{
    max-height: 60vh;
}

#wa-root .max-h-\[70vh\]{
    max-height: 70vh;
}

#wa-root .max-h-\[75vh\]{
    max-height: 75vh;
}

#wa-root .max-h-\[80vh\]{
    max-height: 80vh;
}

#wa-root .max-h-\[85vh\]{
    max-height: 85vh;
}

#wa-root .max-h-\[90vh\]{
    max-height: 90vh;
}

#wa-root .max-h-\[calc\(100vh-2rem\)\]{
    max-height: calc(100vh - 2rem);
}

#wa-root .max-h-screen{
    max-height: 100vh;
}

#wa-root .min-h-0{
    min-height: 0px;
}

#wa-root .min-h-\[100px\]{
    min-height: 100px;
}

#wa-root .min-h-\[120px\]{
    min-height: 120px;
}

#wa-root .min-h-\[150px\]{
    min-height: 150px;
}

#wa-root .min-h-\[300px\]{
    min-height: 300px;
}

#wa-root .min-h-\[36px\]{
    min-height: 36px;
}

#wa-root .min-h-\[400px\]{
    min-height: 400px;
}

#wa-root .min-h-\[40px\]{
    min-height: 40px;
}

#wa-root .min-h-\[44px\]{
    min-height: 44px;
}

#wa-root .min-h-\[48px\]{
    min-height: 48px;
}

#wa-root .min-h-\[4rem\]{
    min-height: 4rem;
}

#wa-root .min-h-\[600px\]{
    min-height: 600px;
}

#wa-root .min-h-\[60px\]{
    min-height: 60px;
}

#wa-root .min-h-\[80px\]{
    min-height: 80px;
}

#wa-root .min-h-full{
    min-height: 100%;
}

#wa-root .min-h-screen{
    min-height: 100vh;
}

#wa-root .min-h-svh{
    min-height: 100svh;
}

#wa-root .\!w-3{
    width: 0.75rem !important;
}

#wa-root .w-0{
    width: 0px;
}

#wa-root .w-0\.5{
    width: 0.125rem;
}

#wa-root .w-1{
    width: 0.25rem;
}

#wa-root .w-1\.5{
    width: 0.375rem;
}

#wa-root .w-10{
    width: 2.5rem;
}

#wa-root .w-11{
    width: 2.75rem;
}

#wa-root .w-12{
    width: 3rem;
}

#wa-root .w-14{
    width: 3.5rem;
}

#wa-root .w-16{
    width: 4rem;
}

#wa-root .w-2{
    width: 0.5rem;
}

#wa-root .w-2\.5{
    width: 0.625rem;
}

#wa-root .w-20{
    width: 5rem;
}

#wa-root .w-24{
    width: 6rem;
}

#wa-root .w-3{
    width: 0.75rem;
}

#wa-root .w-3\.5{
    width: 0.875rem;
}

#wa-root .w-3\/4{
    width: 75%;
}

#wa-root .w-32{
    width: 8rem;
}

#wa-root .w-4{
    width: 1rem;
}

#wa-root .w-40{
    width: 10rem;
}

#wa-root .w-48{
    width: 12rem;
}

#wa-root .w-5{
    width: 1.25rem;
}

#wa-root .w-52{
    width: 13rem;
}

#wa-root .w-56{
    width: 14rem;
}

#wa-root .w-6{
    width: 1.5rem;
}

#wa-root .w-64{
    width: 16rem;
}

#wa-root .w-7{
    width: 1.75rem;
}

#wa-root .w-72{
    width: 18rem;
}

#wa-root .w-8{
    width: 2rem;
}

#wa-root .w-80{
    width: 20rem;
}

#wa-root .w-9{
    width: 2.25rem;
}

#wa-root .w-\[--radix-dropdown-menu-trigger-width\]{
    width: var(--radix-dropdown-menu-trigger-width);
}

#wa-root .w-\[--sidebar-width\]{
    width: var(--sidebar-width);
}

#wa-root .w-\[1\.5px\]{
    width: 1.5px;
}

#wa-root .w-\[100px\]{
    width: 100px;
}

#wa-root .w-\[1100px\]{
    width: 1100px;
}

#wa-root .w-\[140px\]{
    width: 140px;
}

#wa-root .w-\[160px\]{
    width: 160px;
}

#wa-root .w-\[180px\]{
    width: 180px;
}

#wa-root .w-\[18px\]{
    width: 18px;
}

#wa-root .w-\[1px\]{
    width: 1px;
}

#wa-root .w-\[200px\]{
    width: 200px;
}

#wa-root .w-\[220px\]{
    width: 220px;
}

#wa-root .w-\[240px\]{
    width: 240px;
}

#wa-root .w-\[250px\]{
    width: 250px;
}

#wa-root .w-\[280px\]{
    width: 280px;
}

#wa-root .w-\[2px\]{
    width: 2px;
}

#wa-root .w-\[300px\]{
    width: 300px;
}

#wa-root .w-\[380px\]{
    width: 380px;
}

#wa-root .w-\[60px\]{
    width: 60px;
}

#wa-root .w-\[68px\]{
    width: 68px;
}

#wa-root .w-auto{
    width: auto;
}

#wa-root .w-fit{
    width: -moz-fit-content;
    width: fit-content;
}

#wa-root .w-full{
    width: 100%;
}

#wa-root .w-max{
    width: -moz-max-content;
    width: max-content;
}

#wa-root .w-px{
    width: 1px;
}

#wa-root .min-w-0{
    min-width: 0px;
}

#wa-root .min-w-5{
    min-width: 1.25rem;
}

#wa-root .min-w-\[120px\]{
    min-width: 120px;
}

#wa-root .min-w-\[12rem\]{
    min-width: 12rem;
}

#wa-root .min-w-\[140px\]{
    min-width: 140px;
}

#wa-root .min-w-\[180px\]{
    min-width: 180px;
}

#wa-root .min-w-\[18px\]{
    min-width: 18px;
}

#wa-root .min-w-\[200px\]{
    min-width: 200px;
}

#wa-root .min-w-\[20px\]{
    min-width: 20px;
}

#wa-root .min-w-\[220px\]{
    min-width: 220px;
}

#wa-root .min-w-\[22px\]{
    min-width: 22px;
}

#wa-root .min-w-\[240px\]{
    min-width: 240px;
}

#wa-root .min-w-\[35px\]{
    min-width: 35px;
}

#wa-root .min-w-\[3ch\]{
    min-width: 3ch;
}

#wa-root .min-w-\[40px\]{
    min-width: 40px;
}

#wa-root .min-w-\[42px\]{
    min-width: 42px;
}

#wa-root .min-w-\[44px\]{
    min-width: 44px;
}

#wa-root .min-w-\[50px\]{
    min-width: 50px;
}

#wa-root .min-w-\[8rem\]{
    min-width: 8rem;
}

#wa-root .min-w-\[90px\]{
    min-width: 90px;
}

#wa-root .min-w-\[var\(--radix-select-trigger-width\)\]{
    min-width: var(--radix-select-trigger-width);
}

#wa-root .min-w-full{
    min-width: 100%;
}

#wa-root .min-w-min{
    min-width: -moz-min-content;
    min-width: min-content;
}

#wa-root .max-w-2xl{
    max-width: 42rem;
}

#wa-root .max-w-3xl{
    max-width: 48rem;
}

#wa-root .max-w-4xl{
    max-width: 56rem;
}

#wa-root .max-w-64{
    max-width: 16rem;
}

#wa-root .max-w-7xl{
    max-width: 80rem;
}

#wa-root .max-w-\[--skeleton-width\]{
    max-width: var(--skeleton-width);
}

#wa-root .max-w-\[100px\]{
    max-width: 100px;
}

#wa-root .max-w-\[120px\]{
    max-width: 120px;
}

#wa-root .max-w-\[130px\]{
    max-width: 130px;
}

#wa-root .max-w-\[140px\]{
    max-width: 140px;
}

#wa-root .max-w-\[180px\]{
    max-width: 180px;
}

#wa-root .max-w-\[200px\]{
    max-width: 200px;
}

#wa-root .max-w-\[220px\]{
    max-width: 220px;
}

#wa-root .max-w-\[250px\]{
    max-width: 250px;
}

#wa-root .max-w-\[260px\]{
    max-width: 260px;
}

#wa-root .max-w-\[280px\]{
    max-width: 280px;
}

#wa-root .max-w-\[300px\]{
    max-width: 300px;
}

#wa-root .max-w-\[400px\]{
    max-width: 400px;
}

#wa-root .max-w-\[420px\]{
    max-width: 420px;
}

#wa-root .max-w-\[600px\]{
    max-width: 600px;
}

#wa-root .max-w-\[60px\]{
    max-width: 60px;
}

#wa-root .max-w-\[70px\]{
    max-width: 70px;
}

#wa-root .max-w-\[80\%\]{
    max-width: 80%;
}

#wa-root .max-w-\[80vw\]{
    max-width: 80vw;
}

#wa-root .max-w-\[85\%\]{
    max-width: 85%;
}

#wa-root .max-w-\[90vw\]{
    max-width: 90vw;
}

#wa-root .max-w-\[95vw\]{
    max-width: 95vw;
}

#wa-root .max-w-full{
    max-width: 100%;
}

#wa-root .max-w-lg{
    max-width: 32rem;
}

#wa-root .max-w-max{
    max-width: -moz-max-content;
    max-width: max-content;
}

#wa-root .max-w-md{
    max-width: 28rem;
}

#wa-root .max-w-sm{
    max-width: 24rem;
}

#wa-root .max-w-xl{
    max-width: 36rem;
}

#wa-root .max-w-xs{
    max-width: 20rem;
}

#wa-root .flex-1{
    flex: 1 1 0%;
}

#wa-root .flex-\[3\]{
    flex: 3;
}

#wa-root .flex-none{
    flex: none;
}

#wa-root .flex-shrink-0{
    flex-shrink: 0;
}

#wa-root .shrink-0{
    flex-shrink: 0;
}

#wa-root .flex-grow{
    flex-grow: 1;
}

#wa-root .grow{
    flex-grow: 1;
}

#wa-root .grow-0{
    flex-grow: 0;
}

#wa-root .basis-full{
    flex-basis: 100%;
}

#wa-root .caption-bottom{
    caption-side: bottom;
}

#wa-root .border-collapse{
    border-collapse: collapse;
}

#wa-root .-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));
}

#wa-root .-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));
}

#wa-root .-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));
}

#wa-root .-translate-y-2{
    --tw-translate-y: -0.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#wa-root .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));
}

#wa-root .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));
}

#wa-root .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));
}

#wa-root .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));
}

#wa-root .-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));
}

#wa-root .rotate-0{
    --tw-rotate: 0deg;
    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));
}

#wa-root .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));
}

#wa-root .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));
}

#wa-root .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));
}

#wa-root .scale-0{
    --tw-scale-x: 0;
    --tw-scale-y: 0;
    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));
}

#wa-root .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));
}

#wa-root .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));
}

#wa-root .scale-x-\[-1\]{
    --tw-scale-x: -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));
}

#wa-root .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 fadeIn{

    0%{
        opacity: 0;
    }

    100%{
        opacity: 1;
    }
}

#wa-root .animate-fadeIn{
    animation: fadeIn 0.5s ease-out;
}

@keyframes ping{

    75%, 100%{
        transform: scale(2);
        opacity: 0;
    }
}

#wa-root .animate-ping{
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

@keyframes pulse{

    50%{
        opacity: 0.5;
    }

    0%, 100%{
        opacity: 1;
    }
}

#wa-root .animate-pulse{
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes slideUp{

    0%{
        transform: translateY(10px);
        opacity: 0;
    }

    100%{
        transform: translateY(0);
        opacity: 1;
    }
}

#wa-root .animate-slideUp{
    animation: slideUp 0.5s ease-out;
}

@keyframes spin{

    to{
        transform: rotate(360deg);
    }
}

#wa-root .animate-spin{
    animation: spin 1s linear infinite;
}

#wa-root .cursor-default{
    cursor: default;
}

#wa-root .cursor-grab{
    cursor: grab;
}

#wa-root .cursor-help{
    cursor: help;
}

#wa-root .cursor-move{
    cursor: move;
}

#wa-root .cursor-not-allowed{
    cursor: not-allowed;
}

#wa-root .cursor-pointer{
    cursor: pointer;
}

#wa-root .touch-none{
    touch-action: none;
}

#wa-root .select-none{
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

#wa-root .select-text{
    -webkit-user-select: text;
       -moz-user-select: text;
            user-select: text;
}

#wa-root .resize-none{
    resize: none;
}

#wa-root .resize{
    resize: both;
}

#wa-root .snap-x{
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
}

#wa-root .snap-start{
    scroll-snap-align: start;
}

#wa-root .list-inside{
    list-style-position: inside;
}

#wa-root .list-disc{
    list-style-type: disc;
}

#wa-root .list-none{
    list-style-type: none;
}

#wa-root .grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

#wa-root .grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

#wa-root .grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

#wa-root .grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

#wa-root .flex-row{
    flex-direction: row;
}

#wa-root .flex-row-reverse{
    flex-direction: row-reverse;
}

#wa-root .flex-col{
    flex-direction: column;
}

#wa-root .flex-col-reverse{
    flex-direction: column-reverse;
}

#wa-root .flex-wrap{
    flex-wrap: wrap;
}

#wa-root .items-start{
    align-items: flex-start;
}

#wa-root .items-end{
    align-items: flex-end;
}

#wa-root .items-center{
    align-items: center;
}

#wa-root .items-stretch{
    align-items: stretch;
}

#wa-root .justify-start{
    justify-content: flex-start;
}

#wa-root .justify-end{
    justify-content: flex-end;
}

#wa-root .justify-center{
    justify-content: center;
}

#wa-root .justify-between{
    justify-content: space-between;
}

#wa-root .justify-around{
    justify-content: space-around;
}

#wa-root .gap-0{
    gap: 0px;
}

#wa-root .gap-0\.5{
    gap: 0.125rem;
}

#wa-root .gap-1{
    gap: 0.25rem;
}

#wa-root .gap-1\.5{
    gap: 0.375rem;
}

#wa-root .gap-2{
    gap: 0.5rem;
}

#wa-root .gap-2\.5{
    gap: 0.625rem;
}

#wa-root .gap-3{
    gap: 0.75rem;
}

#wa-root .gap-4{
    gap: 1rem;
}

#wa-root .gap-6{
    gap: 1.5rem;
}

#wa-root .gap-8{
    gap: 2rem;
}

#wa-root .gap-\[2px\]{
    gap: 2px;
}

#wa-root .gap-x-3{
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
}

#wa-root .gap-y-0\.5{
    row-gap: 0.125rem;
}

#wa-root :is(.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)));
}

#wa-root :is(.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)));
}

#wa-root :is(.space-x-3 > :not([hidden]) ~ :not([hidden])){
    --tw-space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--tw-space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}

#wa-root :is(.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)));
}

#wa-root :is(.space-y-0\.5 > :not([hidden]) ~ :not([hidden])){
    --tw-space-y-reverse: 0;
    margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}

#wa-root :is(.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));
}

#wa-root :is(.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));
}

#wa-root :is(.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));
}

#wa-root :is(.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));
}

#wa-root :is(.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));
}

#wa-root :is(.space-y-5 > :not([hidden]) ~ :not([hidden])){
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

#wa-root :is(.space-y-6 > :not([hidden]) ~ :not([hidden])){
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

#wa-root :is(.divide-y > :not([hidden]) ~ :not([hidden])){
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

#wa-root :is(.divide-border\/30 > :not([hidden]) ~ :not([hidden])){
    border-color: hsl(var(--border) / 0.3);
}

#wa-root .self-start{
    align-self: flex-start;
}

#wa-root .self-center{
    align-self: center;
}

#wa-root .overflow-auto{
    overflow: auto;
}

#wa-root .overflow-hidden{
    overflow: hidden;
}

#wa-root .overflow-visible{
    overflow: visible;
}

#wa-root .overflow-x-auto{
    overflow-x: auto;
}

#wa-root .overflow-y-auto{
    overflow-y: auto;
}

#wa-root .overflow-x-hidden{
    overflow-x: hidden;
}

#wa-root .overscroll-contain{
    overscroll-behavior: contain;
}

#wa-root .truncate{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#wa-root .whitespace-nowrap{
    white-space: nowrap;
}

#wa-root .whitespace-pre-wrap{
    white-space: pre-wrap;
}

#wa-root .break-words{
    overflow-wrap: break-word;
}

#wa-root .break-all{
    word-break: break-all;
}

#wa-root .rounded{
    border-radius: 0.25rem;
}

#wa-root .rounded-2xl{
    border-radius: 1rem;
}

#wa-root .rounded-\[10px\]{
    border-radius: 10px;
}

#wa-root .rounded-\[2px\]{
    border-radius: 2px;
}

#wa-root .rounded-\[5px\]{
    border-radius: 5px;
}

#wa-root .rounded-\[inherit\]{
    border-radius: inherit;
}

#wa-root .rounded-full{
    border-radius: 9999px;
}

#wa-root .rounded-lg{
    border-radius: var(--radius);
}

#wa-root .rounded-md{
    border-radius: calc(var(--radius) - 2px);
}

#wa-root .rounded-none{
    border-radius: 0px;
}

#wa-root .rounded-sm{
    border-radius: calc(var(--radius) - 4px);
}

#wa-root .rounded-xl{
    border-radius: 0.75rem;
}

#wa-root .rounded-e-full{
    border-start-end-radius: 9999px;
    border-end-end-radius: 9999px;
}

#wa-root .rounded-e-md{
    border-start-end-radius: calc(var(--radius) - 2px);
    border-end-end-radius: calc(var(--radius) - 2px);
}

#wa-root .rounded-e-none{
    border-start-end-radius: 0px;
    border-end-end-radius: 0px;
}

#wa-root .rounded-s-md{
    border-start-start-radius: calc(var(--radius) - 2px);
    border-end-start-radius: calc(var(--radius) - 2px);
}

#wa-root .rounded-s-none{
    border-start-start-radius: 0px;
    border-end-start-radius: 0px;
}

#wa-root .rounded-t-2xl{
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

#wa-root .rounded-t-3xl{
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
}

#wa-root .rounded-t-\[10px\]{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#wa-root .rounded-t-lg{
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
}

#wa-root .rounded-ee-sm{
    border-end-end-radius: calc(var(--radius) - 4px);
}

#wa-root .rounded-es-sm{
    border-end-start-radius: calc(var(--radius) - 4px);
}

#wa-root .border{
    border-width: 1px;
}

#wa-root .border-0{
    border-width: 0px;
}

#wa-root .border-2{
    border-width: 2px;
}

#wa-root .border-4{
    border-width: 4px;
}

#wa-root .border-\[1\.5px\]{
    border-width: 1.5px;
}

#wa-root .border-y{
    border-top-width: 1px;
    border-bottom-width: 1px;
}

#wa-root .border-b{
    border-bottom-width: 1px;
}

#wa-root .border-b-0{
    border-bottom-width: 0px;
}

#wa-root .border-e{
    border-inline-end-width: 1px;
}

#wa-root .border-e-0{
    border-inline-end-width: 0px;
}

#wa-root .border-l{
    border-left-width: 1px;
}

#wa-root .border-r{
    border-right-width: 1px;
}

#wa-root .border-s{
    border-inline-start-width: 1px;
}

#wa-root .border-s-0{
    border-inline-start-width: 0px;
}

#wa-root .border-s-2{
    border-inline-start-width: 2px;
}

#wa-root .border-s-4{
    border-inline-start-width: 4px;
}

#wa-root .border-t{
    border-top-width: 1px;
}

#wa-root .border-dashed{
    border-style: dashed;
}

#wa-root .border-none{
    border-style: none;
}

#wa-root .\!border-border{
    border-color: hsl(var(--border)) !important;
}

#wa-root .border-\[\#25D366\]\/40{
    border-color: rgb(37 211 102 / 0.4);
}

#wa-root .border-\[--color-border\]{
    border-color: var(--color-border);
}

#wa-root .border-amber-200{
    --tw-border-opacity: 1;
    border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}

#wa-root .border-amber-300{
    --tw-border-opacity: 1;
    border-color: rgb(252 211 77 / var(--tw-border-opacity, 1));
}

#wa-root .border-amber-400{
    --tw-border-opacity: 1;
    border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
}

#wa-root .border-amber-500\/20{
    border-color: rgb(245 158 11 / 0.2);
}

#wa-root .border-amber-500\/30{
    border-color: rgb(245 158 11 / 0.3);
}

#wa-root .border-blue-200{
    --tw-border-opacity: 1;
    border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}

#wa-root .border-blue-300{
    --tw-border-opacity: 1;
    border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
}

#wa-root .border-blue-400{
    --tw-border-opacity: 1;
    border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}

#wa-root .border-blue-500\/20{
    border-color: rgb(59 130 246 / 0.2);
}

#wa-root .border-blue-500\/30{
    border-color: rgb(59 130 246 / 0.3);
}

#wa-root .border-border{
    border-color: hsl(var(--border));
}

#wa-root .border-border\/20{
    border-color: hsl(var(--border) / 0.2);
}

#wa-root .border-border\/30{
    border-color: hsl(var(--border) / 0.3);
}

#wa-root .border-border\/40{
    border-color: hsl(var(--border) / 0.4);
}

#wa-root .border-border\/50{
    border-color: hsl(var(--border) / 0.5);
}

#wa-root .border-border\/60{
    border-color: hsl(var(--border) / 0.6);
}

#wa-root .border-cyan-200{
    --tw-border-opacity: 1;
    border-color: rgb(165 243 252 / var(--tw-border-opacity, 1));
}

#wa-root .border-cyan-300{
    --tw-border-opacity: 1;
    border-color: rgb(103 232 249 / var(--tw-border-opacity, 1));
}

#wa-root .border-cyan-500\/20{
    border-color: rgb(6 182 212 / 0.2);
}

#wa-root .border-destructive{
    border-color: hsl(var(--destructive));
}

#wa-root .border-destructive\/20{
    border-color: hsl(var(--destructive) / 0.2);
}

#wa-root .border-destructive\/30{
    border-color: hsl(var(--destructive) / 0.3);
}

#wa-root .border-destructive\/50{
    border-color: hsl(var(--destructive) / 0.5);
}

#wa-root .border-emerald-200{
    --tw-border-opacity: 1;
    border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
}

#wa-root .border-emerald-300{
    --tw-border-opacity: 1;
    border-color: rgb(110 231 183 / var(--tw-border-opacity, 1));
}

#wa-root .border-emerald-400{
    --tw-border-opacity: 1;
    border-color: rgb(52 211 153 / var(--tw-border-opacity, 1));
}

#wa-root .border-emerald-500\/20{
    border-color: rgb(16 185 129 / 0.2);
}

#wa-root .border-emerald-500\/30{
    border-color: rgb(16 185 129 / 0.3);
}

#wa-root .border-gray-200{
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}

#wa-root .border-gray-300{
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}

#wa-root .border-gray-400{
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}

#wa-root .border-green-200{
    --tw-border-opacity: 1;
    border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
}

#wa-root .border-green-300{
    --tw-border-opacity: 1;
    border-color: rgb(134 239 172 / var(--tw-border-opacity, 1));
}

#wa-root .border-green-500\/20{
    border-color: rgb(34 197 94 / 0.2);
}

#wa-root .border-green-500\/30{
    border-color: rgb(34 197 94 / 0.3);
}

#wa-root .border-green-500\/50{
    border-color: rgb(34 197 94 / 0.5);
}

#wa-root .border-input{
    border-color: hsl(var(--input));
}

#wa-root .border-muted{
    border-color: hsl(var(--muted));
}

#wa-root .border-muted-foreground\/30{
    border-color: hsl(var(--muted-foreground) / 0.3);
}

#wa-root .border-orange-200{
    --tw-border-opacity: 1;
    border-color: rgb(254 215 170 / var(--tw-border-opacity, 1));
}

#wa-root .border-orange-300{
    --tw-border-opacity: 1;
    border-color: rgb(253 186 116 / var(--tw-border-opacity, 1));
}

#wa-root .border-orange-400{
    --tw-border-opacity: 1;
    border-color: rgb(251 146 60 / var(--tw-border-opacity, 1));
}

#wa-root .border-orange-500\/20{
    border-color: rgb(249 115 22 / 0.2);
}

#wa-root .border-pink-400{
    --tw-border-opacity: 1;
    border-color: rgb(244 114 182 / var(--tw-border-opacity, 1));
}

#wa-root .border-primary{
    border-color: hsl(var(--primary));
}

#wa-root .border-primary-foreground\/50{
    border-color: hsl(var(--primary-foreground) / 0.5);
}

#wa-root .border-primary\/20{
    border-color: hsl(var(--primary) / 0.2);
}

#wa-root .border-primary\/25{
    border-color: hsl(var(--primary) / 0.25);
}

#wa-root .border-primary\/30{
    border-color: hsl(var(--primary) / 0.3);
}

#wa-root .border-primary\/40{
    border-color: hsl(var(--primary) / 0.4);
}

#wa-root .border-primary\/60{
    border-color: hsl(var(--primary) / 0.6);
}

#wa-root .border-primary\/80{
    border-color: hsl(var(--primary) / 0.8);
}

#wa-root .border-purple-200{
    --tw-border-opacity: 1;
    border-color: rgb(233 213 255 / var(--tw-border-opacity, 1));
}

#wa-root .border-purple-300{
    --tw-border-opacity: 1;
    border-color: rgb(216 180 254 / var(--tw-border-opacity, 1));
}

#wa-root .border-purple-400{
    --tw-border-opacity: 1;
    border-color: rgb(192 132 252 / var(--tw-border-opacity, 1));
}

#wa-root .border-purple-500\/20{
    border-color: rgb(168 85 247 / 0.2);
}

#wa-root .border-red-200{
    --tw-border-opacity: 1;
    border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}

#wa-root .border-red-300{
    --tw-border-opacity: 1;
    border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
}

#wa-root .border-red-400{
    --tw-border-opacity: 1;
    border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));
}

#wa-root .border-rose-500\/20{
    border-color: rgb(244 63 94 / 0.2);
}

#wa-root .border-sidebar-border{
    border-color: hsl(var(--sidebar-border));
}

#wa-root .border-slate-200{
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}

#wa-root .border-slate-300{
    --tw-border-opacity: 1;
    border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}

#wa-root .border-success\/20{
    border-color: hsl(var(--success) / 0.2);
}

#wa-root .border-teal-400{
    --tw-border-opacity: 1;
    border-color: rgb(45 212 191 / var(--tw-border-opacity, 1));
}

#wa-root .border-transparent{
    border-color: transparent;
}

#wa-root .border-white\/10{
    border-color: rgb(255 255 255 / 0.1);
}

#wa-root .border-white\/20{
    border-color: rgb(255 255 255 / 0.2);
}

#wa-root .border-white\/40{
    border-color: rgb(255 255 255 / 0.4);
}

#wa-root .border-yellow-200{
    --tw-border-opacity: 1;
    border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
}

#wa-root .border-yellow-300{
    --tw-border-opacity: 1;
    border-color: rgb(253 224 71 / var(--tw-border-opacity, 1));
}

#wa-root .border-yellow-500\/20{
    border-color: rgb(234 179 8 / 0.2);
}

#wa-root .border-yellow-500\/50{
    border-color: rgb(234 179 8 / 0.5);
}

#wa-root .border-s-transparent{
    border-inline-start-color: transparent;
}

#wa-root .border-t-primary{
    border-top-color: hsl(var(--primary));
}

#wa-root .border-t-transparent{
    border-top-color: transparent;
}

#wa-root .\!bg-card{
    background-color: hsl(var(--card)) !important;
}

#wa-root .\!bg-primary{
    background-color: hsl(var(--primary)) !important;
}

#wa-root .bg-\[\#025C4C\]\/30{
    background-color: rgb(2 92 76 / 0.3);
}

#wa-root .bg-\[\#025C4C\]\/40{
    background-color: rgb(2 92 76 / 0.4);
}

#wa-root .bg-\[\#025C4C\]\/60{
    background-color: rgb(2 92 76 / 0.6);
}

#wa-root .bg-\[\#1877F2\]{
    --tw-bg-opacity: 1;
    background-color: rgb(24 119 242 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-\[\#25D366\]{
    --tw-bg-opacity: 1;
    background-color: rgb(37 211 102 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-\[\#25D366\]\/10{
    background-color: rgb(37 211 102 / 0.1);
}

#wa-root .bg-\[\#f4d248\]{
    --tw-bg-opacity: 1;
    background-color: rgb(244 210 72 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-\[--color-bg\]{
    background-color: var(--color-bg);
}

#wa-root .bg-\[hsl\(var\(--chart-1\)\)\]{
    background-color: hsl(var(--chart-1));
}

#wa-root .bg-\[hsl\(var\(--chart-2\)\)\]{
    background-color: hsl(var(--chart-2));
}

#wa-root .bg-accent{
    background-color: hsl(var(--accent));
}

#wa-root .bg-amber-100{
    --tw-bg-opacity: 1;
    background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-amber-100\/50{
    background-color: rgb(254 243 199 / 0.5);
}

#wa-root .bg-amber-50{
    --tw-bg-opacity: 1;
    background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-amber-50\/50{
    background-color: rgb(255 251 235 / 0.5);
}

#wa-root .bg-amber-500{
    --tw-bg-opacity: 1;
    background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-amber-500\/10{
    background-color: rgb(245 158 11 / 0.1);
}

#wa-root .bg-amber-500\/5{
    background-color: rgb(245 158 11 / 0.05);
}

#wa-root .bg-background{
    background-color: hsl(var(--background));
}

#wa-root .bg-background\/20{
    background-color: hsl(var(--background) / 0.2);
}

#wa-root .bg-background\/50{
    background-color: hsl(var(--background) / 0.5);
}

#wa-root .bg-background\/80{
    background-color: hsl(var(--background) / 0.8);
}

#wa-root .bg-background\/95{
    background-color: hsl(var(--background) / 0.95);
}

#wa-root .bg-black\/10{
    background-color: rgb(0 0 0 / 0.1);
}

#wa-root .bg-black\/20{
    background-color: rgb(0 0 0 / 0.2);
}

#wa-root .bg-black\/30{
    background-color: rgb(0 0 0 / 0.3);
}

#wa-root .bg-black\/40{
    background-color: rgb(0 0 0 / 0.4);
}

#wa-root .bg-black\/5{
    background-color: rgb(0 0 0 / 0.05);
}

#wa-root .bg-black\/50{
    background-color: rgb(0 0 0 / 0.5);
}

#wa-root .bg-black\/80{
    background-color: rgb(0 0 0 / 0.8);
}

#wa-root .bg-black\/95{
    background-color: rgb(0 0 0 / 0.95);
}

#wa-root .bg-blue-100{
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-blue-50{
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-blue-50\/50{
    background-color: rgb(239 246 255 / 0.5);
}

#wa-root .bg-blue-500{
    --tw-bg-opacity: 1;
    background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-blue-500\/10{
    background-color: rgb(59 130 246 / 0.1);
}

#wa-root .bg-blue-500\/20{
    background-color: rgb(59 130 246 / 0.2);
}

#wa-root .bg-blue-500\/5{
    background-color: rgb(59 130 246 / 0.05);
}

#wa-root .bg-blue-600{
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-border{
    background-color: hsl(var(--border));
}

#wa-root .bg-border\/50{
    background-color: hsl(var(--border) / 0.5);
}

#wa-root .bg-border\/60{
    background-color: hsl(var(--border) / 0.6);
}

#wa-root .bg-card{
    background-color: hsl(var(--card));
}

#wa-root .bg-card\/80{
    background-color: hsl(var(--card) / 0.8);
}

#wa-root .bg-cyan-100{
    --tw-bg-opacity: 1;
    background-color: rgb(207 250 254 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-cyan-50{
    --tw-bg-opacity: 1;
    background-color: rgb(236 254 255 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-cyan-500{
    --tw-bg-opacity: 1;
    background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-cyan-500\/5{
    background-color: rgb(6 182 212 / 0.05);
}

#wa-root .bg-destructive{
    background-color: hsl(var(--destructive));
}

#wa-root .bg-destructive\/10{
    background-color: hsl(var(--destructive) / 0.1);
}

#wa-root .bg-emerald-100{
    --tw-bg-opacity: 1;
    background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-emerald-50{
    --tw-bg-opacity: 1;
    background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-emerald-500{
    --tw-bg-opacity: 1;
    background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-emerald-500\/10{
    background-color: rgb(16 185 129 / 0.1);
}

#wa-root .bg-foreground{
    background-color: hsl(var(--foreground));
}

#wa-root .bg-gray-100{
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-gray-200{
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-gray-400{
    --tw-bg-opacity: 1;
    background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-gray-400\/30{
    background-color: rgb(156 163 175 / 0.3);
}

#wa-root .bg-gray-50{
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-gray-500{
    --tw-bg-opacity: 1;
    background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-green-100{
    --tw-bg-opacity: 1;
    background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-green-50{
    --tw-bg-opacity: 1;
    background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-green-500{
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-green-500\/10{
    background-color: rgb(34 197 94 / 0.1);
}

#wa-root .bg-green-500\/20{
    background-color: rgb(34 197 94 / 0.2);
}

#wa-root .bg-green-500\/5{
    background-color: rgb(34 197 94 / 0.05);
}

#wa-root .bg-green-600{
    --tw-bg-opacity: 1;
    background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-indigo-100{
    --tw-bg-opacity: 1;
    background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-indigo-500\/10{
    background-color: rgb(99 102 241 / 0.1);
}

#wa-root .bg-indigo-600{
    --tw-bg-opacity: 1;
    background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-muted{
    background-color: hsl(var(--muted));
}

#wa-root .bg-muted-foreground\/10{
    background-color: hsl(var(--muted-foreground) / 0.1);
}

#wa-root .bg-muted-foreground\/15{
    background-color: hsl(var(--muted-foreground) / 0.15);
}

#wa-root .bg-muted-foreground\/20{
    background-color: hsl(var(--muted-foreground) / 0.2);
}

#wa-root .bg-muted-foreground\/30{
    background-color: hsl(var(--muted-foreground) / 0.3);
}

#wa-root .bg-muted\/10{
    background-color: hsl(var(--muted) / 0.1);
}

#wa-root .bg-muted\/20{
    background-color: hsl(var(--muted) / 0.2);
}

#wa-root .bg-muted\/30{
    background-color: hsl(var(--muted) / 0.3);
}

#wa-root .bg-muted\/40{
    background-color: hsl(var(--muted) / 0.4);
}

#wa-root .bg-muted\/50{
    background-color: hsl(var(--muted) / 0.5);
}

#wa-root .bg-muted\/60{
    background-color: hsl(var(--muted) / 0.6);
}

#wa-root .bg-muted\/80{
    background-color: hsl(var(--muted) / 0.8);
}

#wa-root .bg-muted\/95{
    background-color: hsl(var(--muted) / 0.95);
}

#wa-root .bg-orange-100{
    --tw-bg-opacity: 1;
    background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-orange-50{
    --tw-bg-opacity: 1;
    background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-orange-500{
    --tw-bg-opacity: 1;
    background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-orange-500\/10{
    background-color: rgb(249 115 22 / 0.1);
}

#wa-root .bg-orange-500\/5{
    background-color: rgb(249 115 22 / 0.05);
}

#wa-root .bg-pink-100{
    --tw-bg-opacity: 1;
    background-color: rgb(252 231 243 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-pink-500{
    --tw-bg-opacity: 1;
    background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-pink-500\/10{
    background-color: rgb(236 72 153 / 0.1);
}

#wa-root .bg-popover{
    background-color: hsl(var(--popover));
}

#wa-root .bg-primary{
    background-color: hsl(var(--primary));
}

#wa-root .bg-primary-foreground\/10{
    background-color: hsl(var(--primary-foreground) / 0.1);
}

#wa-root .bg-primary\/10{
    background-color: hsl(var(--primary) / 0.1);
}

#wa-root .bg-primary\/15{
    background-color: hsl(var(--primary) / 0.15);
}

#wa-root .bg-primary\/20{
    background-color: hsl(var(--primary) / 0.2);
}

#wa-root .bg-primary\/5{
    background-color: hsl(var(--primary) / 0.05);
}

#wa-root .bg-primary\/50{
    background-color: hsl(var(--primary) / 0.5);
}

#wa-root .bg-primary\/90{
    background-color: hsl(var(--primary) / 0.9);
}

#wa-root .bg-purple-100{
    --tw-bg-opacity: 1;
    background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-purple-50{
    --tw-bg-opacity: 1;
    background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-purple-500{
    --tw-bg-opacity: 1;
    background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-purple-500\/10{
    background-color: rgb(168 85 247 / 0.1);
}

#wa-root .bg-purple-500\/5{
    background-color: rgb(168 85 247 / 0.05);
}

#wa-root .bg-red-100{
    --tw-bg-opacity: 1;
    background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-red-400{
    --tw-bg-opacity: 1;
    background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-red-50{
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-red-500{
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-red-500\/10{
    background-color: rgb(239 68 68 / 0.1);
}

#wa-root .bg-red-600{
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-rose-500{
    --tw-bg-opacity: 1;
    background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-rose-500\/10{
    background-color: rgb(244 63 94 / 0.1);
}

#wa-root .bg-secondary{
    background-color: hsl(var(--secondary));
}

#wa-root .bg-sidebar{
    background-color: hsl(var(--sidebar-background));
}

#wa-root .bg-sidebar-border{
    background-color: hsl(var(--sidebar-border));
}

#wa-root .bg-sky-100{
    --tw-bg-opacity: 1;
    background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-slate-200{
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-slate-50{
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-slate-500{
    --tw-bg-opacity: 1;
    background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-teal-500\/10{
    background-color: rgb(20 184 166 / 0.1);
}

#wa-root .bg-toast-error-bg{
    background-color: hsl(var(--toast-error-bg));
}

#wa-root .bg-toast-success-bg{
    background-color: hsl(var(--toast-success-bg));
}

#wa-root .bg-transparent{
    background-color: transparent;
}

#wa-root .bg-violet-100{
    --tw-bg-opacity: 1;
    background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-violet-500\/10{
    background-color: rgb(139 92 246 / 0.1);
}

#wa-root .bg-whatsapp{
    --tw-bg-opacity: 1;
    background-color: rgb(37 211 102 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-whatsapp\/10{
    background-color: rgb(37 211 102 / 0.1);
}

#wa-root .bg-white{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-white\/10{
    background-color: rgb(255 255 255 / 0.1);
}

#wa-root .bg-white\/15{
    background-color: rgb(255 255 255 / 0.15);
}

#wa-root .bg-white\/20{
    background-color: rgb(255 255 255 / 0.2);
}

#wa-root .bg-white\/30{
    background-color: rgb(255 255 255 / 0.3);
}

#wa-root .bg-white\/40{
    background-color: rgb(255 255 255 / 0.4);
}

#wa-root .bg-white\/5{
    background-color: rgb(255 255 255 / 0.05);
}

#wa-root .bg-white\/90{
    background-color: rgb(255 255 255 / 0.9);
}

#wa-root .bg-yellow-100{
    --tw-bg-opacity: 1;
    background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-yellow-300{
    --tw-bg-opacity: 1;
    background-color: rgb(253 224 71 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-yellow-50{
    --tw-bg-opacity: 1;
    background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-yellow-500{
    --tw-bg-opacity: 1;
    background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-yellow-500\/10{
    background-color: rgb(234 179 8 / 0.1);
}

#wa-root .bg-yellow-500\/5{
    background-color: rgb(234 179 8 / 0.05);
}

#wa-root .bg-yellow-600{
    --tw-bg-opacity: 1;
    background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
}

#wa-root .bg-\[url\(\'data\:image\/svg\+xml\;base64\2c PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI\+PGRlZnM\+PHBhdHRlcm4gaWQ9ImdyaWQiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI\+PHBhdGggZD0iTSAwIDEwIEwgNDAgMTAgTSAxMCAwIEwgMTAgNDAgTSAwIDIwIEwgNDAgMjAgTSAyMCAwIEwgMjAgNDAgTSAwIDMwIEwgNDAgMzAgTSAzMCAwIEwgMzAgNDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0icmdiYSgwLDAsMCwwLjAyKSIgc3Ryb2tlLXdpZHRoPSIxIi8\+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyaWQpIi8\+PC9zdmc\+\'\)\]{
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImdyaWQiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTSAwIDEwIEwgNDAgMTAgTSAxMCAwIEwgMTAgNDAgTSAwIDIwIEwgNDAgMjAgTSAyMCAwIEwgMjAgNDAgTSAwIDMwIEwgNDAgMzAgTSAzMCAwIEwgMzAgNDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0icmdiYSgwLDAsMCwwLjAyKSIgc3Ryb2tlLXdpZHRoPSIxIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyaWQpIi8+PC9zdmc+');
}

#wa-root .bg-gradient-to-b{
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

#wa-root .bg-gradient-to-br{
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

#wa-root .bg-gradient-to-r{
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

#wa-root .from-\[\#025C4C\]{
    --tw-gradient-from: #025C4C var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(2 92 76 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

#wa-root .from-\[\#25D366\]\/10{
    --tw-gradient-from: rgb(37 211 102 / 0.1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(37 211 102 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

#wa-root .from-\[\#25D366\]\/15{
    --tw-gradient-from: rgb(37 211 102 / 0.15) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(37 211 102 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

#wa-root .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);
}

#wa-root .from-background{
    --tw-gradient-from: hsl(var(--background)) var(--tw-gradient-from-position);
    --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

#wa-root .from-blue-50{
    --tw-gradient-from: #eff6ff var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

#wa-root .from-blue-500\/10{
    --tw-gradient-from: rgb(59 130 246 / 0.1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

#wa-root .from-card{
    --tw-gradient-from: hsl(var(--card)) var(--tw-gradient-from-position);
    --tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

#wa-root .from-emerald-50{
    --tw-gradient-from: #ecfdf5 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(236 253 245 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

#wa-root .from-green-500\/10{
    --tw-gradient-from: rgb(34 197 94 / 0.1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

#wa-root .from-primary{
    --tw-gradient-from: hsl(var(--primary)) var(--tw-gradient-from-position);
    --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

#wa-root .from-primary\/10{
    --tw-gradient-from: hsl(var(--primary) / 0.1) var(--tw-gradient-from-position);
    --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

#wa-root .from-primary\/20{
    --tw-gradient-from: hsl(var(--primary) / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

#wa-root .from-primary\/30{
    --tw-gradient-from: hsl(var(--primary) / 0.3) var(--tw-gradient-from-position);
    --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

#wa-root .from-transparent{
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

#wa-root .from-white{
    --tw-gradient-from: #fff var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

#wa-root .from-white\/40{
    --tw-gradient-from: rgb(255 255 255 / 0.4) 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);
}

#wa-root .via-\[\#128C7E\]\/5{
    --tw-gradient-to: rgb(18 140 126 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(18 140 126 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

#wa-root .via-background{
    --tw-gradient-to: hsl(var(--background) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--background)) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

#wa-root .via-border{
    --tw-gradient-to: hsl(var(--border) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--border)) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

#wa-root .to-\[\#014035\]{
    --tw-gradient-to: #014035 var(--tw-gradient-to-position);
}

#wa-root .to-amber-100\/50{
    --tw-gradient-to: rgb(254 243 199 / 0.5) var(--tw-gradient-to-position);
}

#wa-root .to-background{
    --tw-gradient-to: hsl(var(--background)) var(--tw-gradient-to-position);
}

#wa-root .to-blue-100\/50{
    --tw-gradient-to: rgb(219 234 254 / 0.5) var(--tw-gradient-to-position);
}

#wa-root .to-cyan-500\/10{
    --tw-gradient-to: rgb(6 182 212 / 0.1) var(--tw-gradient-to-position);
}

#wa-root .to-emerald-100\/50{
    --tw-gradient-to: rgb(209 250 229 / 0.5) var(--tw-gradient-to-position);
}

#wa-root .to-emerald-500\/10{
    --tw-gradient-to: rgb(16 185 129 / 0.1) var(--tw-gradient-to-position);
}

#wa-root .to-gray-50{
    --tw-gradient-to: #f9fafb var(--tw-gradient-to-position);
}

#wa-root .to-muted\/10{
    --tw-gradient-to: hsl(var(--muted) / 0.1) var(--tw-gradient-to-position);
}

#wa-root .to-muted\/20{
    --tw-gradient-to: hsl(var(--muted) / 0.2) var(--tw-gradient-to-position);
}

#wa-root .to-muted\/30{
    --tw-gradient-to: hsl(var(--muted) / 0.3) var(--tw-gradient-to-position);
}

#wa-root .to-primary\/10{
    --tw-gradient-to: hsl(var(--primary) / 0.1) var(--tw-gradient-to-position);
}

#wa-root .to-primary\/5{
    --tw-gradient-to: hsl(var(--primary) / 0.05) var(--tw-gradient-to-position);
}

#wa-root .to-primary\/60{
    --tw-gradient-to: hsl(var(--primary) / 0.6) var(--tw-gradient-to-position);
}

#wa-root .to-primary\/70{
    --tw-gradient-to: hsl(var(--primary) / 0.7) var(--tw-gradient-to-position);
}

#wa-root .to-primary\/90{
    --tw-gradient-to: hsl(var(--primary) / 0.9) var(--tw-gradient-to-position);
}

#wa-root .to-transparent{
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

#wa-root .to-white\/20{
    --tw-gradient-to: rgb(255 255 255 / 0.2) var(--tw-gradient-to-position);
}

#wa-root .bg-clip-text{
    -webkit-background-clip: text;
            background-clip: text;
}

#wa-root .fill-amber-500{
    fill: #f59e0b;
}

#wa-root .fill-current{
    fill: currentColor;
}

#wa-root .fill-white{
    fill: #fff;
}

#wa-root .stroke-amber-500{
    stroke: #f59e0b;
}

#wa-root .stroke-muted{
    stroke: hsl(var(--muted));
}

#wa-root .stroke-muted-foreground{
    stroke: hsl(var(--muted-foreground));
}

#wa-root .stroke-primary{
    stroke: hsl(var(--primary));
}

#wa-root .object-contain{
    -o-object-fit: contain;
       object-fit: contain;
}

#wa-root .object-cover{
    -o-object-fit: cover;
       object-fit: cover;
}

#wa-root .p-0{
    padding: 0px;
}

#wa-root .p-0\.5{
    padding: 0.125rem;
}

#wa-root .p-1{
    padding: 0.25rem;
}

#wa-root .p-1\.5{
    padding: 0.375rem;
}

#wa-root .p-12{
    padding: 3rem;
}

#wa-root .p-2{
    padding: 0.5rem;
}

#wa-root .p-2\.5{
    padding: 0.625rem;
}

#wa-root .p-3{
    padding: 0.75rem;
}

#wa-root .p-4{
    padding: 1rem;
}

#wa-root .p-5{
    padding: 1.25rem;
}

#wa-root .p-6{
    padding: 1.5rem;
}

#wa-root .p-8{
    padding: 2rem;
}

#wa-root .p-\[1px\]{
    padding: 1px;
}

#wa-root .px-0\.5{
    padding-left: 0.125rem;
    padding-right: 0.125rem;
}

#wa-root .px-1{
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

#wa-root .px-1\.5{
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}

#wa-root .px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

#wa-root .px-2\.5{
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

#wa-root .px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

#wa-root .px-4{
    padding-left: 1rem;
    padding-right: 1rem;
}

#wa-root .px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

#wa-root .px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

#wa-root .px-8{
    padding-left: 2rem;
    padding-right: 2rem;
}

#wa-root .py-0{
    padding-top: 0px;
    padding-bottom: 0px;
}

#wa-root .py-0\.5{
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
}

#wa-root .py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

#wa-root .py-1\.5{
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}

#wa-root .py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

#wa-root .py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
}

#wa-root .py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

#wa-root .py-2\.5{
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

#wa-root .py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
}

#wa-root .py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

#wa-root .py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
}

#wa-root .py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

#wa-root .py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
}

#wa-root .pb-0{
    padding-bottom: 0px;
}

#wa-root .pb-1{
    padding-bottom: 0.25rem;
}

#wa-root .pb-16{
    padding-bottom: 4rem;
}

#wa-root .pb-2{
    padding-bottom: 0.5rem;
}

#wa-root .pb-20{
    padding-bottom: 5rem;
}

#wa-root .pb-3{
    padding-bottom: 0.75rem;
}

#wa-root .pb-4{
    padding-bottom: 1rem;
}

#wa-root .pb-6{
    padding-bottom: 1.5rem;
}

#wa-root .pb-8{
    padding-bottom: 2rem;
}

#wa-root .pe-1{
    padding-inline-end: 0.25rem;
}

#wa-root .pe-10{
    padding-inline-end: 2.5rem;
}

#wa-root .pe-2{
    padding-inline-end: 0.5rem;
}

#wa-root .pe-2\.5{
    padding-inline-end: 0.625rem;
}

#wa-root .pe-24{
    padding-inline-end: 6rem;
}

#wa-root .pe-4{
    padding-inline-end: 1rem;
}

#wa-root .pe-8{
    padding-inline-end: 2rem;
}

#wa-root .pe-\[15px\]{
    padding-inline-end: 15px;
}

#wa-root .ps-10{
    padding-inline-start: 2.5rem;
}

#wa-root .ps-11{
    padding-inline-start: 2.75rem;
}

#wa-root .ps-2{
    padding-inline-start: 0.5rem;
}

#wa-root .ps-2\.5{
    padding-inline-start: 0.625rem;
}

#wa-root .ps-24{
    padding-inline-start: 6rem;
}

#wa-root .ps-4{
    padding-inline-start: 1rem;
}

#wa-root .ps-5{
    padding-inline-start: 1.25rem;
}

#wa-root .ps-8{
    padding-inline-start: 2rem;
}

#wa-root .ps-9{
    padding-inline-start: 2.25rem;
}

#wa-root .pt-0{
    padding-top: 0px;
}

#wa-root .pt-0\.5{
    padding-top: 0.125rem;
}

#wa-root .pt-1{
    padding-top: 0.25rem;
}

#wa-root .pt-2{
    padding-top: 0.5rem;
}

#wa-root .pt-3{
    padding-top: 0.75rem;
}

#wa-root .pt-4{
    padding-top: 1rem;
}

#wa-root .pt-5{
    padding-top: 1.25rem;
}

#wa-root .pt-6{
    padding-top: 1.5rem;
}

#wa-root .pt-8{
    padding-top: 2rem;
}

#wa-root .text-left{
    text-align: left;
}

#wa-root .text-center{
    text-align: center;
}

#wa-root .text-start{
    text-align: start;
}

#wa-root .text-end{
    text-align: end;
}

#wa-root .align-middle{
    vertical-align: middle;
}

#wa-root .font-mono{
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

#wa-root .text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
}

#wa-root .text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
}

#wa-root .text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
}

#wa-root .text-\[0\.8rem\]{
    font-size: 0.8rem;
}

#wa-root .text-\[10px\]{
    font-size: 10px;
}

#wa-root .text-\[11px\]{
    font-size: 11px;
}

#wa-root .text-\[13px\]{
    font-size: 13px;
}

#wa-root .text-\[15px\]{
    font-size: 15px;
}

#wa-root .text-\[8px\]{
    font-size: 8px;
}

#wa-root .text-\[9px\]{
    font-size: 9px;
}

#wa-root .text-base{
    font-size: 1rem;
    line-height: 1.5rem;
}

#wa-root .text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
}

#wa-root .text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
}

#wa-root .text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
}

#wa-root .text-xs{
    font-size: 0.75rem;
    line-height: 1rem;
}

#wa-root .font-bold{
    font-weight: 700;
}

#wa-root .font-light{
    font-weight: 300;
}

#wa-root .font-medium{
    font-weight: 500;
}

#wa-root .font-normal{
    font-weight: 400;
}

#wa-root .font-semibold{
    font-weight: 600;
}

#wa-root .uppercase{
    text-transform: uppercase;
}

#wa-root .lowercase{
    text-transform: lowercase;
}

#wa-root .capitalize{
    text-transform: capitalize;
}

#wa-root .italic{
    font-style: italic;
}

#wa-root .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);
}

#wa-root .leading-\[24px\]{
    line-height: 24px;
}

#wa-root .leading-none{
    line-height: 1;
}

#wa-root .leading-relaxed{
    line-height: 1.625;
}

#wa-root .leading-snug{
    line-height: 1.375;
}

#wa-root .leading-tight{
    line-height: 1.25;
}

#wa-root .tracking-tight{
    letter-spacing: -0.025em;
}

#wa-root .tracking-wide{
    letter-spacing: 0.025em;
}

#wa-root .tracking-wider{
    letter-spacing: 0.05em;
}

#wa-root .tracking-widest{
    letter-spacing: 0.1em;
}

#wa-root .text-\[\#00A884\]{
    --tw-text-opacity: 1;
    color: rgb(0 168 132 / var(--tw-text-opacity, 1));
}

#wa-root .text-\[\#128C7E\]{
    --tw-text-opacity: 1;
    color: rgb(18 140 126 / var(--tw-text-opacity, 1));
}

#wa-root .text-\[\#25D366\]{
    --tw-text-opacity: 1;
    color: rgb(37 211 102 / var(--tw-text-opacity, 1));
}

#wa-root .text-accent-foreground{
    color: hsl(var(--accent-foreground));
}

#wa-root .text-amber-500{
    --tw-text-opacity: 1;
    color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}

#wa-root .text-amber-600{
    --tw-text-opacity: 1;
    color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}

#wa-root .text-amber-700{
    --tw-text-opacity: 1;
    color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}

#wa-root .text-amber-800{
    --tw-text-opacity: 1;
    color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}

#wa-root .text-amber-900{
    --tw-text-opacity: 1;
    color: rgb(120 53 15 / var(--tw-text-opacity, 1));
}

#wa-root .text-blue-200{
    --tw-text-opacity: 1;
    color: rgb(191 219 254 / var(--tw-text-opacity, 1));
}

#wa-root .text-blue-400{
    --tw-text-opacity: 1;
    color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}

#wa-root .text-blue-500{
    --tw-text-opacity: 1;
    color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

#wa-root .text-blue-600{
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}

#wa-root .text-blue-700{
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

#wa-root .text-blue-800{
    --tw-text-opacity: 1;
    color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}

#wa-root .text-blue-900{
    --tw-text-opacity: 1;
    color: rgb(30 58 138 / var(--tw-text-opacity, 1));
}

#wa-root .text-card-foreground{
    color: hsl(var(--card-foreground));
}

#wa-root .text-current{
    color: currentColor;
}

#wa-root .text-cyan-600{
    --tw-text-opacity: 1;
    color: rgb(8 145 178 / var(--tw-text-opacity, 1));
}

#wa-root .text-cyan-700{
    --tw-text-opacity: 1;
    color: rgb(14 116 144 / var(--tw-text-opacity, 1));
}

#wa-root .text-destructive{
    color: hsl(var(--destructive));
}

#wa-root .text-destructive-foreground{
    color: hsl(var(--destructive-foreground));
}

#wa-root .text-destructive\/80{
    color: hsl(var(--destructive) / 0.8);
}

#wa-root .text-emerald-500{
    --tw-text-opacity: 1;
    color: rgb(16 185 129 / var(--tw-text-opacity, 1));
}

#wa-root .text-emerald-600{
    --tw-text-opacity: 1;
    color: rgb(5 150 105 / var(--tw-text-opacity, 1));
}

#wa-root .text-emerald-700{
    --tw-text-opacity: 1;
    color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}

#wa-root .text-emerald-900{
    --tw-text-opacity: 1;
    color: rgb(6 78 59 / var(--tw-text-opacity, 1));
}

#wa-root .text-foreground{
    color: hsl(var(--foreground));
}

#wa-root .text-foreground\/50{
    color: hsl(var(--foreground) / 0.5);
}

#wa-root .text-foreground\/70{
    color: hsl(var(--foreground) / 0.7);
}

#wa-root .text-foreground\/80{
    color: hsl(var(--foreground) / 0.8);
}

#wa-root .text-gray-400{
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

#wa-root .text-gray-500{
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

#wa-root .text-gray-600{
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

#wa-root .text-gray-700{
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

#wa-root .text-gray-800{
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

#wa-root .text-green-500{
    --tw-text-opacity: 1;
    color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}

#wa-root .text-green-600{
    --tw-text-opacity: 1;
    color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}

#wa-root .text-green-700{
    --tw-text-opacity: 1;
    color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}

#wa-root .text-green-800{
    --tw-text-opacity: 1;
    color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}

#wa-root .text-green-900{
    --tw-text-opacity: 1;
    color: rgb(20 83 45 / var(--tw-text-opacity, 1));
}

#wa-root .text-indigo-500{
    --tw-text-opacity: 1;
    color: rgb(99 102 241 / var(--tw-text-opacity, 1));
}

#wa-root .text-indigo-600{
    --tw-text-opacity: 1;
    color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}

#wa-root .text-indigo-700{
    --tw-text-opacity: 1;
    color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}

#wa-root .text-indigo-800{
    --tw-text-opacity: 1;
    color: rgb(55 48 163 / var(--tw-text-opacity, 1));
}

#wa-root .text-inherit{
    color: inherit;
}

#wa-root .text-muted-foreground{
    color: hsl(var(--muted-foreground));
}

#wa-root .text-muted-foreground\/30{
    color: hsl(var(--muted-foreground) / 0.3);
}

#wa-root .text-muted-foreground\/40{
    color: hsl(var(--muted-foreground) / 0.4);
}

#wa-root .text-muted-foreground\/50{
    color: hsl(var(--muted-foreground) / 0.5);
}

#wa-root .text-muted-foreground\/60{
    color: hsl(var(--muted-foreground) / 0.6);
}

#wa-root .text-muted-foreground\/70{
    color: hsl(var(--muted-foreground) / 0.7);
}

#wa-root .text-muted-foreground\/80{
    color: hsl(var(--muted-foreground) / 0.8);
}

#wa-root .text-orange-400{
    --tw-text-opacity: 1;
    color: rgb(251 146 60 / var(--tw-text-opacity, 1));
}

#wa-root .text-orange-500{
    --tw-text-opacity: 1;
    color: rgb(249 115 22 / var(--tw-text-opacity, 1));
}

#wa-root .text-orange-600{
    --tw-text-opacity: 1;
    color: rgb(234 88 12 / var(--tw-text-opacity, 1));
}

#wa-root .text-orange-700{
    --tw-text-opacity: 1;
    color: rgb(194 65 12 / var(--tw-text-opacity, 1));
}

#wa-root .text-orange-800{
    --tw-text-opacity: 1;
    color: rgb(154 52 18 / var(--tw-text-opacity, 1));
}

#wa-root .text-pink-600{
    --tw-text-opacity: 1;
    color: rgb(219 39 119 / var(--tw-text-opacity, 1));
}

#wa-root .text-pink-700{
    --tw-text-opacity: 1;
    color: rgb(190 24 93 / var(--tw-text-opacity, 1));
}

#wa-root .text-popover-foreground{
    color: hsl(var(--popover-foreground));
}

#wa-root .text-primary{
    color: hsl(var(--primary));
}

#wa-root .text-primary-foreground{
    color: hsl(var(--primary-foreground));
}

#wa-root .text-primary-foreground\/70{
    color: hsl(var(--primary-foreground) / 0.7);
}

#wa-root .text-primary\/30{
    color: hsl(var(--primary) / 0.3);
}

#wa-root .text-primary\/70{
    color: hsl(var(--primary) / 0.7);
}

#wa-root .text-purple-500{
    --tw-text-opacity: 1;
    color: rgb(168 85 247 / var(--tw-text-opacity, 1));
}

#wa-root .text-purple-600{
    --tw-text-opacity: 1;
    color: rgb(147 51 234 / var(--tw-text-opacity, 1));
}

#wa-root .text-purple-700{
    --tw-text-opacity: 1;
    color: rgb(126 34 206 / var(--tw-text-opacity, 1));
}

#wa-root .text-purple-800{
    --tw-text-opacity: 1;
    color: rgb(107 33 168 / var(--tw-text-opacity, 1));
}

#wa-root .text-red-400{
    --tw-text-opacity: 1;
    color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}

#wa-root .text-red-500{
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

#wa-root .text-red-600{
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

#wa-root .text-red-700{
    --tw-text-opacity: 1;
    color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}

#wa-root .text-red-800{
    --tw-text-opacity: 1;
    color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}

#wa-root .text-rose-500{
    --tw-text-opacity: 1;
    color: rgb(244 63 94 / var(--tw-text-opacity, 1));
}

#wa-root .text-rose-600{
    --tw-text-opacity: 1;
    color: rgb(225 29 72 / var(--tw-text-opacity, 1));
}

#wa-root .text-secondary-foreground{
    color: hsl(var(--secondary-foreground));
}

#wa-root .text-sidebar-foreground{
    color: hsl(var(--sidebar-foreground));
}

#wa-root .text-sidebar-foreground\/70{
    color: hsl(var(--sidebar-foreground) / 0.7);
}

#wa-root .text-sky-600{
    --tw-text-opacity: 1;
    color: rgb(2 132 199 / var(--tw-text-opacity, 1));
}

#wa-root .text-slate-500{
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

#wa-root .text-slate-700{
    --tw-text-opacity: 1;
    color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}

#wa-root .text-success{
    color: hsl(var(--success));
}

#wa-root .text-teal-500{
    --tw-text-opacity: 1;
    color: rgb(20 184 166 / var(--tw-text-opacity, 1));
}

#wa-root .text-teal-600{
    --tw-text-opacity: 1;
    color: rgb(13 148 136 / var(--tw-text-opacity, 1));
}

#wa-root .text-transparent{
    color: transparent;
}

#wa-root .text-violet-500{
    --tw-text-opacity: 1;
    color: rgb(139 92 246 / var(--tw-text-opacity, 1));
}

#wa-root .text-violet-600{
    --tw-text-opacity: 1;
    color: rgb(124 58 237 / var(--tw-text-opacity, 1));
}

#wa-root .text-whatsapp{
    --tw-text-opacity: 1;
    color: rgb(37 211 102 / var(--tw-text-opacity, 1));
}

#wa-root .text-white{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

#wa-root .text-white\/40{
    color: rgb(255 255 255 / 0.4);
}

#wa-root .text-white\/50{
    color: rgb(255 255 255 / 0.5);
}

#wa-root .text-white\/60{
    color: rgb(255 255 255 / 0.6);
}

#wa-root .text-white\/70{
    color: rgb(255 255 255 / 0.7);
}

#wa-root .text-white\/80{
    color: rgb(255 255 255 / 0.8);
}

#wa-root .text-white\/90{
    color: rgb(255 255 255 / 0.9);
}

#wa-root .text-yellow-500{
    --tw-text-opacity: 1;
    color: rgb(234 179 8 / var(--tw-text-opacity, 1));
}

#wa-root .text-yellow-600{
    --tw-text-opacity: 1;
    color: rgb(202 138 4 / var(--tw-text-opacity, 1));
}

#wa-root .text-yellow-700{
    --tw-text-opacity: 1;
    color: rgb(161 98 7 / var(--tw-text-opacity, 1));
}

#wa-root .text-yellow-800{
    --tw-text-opacity: 1;
    color: rgb(133 77 14 / var(--tw-text-opacity, 1));
}

#wa-root .text-yellow-900{
    --tw-text-opacity: 1;
    color: rgb(113 63 18 / var(--tw-text-opacity, 1));
}

#wa-root .underline{
    text-decoration-line: underline;
}

#wa-root .underline-offset-2{
    text-underline-offset: 2px;
}

#wa-root .underline-offset-4{
    text-underline-offset: 4px;
}

#wa-root .opacity-0{
    opacity: 0;
}

#wa-root .opacity-100{
    opacity: 1;
}

#wa-root .opacity-25{
    opacity: 0.25;
}

#wa-root .opacity-40{
    opacity: 0.4;
}

#wa-root .opacity-50{
    opacity: 0.5;
}

#wa-root .opacity-60{
    opacity: 0.6;
}

#wa-root .opacity-70{
    opacity: 0.7;
}

#wa-root .opacity-75{
    opacity: 0.75;
}

#wa-root .opacity-80{
    opacity: 0.8;
}

#wa-root .opacity-90{
    opacity: 0.9;
}

#wa-root .opacity-\[0\.015\]{
    opacity: 0.015;
}

#wa-root .\!shadow-md{
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

#wa-root .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);
}

#wa-root .shadow-\[0_-4px_20px_rgba\(0\2c 0\2c 0\2c 0\.05\)\]{
    --tw-shadow: 0 -4px 20px rgba(0,0,0,0.05);
    --tw-shadow-colored: 0 -4px 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);
}

#wa-root .shadow-\[0_-4px_32px_-8px_hsl\(var\(--foreground\)\/0\.08\)\2c 0_-1px_8px_-2px_hsl\(var\(--foreground\)\/0\.06\)\]{
    --tw-shadow: 0 -4px 32px -8px hsl(var(--foreground)/0.08),0 -1px 8px -2px hsl(var(--foreground)/0.06);
    --tw-shadow-colored: 0 -4px 32px -8px var(--tw-shadow-color), 0 -1px 8px -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);
}

#wa-root .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);
}

#wa-root .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);
}

#wa-root .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);
}

#wa-root .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);
}

#wa-root .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);
}

#wa-root .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);
}

#wa-root .shadow-\[\#25D366\]\/30{
    --tw-shadow-color: rgb(37 211 102 / 0.3);
    --tw-shadow: var(--tw-shadow-colored);
}

#wa-root .shadow-primary\/30{
    --tw-shadow-color: hsl(var(--primary) / 0.3);
    --tw-shadow: var(--tw-shadow-colored);
}

#wa-root .outline-none{
    outline: 2px solid transparent;
    outline-offset: 2px;
}

#wa-root .outline{
    outline-style: solid;
}

#wa-root .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);
}

#wa-root .ring-1{
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

#wa-root .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);
}

#wa-root .ring-amber-300{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(252 211 77 / var(--tw-ring-opacity, 1));
}

#wa-root .ring-background{
    --tw-ring-color: hsl(var(--background));
}

#wa-root .ring-black\/\[0\.06\]{
    --tw-ring-color: rgb(0 0 0 / 0.06);
}

#wa-root .ring-blue-300{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1));
}

#wa-root .ring-blue-400{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1));
}

#wa-root .ring-cyan-400{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(34 211 238 / var(--tw-ring-opacity, 1));
}

#wa-root .ring-destructive\/20{
    --tw-ring-color: hsl(var(--destructive) / 0.2);
}

#wa-root .ring-emerald-300{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(110 231 183 / var(--tw-ring-opacity, 1));
}

#wa-root .ring-gray-300{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1));
}

#wa-root .ring-gray-400{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity, 1));
}

#wa-root .ring-green-400{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(74 222 128 / var(--tw-ring-opacity, 1));
}

#wa-root .ring-orange-400{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(251 146 60 / var(--tw-ring-opacity, 1));
}

#wa-root .ring-primary{
    --tw-ring-color: hsl(var(--primary));
}

#wa-root .ring-primary\/20{
    --tw-ring-color: hsl(var(--primary) / 0.2);
}

#wa-root .ring-purple-400{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(192 132 252 / var(--tw-ring-opacity, 1));
}

#wa-root .ring-red-300{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity, 1));
}

#wa-root .ring-red-400{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1));
}

#wa-root .ring-ring{
    --tw-ring-color: hsl(var(--ring));
}

#wa-root .ring-sidebar-ring{
    --tw-ring-color: hsl(var(--sidebar-ring));
}

#wa-root .ring-slate-400{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(148 163 184 / var(--tw-ring-opacity, 1));
}

#wa-root .ring-white{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

#wa-root .ring-yellow-400{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(250 204 21 / var(--tw-ring-opacity, 1));
}

#wa-root .ring-opacity-50{
    --tw-ring-opacity: 0.5;
}

#wa-root .ring-offset-1{
    --tw-ring-offset-width: 1px;
}

#wa-root .ring-offset-2{
    --tw-ring-offset-width: 2px;
}

#wa-root .ring-offset-background{
    --tw-ring-offset-color: hsl(var(--background));
}

#wa-root .drop-shadow-sm{
    --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

#wa-root .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);
}

#wa-root .backdrop-blur{
    --tw-backdrop-blur: blur(8px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

#wa-root .backdrop-blur-md{
    --tw-backdrop-blur: blur(12px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

#wa-root .backdrop-blur-sm{
    --tw-backdrop-blur: blur(4px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

#wa-root .backdrop-blur-xl{
    --tw-backdrop-blur: blur(24px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

#wa-root .transition{
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

#wa-root .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;
}

#wa-root .transition-\[margin\2c opa\]{
    transition-property: margin,opa;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

#wa-root .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;
}

#wa-root .transition-\[width\]{
    transition-property: width;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

#wa-root .transition-all{
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

#wa-root .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;
}

#wa-root .transition-opacity{
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

#wa-root .transition-shadow{
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

#wa-root .transition-transform{
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

#wa-root .duration-100{
    transition-duration: 100ms;
}

#wa-root .duration-1000{
    transition-duration: 1000ms;
}

#wa-root .duration-150{
    transition-duration: 150ms;
}

#wa-root .duration-200{
    transition-duration: 200ms;
}

#wa-root .duration-300{
    transition-duration: 300ms;
}

#wa-root .duration-75{
    transition-duration: 75ms;
}

#wa-root .ease-in-out{
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

#wa-root .ease-linear{
    transition-timing-function: linear;
}

#wa-root .ease-out{
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

@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));
    }
}

#wa-root .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;
}

#wa-root .fade-in{
    --tw-enter-opacity: 0;
}

#wa-root .fade-in-0{
    --tw-enter-opacity: 0;
}

#wa-root .fade-in-80{
    --tw-enter-opacity: 0.8;
}

#wa-root .zoom-in-95{
    --tw-enter-scale: .95;
}

#wa-root .zoom-in-\[0\.98\]{
    --tw-enter-scale: 0.98;
}

#wa-root .slide-in-from-bottom-3{
    --tw-enter-translate-y: 0.75rem;
}

#wa-root .slide-in-from-top-2{
    --tw-enter-translate-y: -0.5rem;
}

#wa-root .duration-100{
    animation-duration: 100ms;
}

#wa-root .duration-1000{
    animation-duration: 1000ms;
}

#wa-root .duration-150{
    animation-duration: 150ms;
}

#wa-root .duration-200{
    animation-duration: 200ms;
}

#wa-root .duration-300{
    animation-duration: 300ms;
}

#wa-root .duration-75{
    animation-duration: 75ms;
}

#wa-root .ease-in-out{
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

#wa-root .ease-linear{
    animation-timing-function: linear;
}

#wa-root .ease-out{
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

#wa-root .running{
    animation-play-state: running;
}

#wa-root .paused{
    animation-play-state: paused;
}

#wa-root .scrollbar-none{
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#wa-root .scrollbar-none::-webkit-scrollbar{
    display: none;
}

#wa-root .scrollbar-none {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

#wa-root .scrollbar-none::-webkit-scrollbar {
    display: none;
  }

/* Mobile App Enhancements */

/* Safe area support */

#wa-root .safe-area-top {
    padding-top: env(safe-area-inset-top);
  }

/* Native-like touch behavior — scoped to the remote. */

#wa-root #wa-root {
    overscroll-behavior: none;
    -webkit-overflow-scrolling: touch;
  }

#wa-root :is(#wa-root *) {
    -webkit-tap-highlight-color: transparent;
  }

/* Pull to refresh indicator */

#wa-root .pull-refresh-indicator {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: transform 0.2s ease-out;
    pointer-events: none;
  }

/* Collision-proof outgoing bubble — bespoke class so shell Tailwind cannot reset it */

#wa-root .wa-bubble-out {
  background-image: linear-gradient(135deg, var(--wa-bubble-out-from), var(--wa-bubble-out-to)) !important;
  background-color: var(--wa-bubble-out-from) !important;
  color: var(--wa-bubble-out-fg) !important;
}

#wa-root .wa-bubble-out * {
  color: inherit;
}

/* Shell owns html/body — do not retheme them from the remote. */

#wa-root {
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
}

/* Scrollbar styling scoped to the remote so we don't restyle host scrollbars. */

#wa-root,
#wa-root * {
  scrollbar-width: thin;
  scrollbar-color: hsl(var(--primary) / 0.5) hsl(var(--muted));
}

#wa-root ::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

#wa-root ::-webkit-scrollbar-track {
  background: hsl(var(--muted));
  border-radius: 10px;
}

#wa-root ::-webkit-scrollbar-thumb {
  background-color: hsl(var(--primary) / 0.5);
  border-radius: 10px;
}

#wa-root *:hover::-webkit-scrollbar-thumb {
  background-color: hsl(var(--primary) / 0.7);
}

#wa-root ::-webkit-scrollbar-button,
#wa-root ::-webkit-scrollbar-corner {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
}

/* Dark mode scrollbar */

.dark #wa-root ::-webkit-scrollbar-track {
  background: hsl(var(--muted));
}

.dark #wa-root ::-webkit-scrollbar-thumb {
  background-color: hsl(var(--primary) / 0.4);
}

.dark #wa-root *:hover::-webkit-scrollbar-thumb {
  background-color: hsl(var(--primary) / 0.6);
}

/* RTL Support — scoped to the remote. */

html[dir="rtl"] #wa-root {
  font-family: 'Tajawal', 'Plus Jakarta Sans', 'Inter', sans-serif;
}

html[dir="rtl"] #wa-root body {
  font-family: 'Tajawal', 'Plus Jakarta Sans', 'Inter', sans-serif;
}

/* RTL Spacing utilities */

html[dir="rtl"] #wa-root .space-x-1 > :not([hidden]) ~ :not([hidden]),
html[dir="rtl"] #wa-root .space-x-2 > :not([hidden]) ~ :not([hidden]),
html[dir="rtl"] #wa-root .space-x-3 > :not([hidden]) ~ :not([hidden]),
html[dir="rtl"] #wa-root .space-x-4 > :not([hidden]) ~ :not([hidden]),
html[dir="rtl"] #wa-root .space-x-5 > :not([hidden]) ~ :not([hidden]),
html[dir="rtl"] #wa-root .space-x-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}

/* RTL Margin utilities */

html[dir="rtl"] #wa-root .ml-auto { margin-left: 0; margin-right: auto; }

html[dir="rtl"] #wa-root .mr-auto { margin-right: 0; margin-left: auto; }

html[dir="rtl"] #wa-root .ml-1 { margin-left: 0; margin-right: 0.25rem; }

html[dir="rtl"] #wa-root .ml-2 { margin-left: 0; margin-right: 0.5rem; }

html[dir="rtl"] #wa-root .ml-3 { margin-left: 0; margin-right: 0.75rem; }

html[dir="rtl"] #wa-root .ml-4 { margin-left: 0; margin-right: 1rem; }

html[dir="rtl"] #wa-root .mr-1 { margin-right: 0; margin-left: 0.25rem; }

html[dir="rtl"] #wa-root .mr-2 { margin-right: 0; margin-left: 0.5rem; }

html[dir="rtl"] #wa-root .mr-3 { margin-right: 0; margin-left: 0.75rem; }

html[dir="rtl"] #wa-root .mr-4 { margin-right: 0; margin-left: 1rem; }

/* RTL Padding utilities */

html[dir="rtl"] #wa-root .pl-2 { padding-left: 0; padding-right: 0.5rem; }

html[dir="rtl"] #wa-root .pl-3 { padding-left: 0; padding-right: 0.75rem; }

html[dir="rtl"] #wa-root .pl-4 { padding-left: 0; padding-right: 1rem; }

html[dir="rtl"] #wa-root .pl-6 { padding-left: 0; padding-right: 1.5rem; }

html[dir="rtl"] #wa-root .pl-10 { padding-left: 0; padding-right: 2.5rem; }

html[dir="rtl"] #wa-root .pl-11 { padding-left: 0; padding-right: 2.75rem; }

html[dir="rtl"] #wa-root .pr-2 { padding-right: 0; padding-left: 0.5rem; }

html[dir="rtl"] #wa-root .pr-3 { padding-right: 0; padding-left: 0.75rem; }

html[dir="rtl"] #wa-root .pr-4 { padding-right: 0; padding-left: 1rem; }

html[dir="rtl"] #wa-root .pr-6 { padding-right: 0; padding-left: 1.5rem; }

/* RTL Positioning */

html[dir="rtl"] #wa-root .left-0 { left: auto; right: 0; }

html[dir="rtl"] #wa-root .left-1 { left: auto; right: 0.25rem; }

html[dir="rtl"] #wa-root .left-2 { left: auto; right: 0.5rem; }

html[dir="rtl"] #wa-root .left-3 { left: auto; right: 0.75rem; }

html[dir="rtl"] #wa-root .left-4 { left: auto; right: 1rem; }

html[dir="rtl"] #wa-root .right-0:not(.fixed) { right: auto; }

html[dir="rtl"] #wa-root .right-1 { right: auto; left: 0.25rem; }

html[dir="rtl"] #wa-root .right-2 { right: auto; left: 0.5rem; }

html[dir="rtl"] #wa-root .right-3 { right: auto; left: 0.75rem; }

html[dir="rtl"] #wa-root .right-4 { right: auto; left: 1rem; }

html[dir="rtl"] #wa-root .right-6 { right: auto; left: 1.5rem; }

/* RTL Border radius */

html[dir="rtl"] #wa-root .rounded-l { border-radius: 0 0.25rem 0.25rem 0; }

html[dir="rtl"] #wa-root .rounded-r { border-radius: 0.25rem 0 0 0.25rem; }

html[dir="rtl"] #wa-root .rounded-l-lg { border-radius: 0 0.5rem 0.5rem 0; }

html[dir="rtl"] #wa-root .rounded-r-lg { border-radius: 0.5rem 0 0 0.5rem; }

html[dir="rtl"] #wa-root .rounded-l-xl { border-radius: 0 0.75rem 0.75rem 0; }

html[dir="rtl"] #wa-root .rounded-r-xl { border-radius: 0.75rem 0 0 0.75rem; }

/* RTL Border */

html[dir="rtl"] #wa-root .border-l:not(.rtl-keep-border-left) { border-left: 0; border-right-width: 1px; }

html[dir="rtl"] #wa-root .border-r { border-right: 0; border-left-width: 1px; }

html[dir="rtl"] #wa-root .border-l-2:not(.rtl-keep-border-left) { border-left: 0; border-right-width: 2px; }

html[dir="rtl"] #wa-root .border-r-2 { border-right: 0; border-left-width: 2px; }

html[dir="rtl"] #wa-root .border-l-3:not(.rtl-keep-border-left) { border-left: 0; border-right-width: 3px; }

html[dir="rtl"] #wa-root .border-r-3 { border-right: 0; border-left-width: 3px; }

html[dir="rtl"] #wa-root .border-l-primary { border-left-color: transparent; border-right-color: hsl(var(--primary)); }

/* RTL Border: opt-out helper (keeps physical left border even in RTL) */

html[dir="rtl"] #wa-root .rtl-keep-border-left.border-l {
  border-right-width: 0 !important;
  border-left-width: 1px !important;
  border-left-style: solid !important;
}

html[dir="rtl"] #wa-root .rtl-keep-border-left.border-l-2 {
  border-right-width: 0 !important;
  border-left-width: 2px !important;
  border-left-style: solid !important;
}

html[dir="rtl"] #wa-root .rtl-keep-border-left.border-l-3 {
  border-right-width: 0 !important;
  border-left-width: 3px !important;
  border-left-style: solid !important;
}

/* RTL Flexbox */

html[dir="rtl"] #wa-root .flex-row { flex-direction: row-reverse; }

html[dir="rtl"] #wa-root .flex-row-reverse { flex-direction: row; }

/* RTL Icons - flip directional icons */

html[dir="rtl"] #wa-root .lucide-chevron-right { transform: scaleX(-1); }

html[dir="rtl"] #wa-root .lucide-chevron-left { transform: scaleX(-1); }

html[dir="rtl"] #wa-root .lucide-arrow-right { transform: scaleX(-1); }

html[dir="rtl"] #wa-root .lucide-arrow-left { transform: scaleX(-1); }

html[dir="rtl"] #wa-root .lucide-arrow-left-circle { transform: scaleX(-1); }

html[dir="rtl"] #wa-root .lucide-arrow-right-circle { transform: scaleX(-1); }

/* RTL Forms */

html[dir="rtl"] #wa-root input,
html[dir="rtl"] #wa-root textarea,
html[dir="rtl"] #wa-root select {
  text-align: right;
  direction: rtl;
}

html[dir="rtl"] #wa-root input[type="email"],
html[dir="rtl"] #wa-root input[type="url"],
html[dir="rtl"] #wa-root input[type="tel"] {
  text-align: left;
  direction: ltr;
}

html[dir="rtl"] #wa-root input::-moz-placeholder, html[dir="rtl"] #wa-root textarea::-moz-placeholder {
  text-align: right;
}

html[dir="rtl"] #wa-root input::placeholder,
html[dir="rtl"] #wa-root textarea::placeholder {
  text-align: right;
}

/* RTL Form icons positioning */

html[dir="rtl"] #wa-root .relative input + svg,
html[dir="rtl"] #wa-root .relative .absolute.left-3 {
  left: auto;
  right: 0.75rem;
}

/* RTL Tables */

html[dir="rtl"] #wa-root table {
  direction: rtl;
}

html[dir="rtl"] #wa-root th,
html[dir="rtl"] #wa-root td {
  text-align: right;
}

html[dir="rtl"] #wa-root th:first-child,
html[dir="rtl"] #wa-root td:first-child {
  text-align: right;
  padding-right: 1rem;
  padding-left: 0.5rem;
}

html[dir="rtl"] #wa-root th:last-child,
html[dir="rtl"] #wa-root td:last-child {
  text-align: left;
  padding-left: 1rem;
  padding-right: 0.5rem;
}

/* RTL Navigation */

html[dir="rtl"] #wa-root nav ul {
  direction: rtl;
}

html[dir="rtl"] #wa-root .whatsapp-sidebar {
  border-right: none;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}

html[dir="rtl"] #wa-root .dark .whatsapp-sidebar {
  border-left: 1px solid rgba(255, 255, 255, 0.05);
}

html[dir="rtl"] #wa-root .whatsapp-conversation-active {
  border-left: none;
  border-right: 3px solid hsl(var(--primary));
}

/* RTL Message bubbles */

html[dir="rtl"] #wa-root .message-bubble.incoming {
  border-bottom-left-radius: 1.2rem;
  border-bottom-right-radius: 0.25rem;
}

html[dir="rtl"] #wa-root .message-bubble.outgoing {
  border-bottom-right-radius: 1.2rem;
  border-bottom-left-radius: 0.25rem;
}

/* RTL Dropdowns and Popovers */

html[dir="rtl"] #wa-root [data-radix-popper-content-wrapper] {
  direction: rtl;
}

html[dir="rtl"] #wa-root [role="menu"],
html[dir="rtl"] #wa-root [role="listbox"] {
  text-align: right;
}

/* RTL Cards */

html[dir="rtl"] #wa-root .card,
html[dir="rtl"] #wa-root [class*="Card"] {
  text-align: right;
}

/* RTL Badges */

html[dir="rtl"] #wa-root .badge,
html[dir="rtl"] #wa-root [class*="Badge"] {
  direction: rtl;
}

/* RTL Floating action button */

html[dir="rtl"] #wa-root .floating-action-button {
  right: auto;
  left: 1.5rem;
}

/* RTL Toast notifications */

html[dir="rtl"] #wa-root [data-sonner-toaster] {
  direction: rtl;
}

/* RTL Dialog/Sheet */

html[dir="rtl"] #wa-root [role="dialog"] {
  direction: rtl;
  text-align: right;
}

/* RTL Accordion */

html[dir="rtl"] #wa-root [data-state="open"] > svg,
html[dir="rtl"] #wa-root [data-state="closed"] > svg {
  transform-origin: center;
}

/* RTL Tabs */

html[dir="rtl"] #wa-root [role="tablist"] {
  direction: rtl;
}

/* RTL Progress bar */

html[dir="rtl"] #wa-root [role="progressbar"] > div {
  transform-origin: right;
}

/* RTL Switch */

html[dir="rtl"] #wa-root [role="switch"] {
  direction: ltr;
}

/* RTL Checkbox and Radio */

html[dir="rtl"] #wa-root [role="checkbox"],
html[dir="rtl"] #wa-root [role="radio"] {
  margin-left: 0.5rem;
  margin-right: 0;
}

/* RTL Breadcrumb */

html[dir="rtl"] #wa-root nav[aria-label="breadcrumb"] ol {
  flex-direction: row-reverse;
}

/* RTL Gap utilities - ensure proper spacing */

html[dir="rtl"] #wa-root .gap-x-1,
html[dir="rtl"] #wa-root .gap-x-2,
html[dir="rtl"] #wa-root .gap-x-3,
html[dir="rtl"] #wa-root .gap-x-4 {
  direction: rtl;
}

/* RTL Scroll areas */

html[dir="rtl"] #wa-root [data-radix-scroll-area-viewport] {
  direction: rtl;
}

/* RTL Bottom navigation - keep full width */

html[dir="rtl"] #wa-root .fixed.bottom-0.left-0.right-0 {
  left: 0 !important;
  right: 0 !important;
  direction: rtl;
}

/* ============================================
   RTL WhatsApp Conversations Page Styles
   ============================================ */

/* RTL Main container flex direction */

html[dir="rtl"] #wa-root .whatsapp-container {
  direction: rtl;
}

/* RTL Sidebar positioning */

html[dir="rtl"] #wa-root .whatsapp-sidebar {
  border-right: none;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}

html[dir="rtl"] #wa-root .dark .whatsapp-sidebar {
  border-left-color: rgba(255, 255, 255, 0.05);
}

html[dir="rtl"] #wa-root .whatsapp-sidebar.border-r {
  border-right: none;
  border-left: 1px solid hsl(var(--border));
}

/* RTL Message alignment - swap incoming/outgoing positions */

html[dir="rtl"] #wa-root .message.flex.justify-end {
  justify-content: flex-start;
}

html[dir="rtl"] #wa-root .message.flex.justify-start {
  justify-content: flex-end;
}

/* RTL Message bubble corners - swap for proper chat bubbles */

html[dir="rtl"] #wa-root .rounded-br-sm {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 0.125rem;
}

html[dir="rtl"] #wa-root .rounded-bl-sm {
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 0.125rem;
}

/* RTL Active conversation indicator */

html[dir="rtl"] #wa-root .whatsapp-conversation-active {
  border-left: none;
  border-right: 3px solid hsl(var(--primary));
}

/* RTL Conversation list item */

html[dir="rtl"] #wa-root .whatsapp-conversation-item {
  text-align: right;
}

/* RTL Input area */

html[dir="rtl"] #wa-root .conversation-input-area {
  direction: rtl;
}

html[dir="rtl"] #wa-root .conversation-input-area input {
  text-align: right;
}

/* RTL Message content text */

html[dir="rtl"] #wa-root .message-text {
  text-align: right;
  direction: rtl;
}

/* RTL Message timestamp and status */

html[dir="rtl"] #wa-root .message .flex.justify-between {
  flex-direction: row-reverse;
}

/* RTL Reaction bar positioning */

html[dir="rtl"] #wa-root .message [class*="absolute"][class*="top-"] {
  left: auto;
  right: 0;
}

html[dir="rtl"] #wa-root .message [class*="absolute"][class*="-top-"] {
  left: 0;
  right: auto;
}

/* RTL Search input - Global fix for search inputs with left-positioned icons */

html[dir="rtl"] #wa-root .relative > input.pl-9,
html[dir="rtl"] #wa-root .relative > input.pl-10,
html[dir="rtl"] #wa-root .relative > input.pl-11 {
  padding-left: 1rem !important;
  padding-right: 2.75rem !important;
  text-align: right;
}

html[dir="rtl"] #wa-root .relative > .absolute.left-3,
html[dir="rtl"] #wa-root .relative > .absolute.left-4 {
  left: auto !important;
  right: 0.75rem !important;
}

/* Fix for search icons in conversation page specifically */

html[dir="rtl"] #wa-root .px-4 > .relative > .absolute[class*="left-"] {
  left: auto !important;
  right: 1rem !important;
}

/* RTL Filter chips */

html[dir="rtl"] #wa-root .whatsapp-filter-bar {
  direction: rtl;
}

/* RTL Empty state */

html[dir="rtl"] #wa-root .whatsapp-empty-state {
  text-align: center;
}

/* RTL Contact info in header */

html[dir="rtl"] #wa-root .conversation-header .text-left {
  text-align: right;
}

/* RTL Recording controls - removed flex-direction: row-reverse for header menu icons */

/* RTL Media uploader */

html[dir="rtl"] #wa-root .media-uploader {
  direction: rtl;
}

/* RTL Reply preview */

html[dir="rtl"] #wa-root [class*="ReplyPreview"] {
  direction: rtl;
  text-align: right;
}

/* RTL Context bubble */

html[dir="rtl"] #wa-root [class*="ContextBubble"] {
  direction: rtl;
  text-align: right;
}

/* RTL Audio player */

html[dir="rtl"] #wa-root .audio-player {
  direction: ltr; /* Keep audio controls LTR */
}

/* RTL Message status icons */

html[dir="rtl"] #wa-root .message .flex.items-center.gap-1 {
  flex-direction: row-reverse;
}

/* RTL Avatar positioning in conversation list */

html[dir="rtl"] #wa-root .whatsapp-avatar {
  margin-left: 0.75rem;
  margin-right: 0;
}

/* RTL Time display in conversation list */

html[dir="rtl"] #wa-root .whatsapp-chat-time {
  text-align: left;
}

/* RTL Conversation list item specific - active state border */

html[dir="rtl"] #wa-root .whatsapp-conversation-item {
  border-left: 2px solid transparent !important;
  border-right: 2px solid transparent !important;
}

html[dir="rtl"] #wa-root .whatsapp-conversation-item[class*="border-primary"],
html[dir="rtl"] #wa-root .whatsapp-conversation-item.border-l-2.border-primary {
  border-left: none !important;
  border-right: 2px solid hsl(var(--primary)) !important;
}

/* Active conversation item gradient and border */

html[dir="rtl"] #wa-root .whatsapp-conversation-item[class*="from-primary"] {
  background: linear-gradient(to left, hsl(var(--primary) / 0.08), hsl(var(--primary) / 0.04), transparent) !important;
  border-left: 2px solid transparent !important;
  border-right: 2px solid hsl(var(--primary)) !important;
}

/* Non-active conversation items should have no visible border */

html[dir="rtl"] #wa-root .whatsapp-conversation-item:not([class*="from-primary"]):not([class*="border-primary"]) {
  border-left: 2px solid transparent !important;
  border-right: 2px solid transparent !important;
}

html[dir="rtl"] #wa-root .whatsapp-conversation-item .ml-2 {
  margin-left: 0;
  margin-right: 0.5rem;
}

html[dir="rtl"] #wa-root .whatsapp-conversation-item .mr-1 {
  margin-right: 0;
  margin-left: 0.25rem;
}

/* RTL Status dot positioning */

html[dir="rtl"] #wa-root .whatsapp-conversation-item .absolute.bottom-0.right-0 {
  right: auto;
  left: 0;
}

/* RTL Unread badge positioning */

html[dir="rtl"] #wa-root .whatsapp-conversation-item .absolute.-top-1.-right-1 {
  right: auto;
  left: -0.25rem;
}

html[dir="rtl"] #wa-root .conversation-item-unread-badge {
  left: 1rem;
  right: auto;
}

/* RTL Dropdown menu items */

html[dir="rtl"] #wa-root [role="menuitem"] {
  text-align: right;
  flex-direction: row-reverse;
}

html[dir="rtl"] #wa-root [role="menuitem"] svg {
  margin-left: 0.5rem;
  margin-right: 0;
}

/* RTL Template selector */

html[dir="rtl"] #wa-root .template-selector {
  text-align: right;
}

/* RTL Dialog content */

html[dir="rtl"] #wa-root .dialog-content,
html[dir="rtl"] #wa-root [role="dialog"] {
  text-align: right;
}

/* RTL Sheet content */

html[dir="rtl"] #wa-root [data-state="open"][class*="Sheet"] {
  direction: rtl;
}

/* RTL Back button in header */

html[dir="rtl"] #wa-root .conversation-header button:first-child svg {
  transform: scaleX(-1);
}

/* RTL New conversation FAB */

html[dir="rtl"] #wa-root .new-conversation-fab {
  right: auto;
  left: 1.5rem;
}

#root {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  max-width: 100%;
}

/* Utility classes */

.glass-card{
    background-color: rgb(255 255 255 / 0.9);
    --tw-backdrop-blur: blur(16px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.glass-card:is(.dark *){
    background-color: rgb(17 24 39 / 0.9);
}

.glass-card {
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
}

.glass-nav{
    background-color: rgb(255 255 255 / 0.8);
    --tw-backdrop-blur: blur(24px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.glass-nav:is(.dark *){
    background-color: rgb(17 24 39 / 0.9);
}

.glass-nav {
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.03);
}

.glass-panel{
    background-color: rgb(255 255 255 / 0.6);
    --tw-backdrop-blur: blur(24px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.glass-panel:is(.dark *){
    background-color: rgb(17 24 39 / 0.7);
}

.glass-panel {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.text-balance {
  text-wrap: balance;
}

/* Message styles */

.message-bubble {
  position: relative;
  padding: 0.75rem 1rem;
  border-radius: 1.2rem;
  transition: all 0.3s ease;
  box-shadow: 0 2px 10px rgba(0,0,0,0.03);
  max-width: 85%;
  width: auto;
}

.message-bubble:hover {
  box-shadow: 0 6px 15px rgba(0,0,0,0.08);
  transform: translateY(-2px);
}

.message-bubble.incoming{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.message-bubble.incoming:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}

.message-bubble.incoming {
  border-bottom-left-radius: 0.25rem;
}

.message-bubble.outgoing{
    background-color: hsl(var(--primary));
    color: hsl(var(--primary-foreground));
  border-bottom-right-radius: 0.25rem;
}

.message-bubble .message-text{
    line-height: 1.5rem;
    line-height: 1.625;
  font-size: 1rem; /* Increased base font size */
}

/* Animation classes */

.smooth-transition{
    transition-property: all;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-duration: 300ms;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.page-transition {
  animation: fadeIn 0.5s ease-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.shimmer {
  background: linear-gradient(90deg, 
    rgba(255, 255, 255, 0) 0%, 
    rgba(255, 255, 255, 0.3) 50%, 
    rgba(255, 255, 255, 0) 100%);
  background-size: 200% 100%;
  animation: shimmer 1.8s infinite;
}

@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

@keyframes pulse-ring {
  0% {
    transform: scale(0.8);
    opacity: 0.8;
  }
  70% {
    transform: scale(1.2);
    opacity: 0;
  }
  100% {
    transform: scale(0.8);
    opacity: 0;
  }
}

.pulse-ring {
  animation: pulse-ring 2s infinite;
}

/* Explicitly define scrollbar-none for better compatibility */

/* Modern WhatsApp style classes */

.whatsapp-container{
    margin-left: auto;
    margin-right: auto;
    display: flex;
    height: calc(100vh - 4rem);
    width: 100%;
    overflow: hidden;
    border-radius: 0px;
}

html[dir="rtl"] #wa-root .message.whatsapp-container.justify-end {
  justify-content: flex-start;
}

html[dir="rtl"] #wa-root .message.whatsapp-container.justify-start {
  justify-content: flex-end;
}

html[dir="rtl"] #wa-root .message .whatsapp-container.justify-between {
  flex-direction: row-reverse;
}

html[dir="rtl"] #wa-root .message .whatsapp-container.items-center.gap-1 {
  flex-direction: row-reverse;
}

@media (min-width: 768px){

    .whatsapp-container{
        width: 95%;
        border-radius: 0.75rem;
    }
}

@media (min-width: 1024px){

    .whatsapp-container{
        width: 80%;
    }
}

.whatsapp-container {
  background: linear-gradient(145deg, rgba(249, 250, 251, 0.9) 0%, rgba(240, 244, 248, 0.9) 100%);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
}

.dark .whatsapp-container {
  background: linear-gradient(145deg, rgba(17, 24, 39, 0.9) 0%, rgba(23, 32, 52, 0.9) 100%);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
}

.whatsapp-sidebar{
    display: flex;
    width: 100%;
    flex-direction: column;
    overflow: hidden;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    animation-duration: 300ms;
}

html[dir="rtl"] #wa-root .message.whatsapp-sidebar.justify-end {
  justify-content: flex-start;
}

html[dir="rtl"] #wa-root .message.whatsapp-sidebar.justify-start {
  justify-content: flex-end;
}

html[dir="rtl"] #wa-root .message .whatsapp-sidebar.justify-between {
  flex-direction: row-reverse;
}

html[dir="rtl"] #wa-root .message .whatsapp-sidebar.items-center.gap-1 {
  flex-direction: row-reverse;
}

@media (min-width: 768px){

    .whatsapp-sidebar{
        width: 33.333333%;
    }
}

@media (min-width: 1024px){

    .whatsapp-sidebar{
        width: 25%;
    }
}

.whatsapp-sidebar {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(10px);
}

@media (min-width: 768px) {
  .whatsapp-sidebar {
    border-right: 1px solid rgba(0, 0, 0, 0.05);
  }
}

.dark .whatsapp-sidebar {
  background: rgba(30, 41, 59, 0.7);
}

@media (min-width: 768px) {
  .dark .whatsapp-sidebar {
    border-right: 1px solid rgba(255, 255, 255, 0.05);
  }
}

.whatsapp-content{
    position: relative;
    display: flex;
    width: 100%;
    flex: 1 1 0%;
    flex-direction: column;
    overflow: hidden;
}

html[dir="rtl"] #wa-root .whatsapp-content input + svg,
html[dir="rtl"] #wa-root .whatsapp-content .absolute.left-3 {
  left: auto;
  right: 0.75rem;
}

html[dir="rtl"] #wa-root .message.whatsapp-content.justify-end {
  justify-content: flex-start;
}

html[dir="rtl"] #wa-root .message.whatsapp-content.justify-start {
  justify-content: flex-end;
}

html[dir="rtl"] #wa-root .message .whatsapp-content.justify-between {
  flex-direction: row-reverse;
}

html[dir="rtl"] #wa-root .whatsapp-content > input.pl-9,
html[dir="rtl"] #wa-root .whatsapp-content > input.pl-10,
html[dir="rtl"] #wa-root .whatsapp-content > input.pl-11 {
  padding-left: 1rem;
  padding-right: 2.75rem;
  text-align: right;
}

html[dir="rtl"] #wa-root .whatsapp-content > .absolute.left-3,
html[dir="rtl"] #wa-root .whatsapp-content > .absolute.left-4 {
  left: auto;
  right: 0.75rem;
}

html[dir="rtl"] #wa-root .px-4 > .whatsapp-content > .absolute[class*="left-"] {
  left: auto;
  right: 1rem;
}

html[dir="rtl"] #wa-root .message .whatsapp-content.items-center.gap-1 {
  flex-direction: row-reverse;
}

.whatsapp-content {
  background-image: 
    radial-gradient(circle at 10% 20%, rgba(105, 150, 255, 0.02) 0%, transparent 50%),
    radial-gradient(circle at 80% 80%, rgba(146, 82, 234, 0.03) 0%, transparent 50%);
}

.dark .whatsapp-content {
  background-image: 
    radial-gradient(circle at 10% 20%, rgba(105, 150, 255, 0.05) 0%, transparent 50%),
    radial-gradient(circle at 80% 80%, rgba(146, 82, 234, 0.08) 0%, transparent 50%);
}

.whatsapp-header{
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
}

html[dir="rtl"] #wa-root .message.whatsapp-header.justify-end {
  justify-content: flex-start;
}

html[dir="rtl"] #wa-root .message.whatsapp-header.justify-start {
  justify-content: flex-end;
}

html[dir="rtl"] #wa-root .message .whatsapp-header.justify-between {
  flex-direction: row-reverse;
}

html[dir="rtl"] #wa-root .message .flex.whatsapp-header {
  flex-direction: row-reverse;
}

html[dir="rtl"] #wa-root .message .whatsapp-header.items-center.gap-1 {
  flex-direction: row-reverse;
}

html[dir="rtl"] #wa-root .message .flex.whatsapp-header.gap-1 {
  flex-direction: row-reverse;
}

.whatsapp-header {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
}

.dark .whatsapp-header {
  background: rgba(30, 41, 59, 0.8);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.whatsapp-search{
    position: sticky;
    top: 0px;
    z-index: 10;
    padding: 1rem;
    --tw-backdrop-blur: blur(16px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  background: rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.dark .whatsapp-search {
  background: rgba(30, 41, 59, 0.8);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.whatsapp-conversation-item{
    display: flex;
    cursor: pointer;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
    animation-duration: 200ms;
}

html[dir="rtl"] #wa-root .message.whatsapp-conversation-item.justify-end {
  justify-content: flex-start;
}

html[dir="rtl"] #wa-root .message.whatsapp-conversation-item.justify-start {
  justify-content: flex-end;
}

html[dir="rtl"] #wa-root .message .whatsapp-conversation-item.justify-between {
  flex-direction: row-reverse;
}

html[dir="rtl"] #wa-root .message .whatsapp-conversation-item.items-center.gap-1 {
  flex-direction: row-reverse;
}

html[dir="rtl"] #wa-root .message .flex.whatsapp-conversation-item.gap-1 {
  flex-direction: row-reverse;
}

.whatsapp-conversation-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}

.dark .whatsapp-conversation-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

.whatsapp-conversation-item:hover {
  background: rgba(0, 0, 0, 0.02);
}

.dark .whatsapp-conversation-item:hover {
  background: rgba(255, 255, 255, 0.02);
}

.whatsapp-conversation-active{
    border-left-width: 3px;
    border-left-color: hsl(var(--primary));
    background-color: hsl(var(--primary) / 0.05);
}

html[dir="rtl"] #wa-root .whatsapp-conversation-active:not(.rtl-keep-border-left) { border-left: 0; border-right-width: 3px; }

html[dir="rtl"] #wa-root .whatsapp-conversation-active { border-left-color: transparent; border-right-color: hsl(var(--primary)); }

html[dir="rtl"] #wa-root .rtl-keep-border-left.whatsapp-conversation-active {
  border-right-width: 0;
  border-left-width: 3px;
  border-left-style: solid;
}

.whatsapp-conversation-active:is(.dark *){
    background-color: hsl(var(--primary) / 0.1);
}

/* ===== WhatsApp-like Panel Tokens ===== */

/* Scoped to conversations page only */

.whatsapp-conversations-container {
  --wa-bg: hsl(var(--background));
  --wa-header-bg: hsl(var(--background));
  --wa-list-bg: hsl(var(--background));
  --wa-list-hover: hsl(var(--muted) / 0.5);
  --wa-list-active: hsl(var(--muted));
  --wa-divider: hsl(var(--border) / 0.5);
  --wa-text-primary: hsl(var(--foreground));
  --wa-text-secondary: hsl(var(--muted-foreground));
}

.dark .whatsapp-conversations-container {
  --wa-bg: #111b21;
  --wa-header-bg: #202c33;
  --wa-list-bg: #111b21;
  --wa-list-hover: #202c33;
  --wa-list-active: #2a3942;
  --wa-divider: rgba(134, 150, 160, 0.15);
  --wa-text-primary: #e9edef;
  --wa-text-secondary: #8696a0;
}

/* WhatsApp sidebar header */

.wa-sidebar-header {
  background: var(--wa-header-bg);
  border-bottom: 1px solid var(--wa-divider);
}

/* WhatsApp search container */

.wa-search-container {
  background: var(--wa-header-bg);
}

.wa-search-input{
    height: 2.25rem;
    border-radius: var(--radius);
    border-width: 0px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  background: hsl(var(--muted) / 0.4);
}

.dark .wa-search-input {
  background: #202c33;
}

.wa-search-input:focus{
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-color: hsl(var(--primary) / 0.3);
  background: hsl(var(--muted) / 0.6);
}

.dark .wa-search-input:focus {
  background: #2a3942;
}

/* WhatsApp filter chips */

.wa-filter-bar {
  background: var(--wa-header-bg);
  border-bottom: 1px solid var(--wa-divider);
}

.wa-filter-chip{
    font-weight: 500;
}

.wa-filter-chip-active{
    background-color: hsl(var(--primary));
    color: hsl(var(--primary-foreground));
}

.wa-filter-chip-inactive {
  background: hsl(var(--muted));
  color: hsl(var(--muted-foreground));
}

.wa-filter-chip-inactive:hover {
  background: hsl(var(--accent));
  color: hsl(var(--accent-foreground));
}

.dark .wa-filter-chip-inactive {
  background: #202c33;
  color: #8696a0;
}

.dark .wa-filter-chip-inactive:hover {
  background: #2a3942;
}

/* WhatsApp list container */

.wa-list-container {
  background: var(--wa-list-bg);
}

/* WhatsApp list item styles - minimal */

.wa-list-item-border {
  border-bottom: 1px solid var(--wa-divider);
}

/* Legacy support - keeping old classes working */

.whatsapp-filter-bar{
    display: flex;
}

.whatsapp-filter-bar > :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)));
}

.whatsapp-filter-bar{
    overflow-x: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    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: 200ms;
    animation-duration: 200ms;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.whatsapp-filter-bar::-webkit-scrollbar{
    display: none;
}

.whatsapp-filter-bar {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

.whatsapp-filter-bar::-webkit-scrollbar {
    display: none;
  }


html[dir="rtl"] #wa-root .whatsapp-filter-bar > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}

html[dir="rtl"] #wa-root .message.whatsapp-filter-bar.justify-end {
  justify-content: flex-start;
}

html[dir="rtl"] #wa-root .message.whatsapp-filter-bar.justify-start {
  justify-content: flex-end;
}

html[dir="rtl"] #wa-root .message .whatsapp-filter-bar.justify-between {
  flex-direction: row-reverse;
}

html[dir="rtl"] #wa-root .whatsapp-filter-bar > .relative > .absolute[class*="left-"] {
  left: auto;
  right: 1rem;
}

html[dir="rtl"] #wa-root .message .whatsapp-filter-bar.items-center.gap-1 {
  flex-direction: row-reverse;
}

.whatsapp-filter-bar {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.dark .whatsapp-filter-bar {
  background: rgba(30, 41, 59, 0.8);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.whatsapp-filter-chip{
    white-space: nowrap;
    border-radius: 9999px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    animation-duration: 300ms;
}

html[dir="rtl"] #wa-root .whatsapp-filter-chip > .relative > .absolute[class*="left-"] {
  left: auto;
  right: 1rem;
}

.whatsapp-filter-chip:hover{
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.whatsapp-filter-chip:focus{
    outline: 2px solid transparent;
    outline-offset: 2px;
    --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);
    --tw-ring-color: hsl(var(--primary));
    --tw-ring-offset-width: 2px;
}

.whatsapp-filter-chip-active{
    background-color: hsl(var(--primary));
    color: hsl(var(--primary-foreground));
    --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);
  transform: translateY(-1px);
}

.whatsapp-filter-chip-inactive{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.whatsapp-filter-chip-inactive:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.whatsapp-filter-chip-inactive:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}

.whatsapp-filter-chip-inactive:hover:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}

.whatsapp-filter-chip-inactive {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.dark .whatsapp-filter-chip-inactive {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.whatsapp-avatar{
    position: relative;
    height: 3.5rem;
    width: 3.5rem;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 9999px;
}

html[dir="rtl"] #wa-root .whatsapp-avatar input + svg,
html[dir="rtl"] #wa-root .whatsapp-avatar .absolute.left-3 {
  left: auto;
  right: 0.75rem;
}

html[dir="rtl"] #wa-root .whatsapp-avatar > input.pl-9,
html[dir="rtl"] #wa-root .whatsapp-avatar > input.pl-10,
html[dir="rtl"] #wa-root .whatsapp-avatar > input.pl-11 {
  padding-left: 1rem;
  padding-right: 2.75rem;
  text-align: right;
}

html[dir="rtl"] #wa-root .whatsapp-avatar > .absolute.left-3,
html[dir="rtl"] #wa-root .whatsapp-avatar > .absolute.left-4 {
  left: auto;
  right: 0.75rem;
}

html[dir="rtl"] #wa-root .px-4 > .whatsapp-avatar > .absolute[class*="left-"] {
  left: auto;
  right: 1rem;
}

.whatsapp-avatar {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}

.whatsapp-avatar:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.whatsapp-chat-time{
    white-space: nowrap;
    font-size: 0.75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.whatsapp-chat-time:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.whatsapp-chat-message{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.whatsapp-chat-message:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}

.whatsapp-status-badge{
    border-radius: 9999px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
    text-align: center;
    font-size: 0.75rem;
    line-height: 1rem;
}

.whatsapp-timer{
    display: flex;
    align-items: center;
}

.whatsapp-timer > :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)));
}

.whatsapp-timer{
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}

html[dir="rtl"] #wa-root .whatsapp-timer > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}

html[dir="rtl"] #wa-root .message.whatsapp-timer.justify-end {
  justify-content: flex-start;
}

html[dir="rtl"] #wa-root .message.whatsapp-timer.justify-start {
  justify-content: flex-end;
}

html[dir="rtl"] #wa-root .message .whatsapp-timer.justify-between {
  flex-direction: row-reverse;
}

html[dir="rtl"] #wa-root .message .whatsapp-timer.items-center.gap-1 {
  flex-direction: row-reverse;
}

html[dir="rtl"] #wa-root .message .flex.whatsapp-timer.gap-1 {
  flex-direction: row-reverse;
}

.whatsapp-timer:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}

.whatsapp-empty-state{
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    text-align: center;
}

html[dir="rtl"] #wa-root .message.whatsapp-empty-state.justify-end {
  justify-content: flex-start;
}

html[dir="rtl"] #wa-root .message.whatsapp-empty-state.justify-start {
  justify-content: flex-end;
}

html[dir="rtl"] #wa-root .message .whatsapp-empty-state.justify-between {
  flex-direction: row-reverse;
}

html[dir="rtl"] #wa-root .message .whatsapp-empty-state.items-center.gap-1 {
  flex-direction: row-reverse;
}

html[dir="rtl"] #wa-root .message .flex.whatsapp-empty-state.gap-1 {
  flex-direction: row-reverse;
}

.floating-action-button{
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    z-index: 50;
    display: flex;
    height: 3.5rem;
    width: 3.5rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    --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);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    animation-duration: 300ms;
}

html[dir="rtl"] #wa-root .right-0:not(.floating-action-button) { right: auto; }

html[dir="rtl"] #wa-root .floating-action-button { right: auto; left: 1.5rem; }

html[dir="rtl"] #wa-root .floating-action-button.bottom-0.left-0.right-0 {
  left: 0;
  right: 0;
  direction: rtl;
}

html[dir="rtl"] #wa-root .message.floating-action-button.justify-end {
  justify-content: flex-start;
}

html[dir="rtl"] #wa-root .message.floating-action-button.justify-start {
  justify-content: flex-end;
}

html[dir="rtl"] #wa-root .message .floating-action-button.justify-between {
  flex-direction: row-reverse;
}

html[dir="rtl"] #wa-root .message .floating-action-button.items-center.gap-1 {
  flex-direction: row-reverse;
}

html[dir="rtl"] #wa-root .message .flex.floating-action-button.gap-1 {
  flex-direction: row-reverse;
}

.floating-action-button {
  background: linear-gradient(145deg, hsl(var(--primary)) 0%, hsl(var(--primary)/90%) 100%);
  color: hsl(var(--primary-foreground));
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1), 0 2px 5px rgba(0, 0, 0, 0.1), 0 0 0 5px rgba(var(--primary-rgb), 0.1);
}

.floating-action-button:hover {
  transform: scale(1.08) translateY(-3px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15), 0 4px 10px rgba(0, 0, 0, 0.1), 0 0 0 8px rgba(var(--primary-rgb), 0.08);
}

.floating-action-button:active {
  transform: scale(0.96);
}

/* Message container styling */

.messages-container{
    display: flex;
    width: 100%;
    flex-direction: column;
}

.messages-container > :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));
}

.messages-container{
    overflow-y: auto;
    padding: 1rem;
    scrollbar-width: thin;
    scrollbar-color: hsl(var(--primary) / 0.5) hsl(var(--muted));
}

.messages-container::-webkit-scrollbar {
    width: 4px;
  }

.messages-container::-webkit-scrollbar-track {
    background: hsl(var(--muted));
    border-radius: 10px;
  }

.messages-container::-webkit-scrollbar-thumb {
    background-color: hsl(var(--primary) / 0.5);
    border-radius: 10px;
  }

.messages-container:hover::-webkit-scrollbar-thumb {
    background-color: hsl(var(--primary) / 0.7);
  }

.messages-container::-webkit-scrollbar-button,.messages-container::-webkit-scrollbar-corner {
    display: none;
    width: 0;
    height: 0;
  }

html[dir="rtl"] #wa-root .message.messages-container.justify-end {
  justify-content: flex-start;
}

html[dir="rtl"] #wa-root .message.messages-container.justify-start {
  justify-content: flex-end;
}

html[dir="rtl"] #wa-root .message .messages-container.justify-between {
  flex-direction: row-reverse;
}

html[dir="rtl"] #wa-root .message .messages-container.items-center.gap-1 {
  flex-direction: row-reverse;
}

.messages-container {
  height: calc(100% - 130px);
  background-image: 
    radial-gradient(circle at 10% 20%, rgba(105, 150, 255, 0.02) 0%, transparent 50%),
    radial-gradient(circle at 80% 80%, rgba(146, 82, 234, 0.03) 0%, transparent 50%);
}

.dark .messages-container {
  background-image: 
    radial-gradient(circle at 10% 20%, rgba(105, 150, 255, 0.05) 0%, transparent 50%),
    radial-gradient(circle at 80% 80%, rgba(146, 82, 234, 0.08) 0%, transparent 50%);
}

.message-input-container{
    position: sticky;
    bottom: 0px;
    margin-top: auto;
    padding: 1rem;
}

html[dir="rtl"] #wa-root .fixed.message-input-container.left-0.right-0 {
  left: 0;
  right: 0;
  direction: rtl;
}

html[dir="rtl"] #wa-root .whatsapp-conversation-item .absolute.message-input-container.right-0 {
  right: auto;
  left: 0;
}

.message-input-container {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.03);
}

.dark .message-input-container {
  background: rgba(30, 41, 59, 0.8);
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.chat-header-avatar{
    margin-right: 0.75rem;
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 9999px;
}

html[dir="rtl"] #wa-root .chat-header-avatar { margin-right: 0; margin-left: 0.75rem; }

.chat-header-avatar {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.chat-footer-controls{
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
}

.chat-footer-controls > :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)));
}


html[dir="rtl"] #wa-root .chat-footer-controls > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}

html[dir="rtl"] #wa-root .message.chat-footer-controls.justify-end {
  justify-content: flex-start;
}

html[dir="rtl"] #wa-root .message.chat-footer-controls.justify-start {
  justify-content: flex-end;
}

html[dir="rtl"] #wa-root .message .chat-footer-controls.justify-between {
  flex-direction: row-reverse;
}

html[dir="rtl"] #wa-root .message .chat-footer-controls.items-center.gap-1 {
  flex-direction: row-reverse;
}

html[dir="rtl"] #wa-root .message .flex.chat-footer-controls.gap-1 {
  flex-direction: row-reverse;
}

.chat-attachment-button{
    border-radius: 9999px;
    padding: 0.5rem;
    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;
  background: rgba(0, 0, 0, 0.03);
}

.dark .chat-attachment-button {
  background: rgba(255, 255, 255, 0.05);
}

.chat-attachment-button:hover {
  background: rgba(0, 0, 0, 0.06);
}

.dark .chat-attachment-button:hover {
  background: rgba(255, 255, 255, 0.1);
}

.message-input-field{
    width: 100%;
    border-radius: 9999px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
    animation-duration: 200ms;
}

html[dir="rtl"] #wa-root .message-input-field > .relative > .absolute[class*="left-"] {
  left: auto;
  right: 1rem;
}

.message-input-field:focus{
    outline: 2px solid transparent;
    outline-offset: 2px;
    --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);
    --tw-ring-color: hsl(var(--primary));
}

.message-input-field {
  background: rgba(0, 0, 0, 0.03);
  border: 1px solid rgba(0, 0, 0, 0.05);
}

.dark .message-input-field {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.message-input-field:focus {
  background: rgba(0, 0, 0, 0.02);
  border-color: rgba(0, 0, 0, 0.08);
}

.dark .message-input-field:focus {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.1);
}

.send-button{
    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));
    border-radius: 9999px;
    padding: 0.75rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
    animation-duration: 200ms;
  background: linear-gradient(145deg, hsl(var(--primary)) 0%, hsl(var(--primary)/90%) 100%);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.send-button:hover {
  transform: scale(1.08);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.send-button:active {
  transform: scale(0.96);
}

.message-time-pill {
  position: absolute;
  bottom: -18px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 9999px;
  background-color: rgba(255, 255, 255, 0.9);
  color: rgba(107, 114, 128, 1);
  opacity: 0;
  transition: opacity 0.3s ease;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.group:hover .message-time-pill {
  opacity: 1;
}

.dark .message-time-pill {
  background-color: rgba(30, 41, 59, 0.9);
  color: rgba(209, 213, 219, 1);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.message-status{
    position: absolute;
    bottom: 0.25rem;
    right: 0.5rem;
    display: flex;
    align-items: center;
}

.message-status > :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)));
}

.message-status{
    font-size: 0.75rem;
    line-height: 1rem;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

html[dir="rtl"] #wa-root .message-status > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}

html[dir="rtl"] #wa-root .message-status { right: auto; left: 0.5rem; }


html[dir="rtl"] #wa-root .relative .message-status.left-3 {
  left: auto;
  right: 0.75rem;
}

html[dir="rtl"] #wa-root .message.message-status.justify-end {
  justify-content: flex-start;
}

html[dir="rtl"] #wa-root .message.message-status.justify-start {
  justify-content: flex-end;
}

html[dir="rtl"] #wa-root .message .message-status.justify-between {
  flex-direction: row-reverse;
}

html[dir="rtl"] #wa-root .relative > .message-status.left-3,
html[dir="rtl"] #wa-root .relative > .message-status.left-4 {
  left: auto;
  right: 0.75rem;
}

html[dir="rtl"] #wa-root .px-4 > .relative > .message-status[class*="left-"] {
  left: auto;
  right: 1rem;
}

html[dir="rtl"] #wa-root .message .message-status.items-center.gap-1 {
  flex-direction: row-reverse;
}

html[dir="rtl"] #wa-root .message .flex.message-status.gap-1 {
  flex-direction: row-reverse;
}

html[dir="rtl"] #wa-root .whatsapp-conversation-item .message-status.bottom-0.right-0 {
  right: auto;
  left: 0;
}

html[dir="rtl"] #wa-root .whatsapp-conversation-item .message-status.-top-1.-right-1 {
  right: auto;
  left: -0.25rem;
}

.avatar-presence{
    position: absolute;
    bottom: 0px;
    right: 0px;
    height: 1rem;
    width: 1rem;
    border-radius: 9999px;
    border-width: 2px;
}

html[dir="rtl"] #wa-root .avatar-presence:not(.fixed) { right: auto; }


html[dir="rtl"] #wa-root .relative .avatar-presence.left-3 {
  left: auto;
  right: 0.75rem;
}

html[dir="rtl"] #wa-root .fixed.avatar-presence.left-0.right-0 {
  left: 0;
  right: 0;
  direction: rtl;
}

html[dir="rtl"] #wa-root .fixed.bottom-0.left-0.avatar-presence {
  left: 0;
  right: 0;
  direction: rtl;
}

html[dir="rtl"] #wa-root .relative > .avatar-presence.left-3,
html[dir="rtl"] #wa-root .relative > .avatar-presence.left-4 {
  left: auto;
  right: 0.75rem;
}

html[dir="rtl"] #wa-root .px-4 > .relative > .avatar-presence[class*="left-"] {
  left: auto;
  right: 1rem;
}

html[dir="rtl"] #wa-root .whatsapp-conversation-item .avatar-presence.bottom-0.right-0 {
  right: auto;
  left: 0;
}

html[dir="rtl"] #wa-root .whatsapp-conversation-item .absolute.avatar-presence.right-0 {
  right: auto;
  left: 0;
}

html[dir="rtl"] #wa-root .whatsapp-conversation-item .absolute.bottom-0.avatar-presence {
  right: auto;
  left: 0;
}

html[dir="rtl"] #wa-root .whatsapp-conversation-item .avatar-presence.-top-1.-right-1 {
  right: auto;
  left: -0.25rem;
}

.avatar-presence {
  animation: pulse 2s infinite;
  border-color: rgba(255, 255, 255, 1);
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8);
}

.dark .avatar-presence {
  border-color: rgba(30, 41, 59, 1);
  box-shadow: 0 0 0 2px rgba(30, 41, 59, 0.8);
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(var(--primary-rgb), 0.4);
  }
  70% {
    box-shadow: 0 0 0 5px rgba(var(--primary-rgb), 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(var(--primary-rgb), 0);
  }
}

.typing-indicator{
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
}

.typing-indicator > :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)));
}

.typing-indicator{
    border-radius: 9999px;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

html[dir="rtl"] #wa-root .typing-indicator > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}

html[dir="rtl"] #wa-root .message.typing-indicator.justify-end {
  justify-content: flex-start;
}

html[dir="rtl"] #wa-root .message.typing-indicator.justify-start {
  justify-content: flex-end;
}

html[dir="rtl"] #wa-root .message .typing-indicator.justify-between {
  flex-direction: row-reverse;
}

html[dir="rtl"] #wa-root .message .typing-indicator.items-center.gap-1 {
  flex-direction: row-reverse;
}

.typing-indicator {
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.dark .typing-indicator {
  background: rgba(30, 41, 59, 0.9);
}

.typing-dot{
    height: 0.5rem;
    width: 0.5rem;
    border-radius: 9999px;
  background-color: rgba(107, 114, 128, 0.8);
}

.dark .typing-dot {
  background-color: rgba(209, 213, 219, 0.8);
}

/* Responsive adjustments */

@media (max-width: 768px) {
  .whatsapp-sidebar{
        width: 100%;
    }
  
  .floating-action-button{
        bottom: 1rem;
        right: 1rem;
        height: 3rem;
        width: 3rem;
    }

html[dir="rtl"] #wa-root .floating-action-button { right: auto; left: 1rem; }
  
  .whatsapp-container{
        border-radius: 0px;
    height: 100vh;
    }
}

@media (max-width: 1024px) {
  .whatsapp-container{
        width: 90%;
    }
}

/* Enhanced Message styles */

.message-bubble {
  position: relative;
  transition: all 0.2s ease;
  box-shadow: 0 1px 4px rgba(0,0,0,0.05);
  max-width: 85%;
  width: auto;
}

.message-bubble:hover {
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(0,0,0,0.08);
}

.message-time-pill {
  position: absolute;
  bottom: -18px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 10px;
  padding: 2px 8px;
  border-radius: 9999px;
  background-color: rgba(255, 255, 255, 0.9);
  color: rgba(107, 114, 128, 1);
  opacity: 0;
  transition: opacity 0.2s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  white-space: nowrap;
  z-index: 10;
}

.group:hover .message-time-pill {
  opacity: 1;
}

.dark .message-time-pill {
  background-color: rgba(30, 41, 59, 0.9);
  color: rgba(209, 213, 219, 1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

/* Typing indicator animation */

@keyframes typingBounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-2px);
  }
}

.typing-dot {
  animation: typingBounce 1.4s infinite;
}

.typing-dot:nth-child(1) {
  animation-delay: 0s;
}

.typing-dot:nth-child(2) {
  animation-delay: 0.2s;
}

.typing-dot:nth-child(3) {
  animation-delay: 0.4s;
}

/* Additional WhatsApp styles */

.whatsapp-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  background-color: rgba(249, 250, 251, 0.8);
  background-image: 
    radial-gradient(circle at 10% 20%, rgba(105, 150, 255, 0.02) 0%, transparent 50%),
    radial-gradient(circle at 80% 80%, rgba(146, 82, 234, 0.03) 0%, transparent 50%);
}

.dark .whatsapp-main {
  background-color: rgba(17, 24, 39, 0.8);
  background-image: 
    radial-gradient(circle at 10% 20%, rgba(105, 150, 255, 0.04) 0%, transparent 50%),
    radial-gradient(circle at 80% 80%, rgba(146, 82, 234, 0.06) 0%, transparent 50%);
}

/* WhatsApp chat message input animation */

@keyframes focusGlow {
  0% {
    box-shadow: 0 0 0 0 rgba(var(--primary-rgb), 0.4);
  }
  70% {
    box-shadow: 0 0 0 4px rgba(var(--primary-rgb), 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(var(--primary-rgb), 0);
  }
}

.message-input-focused {
  animation: focusGlow 2s infinite;
}

/* Chat date separator */

.chat-date-separator {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1rem 0;
}

.chat-date-separator-line {
  flex-grow: 1;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}

.dark .chat-date-separator-line {
  background-color: rgba(255, 255, 255, 0.1);
}

.chat-date-separator-text {
  padding: 0 0.5rem;
  font-size: 0.75rem;
  color: rgba(107, 114, 128, 1);
}

.dark .chat-date-separator-text {
  color: rgba(209, 213, 219, 1);
}

/* Ensure the main container takes full height and has proper styling */

.whatsapp-container{
    margin-left: auto;
    margin-right: auto;
    display: flex;
    height: calc(100vh - 4rem);
    width: 80%;
    overflow: hidden;
    border-radius: 0.75rem;
}

html[dir="rtl"] #wa-root .message.whatsapp-container.justify-end {
  justify-content: flex-start;
}

html[dir="rtl"] #wa-root .message.whatsapp-container.justify-start {
  justify-content: flex-end;
}

html[dir="rtl"] #wa-root .message .whatsapp-container.justify-between {
  flex-direction: row-reverse;
}

html[dir="rtl"] #wa-root .message .whatsapp-container.items-center.gap-1 {
  flex-direction: row-reverse;
}

.whatsapp-container {
  background: linear-gradient(145deg, rgba(249, 250, 251, 0.9) 0%, rgba(240, 244, 248, 0.9) 100%);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
}

.dark .whatsapp-container {
  background: linear-gradient(145deg, rgba(17, 24, 39, 0.9) 0%, rgba(23, 32, 52, 0.9) 100%);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
}

/* Mobile Bottom Navigation Safe Area */

.safe-area-bottom {
  padding-bottom: env(safe-area-inset-bottom);
}

/* Support for mobile devices with notches */

@supports (padding: env(safe-area-inset-bottom)) {
  .safe-area-bottom {
    padding-bottom: env(safe-area-inset-bottom);
  }
}

/* Modern Dashboard Styles */

.dashboard-hero{
    position: relative;
    overflow: hidden;
}

html[dir="rtl"] #wa-root .dashboard-hero input + svg,
html[dir="rtl"] #wa-root .dashboard-hero .absolute.left-3 {
  left: auto;
  right: 0.75rem;
}

html[dir="rtl"] #wa-root .dashboard-hero > input.pl-9,
html[dir="rtl"] #wa-root .dashboard-hero > input.pl-10,
html[dir="rtl"] #wa-root .dashboard-hero > input.pl-11 {
  padding-left: 1rem;
  padding-right: 2.75rem;
  text-align: right;
}

html[dir="rtl"] #wa-root .dashboard-hero > .absolute.left-3,
html[dir="rtl"] #wa-root .dashboard-hero > .absolute.left-4 {
  left: auto;
  right: 0.75rem;
}

html[dir="rtl"] #wa-root .px-4 > .dashboard-hero > .absolute[class*="left-"] {
  left: auto;
  right: 1rem;
}

.dashboard-hero {
  background: linear-gradient(135deg, 
    hsl(var(--primary)/0.08) 0%, 
    hsl(var(--accent)/0.06) 50%, 
    hsl(var(--secondary)/0.08) 100%);
  background-size: 200% 200%;
  animation: gradient-shift 15s ease infinite;
}

.dark .dashboard-hero {
  background: linear-gradient(135deg, 
    hsl(var(--primary)/0.15) 0%, 
    hsl(var(--accent)/0.1) 50%, 
    hsl(var(--secondary)/0.15) 100%);
}

.dashboard-blob{
    position: absolute;
    border-radius: 9999px;
    opacity: 0.3;
    --tw-blur: blur(64px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}


html[dir="rtl"] #wa-root .relative .dashboard-blob.left-3 {
  left: auto;
  right: 0.75rem;
}

html[dir="rtl"] #wa-root .relative > .dashboard-blob.left-3,
html[dir="rtl"] #wa-root .relative > .dashboard-blob.left-4 {
  left: auto;
  right: 0.75rem;
}

html[dir="rtl"] #wa-root .px-4 > .relative > .dashboard-blob[class*="left-"] {
  left: auto;
  right: 1rem;
}

html[dir="rtl"] #wa-root .whatsapp-conversation-item .dashboard-blob.bottom-0.right-0 {
  right: auto;
  left: 0;
}

html[dir="rtl"] #wa-root .whatsapp-conversation-item .dashboard-blob.-top-1.-right-1 {
  right: auto;
  left: -0.25rem;
}

.dashboard-blob {
  animation: blob 7s infinite;
}

.dashboard-blob-1{
    height: 18rem;
    width: 18rem;
    background-color: hsl(var(--primary) / 0.4);
  top: -10%;
  left: -5%;
  animation-delay: 0s;
}

.dashboard-blob-2{
    height: 24rem;
    width: 24rem;
    background-color: hsl(var(--accent) / 0.3);
  top: 50%;
  right: -10%;
  animation-delay: 2s;
}

.dashboard-blob-3{
    height: 16rem;
    width: 16rem;
    background-color: hsl(var(--secondary) / 0.3);
  bottom: -5%;
  left: 30%;
  animation-delay: 4s;
}

.dashboard-stat-card{
    position: relative;
    overflow: hidden;
    border-radius: 1rem;
    border-width: 1px;
    border-color: hsl(var(--border) / 0.5);
}

html[dir="rtl"] #wa-root .dashboard-stat-card input + svg,
html[dir="rtl"] #wa-root .dashboard-stat-card .absolute.left-3 {
  left: auto;
  right: 0.75rem;
}

html[dir="rtl"] #wa-root .dashboard-stat-card > input.pl-9,
html[dir="rtl"] #wa-root .dashboard-stat-card > input.pl-10,
html[dir="rtl"] #wa-root .dashboard-stat-card > input.pl-11 {
  padding-left: 1rem;
  padding-right: 2.75rem;
  text-align: right;
}

html[dir="rtl"] #wa-root .dashboard-stat-card > .absolute.left-3,
html[dir="rtl"] #wa-root .dashboard-stat-card > .absolute.left-4 {
  left: auto;
  right: 0.75rem;
}

html[dir="rtl"] #wa-root .px-4 > .dashboard-stat-card > .absolute[class*="left-"] {
  left: auto;
  right: 1rem;
}

.dashboard-stat-card {
  background: linear-gradient(135deg, 
    hsl(var(--card)) 0%, 
    hsl(var(--card)/0.8) 100%);
  backdrop-filter: blur(20px);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.dashboard-stat-card::before {
  content: '';
  position: absolute;
  inset: 0px;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  animation-duration: 300ms;
}


html[dir="rtl"] #wa-root .relative .dashboard-stat-card.left-3::before {
  left: auto;
  right: 0.75rem;
}

html[dir="rtl"] #wa-root .relative > .dashboard-stat-card.left-3::before,
html[dir="rtl"] #wa-root .relative > .dashboard-stat-card.left-4::before {
  left: auto;
  right: 0.75rem;
}

html[dir="rtl"] #wa-root .px-4 > .relative > .dashboard-stat-card[class*="left-"]::before {
  left: auto;
  right: 1rem;
}

html[dir="rtl"] #wa-root .whatsapp-conversation-item .dashboard-stat-card.bottom-0.right-0::before {
  right: auto;
  left: 0;
}

html[dir="rtl"] #wa-root .whatsapp-conversation-item .dashboard-stat-card.-top-1.-right-1::before {
  right: auto;
  left: -0.25rem;
}

.dashboard-stat-card::before {
  background: linear-gradient(135deg, 
    hsl(var(--primary)/0.1) 0%, 
    transparent 50%);
}

.dashboard-stat-card:hover {
  transform: translateY(-4px);
  box-shadow: 
    0 20px 40px -15px hsl(var(--primary)/0.2),
    0 0 0 1px hsl(var(--primary)/0.1);
}

.dashboard-stat-card:hover::before{
    opacity: 1;
}

.dashboard-stat-icon{
    border-radius: 0.75rem;
    padding: 0.75rem;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    animation-duration: 300ms;
  background: linear-gradient(135deg, 
    hsl(var(--primary)/0.15) 0%, 
    hsl(var(--primary)/0.05) 100%);
}

.dashboard-stat-card:hover .dashboard-stat-icon {
  transform: scale(1.1) rotate(-5deg);
  background: linear-gradient(135deg, 
    hsl(var(--primary)/0.25) 0%, 
    hsl(var(--primary)/0.1) 100%);
}

.dashboard-stat-value{
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: 700;
    letter-spacing: -0.025em;
  background: linear-gradient(135deg, 
    hsl(var(--foreground)) 0%, 
    hsl(var(--foreground)/0.8) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.dashboard-glow{
    position: absolute;
    inset: -1px;
    border-radius: 1rem;
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    animation-duration: 300ms;
}


html[dir="rtl"] #wa-root .relative .dashboard-glow.left-3 {
  left: auto;
  right: 0.75rem;
}

html[dir="rtl"] #wa-root .relative > .dashboard-glow.left-3,
html[dir="rtl"] #wa-root .relative > .dashboard-glow.left-4 {
  left: auto;
  right: 0.75rem;
}

html[dir="rtl"] #wa-root .px-4 > .relative > .dashboard-glow[class*="left-"] {
  left: auto;
  right: 1rem;
}

html[dir="rtl"] #wa-root .whatsapp-conversation-item .dashboard-glow.bottom-0.right-0 {
  right: auto;
  left: 0;
}

html[dir="rtl"] #wa-root .whatsapp-conversation-item .dashboard-glow.-top-1.-right-1 {
  right: auto;
  left: -0.25rem;
}

.dashboard-glow {
  background: linear-gradient(135deg, 
    hsl(var(--primary)/0.3) 0%, 
    hsl(var(--accent)/0.2) 50%, 
    hsl(var(--secondary)/0.3) 100%);
  filter: blur(15px);
  z-index: -1;
}

.dashboard-stat-card:hover .dashboard-glow{
    opacity: 1;
}

.dashboard-activity-card{
    position: relative;
    overflow: hidden;
    border-radius: 0.75rem;
    border-width: 1px;
    border-color: hsl(var(--border) / 0.3);
    padding: 1rem;
}

html[dir="rtl"] #wa-root .dashboard-activity-card input + svg,
html[dir="rtl"] #wa-root .dashboard-activity-card .absolute.left-3 {
  left: auto;
  right: 0.75rem;
}

html[dir="rtl"] #wa-root .dashboard-activity-card > input.pl-9,
html[dir="rtl"] #wa-root .dashboard-activity-card > input.pl-10,
html[dir="rtl"] #wa-root .dashboard-activity-card > input.pl-11 {
  padding-left: 1rem;
  padding-right: 2.75rem;
  text-align: right;
}

html[dir="rtl"] #wa-root .dashboard-activity-card > .absolute.left-3,
html[dir="rtl"] #wa-root .dashboard-activity-card > .absolute.left-4 {
  left: auto;
  right: 0.75rem;
}

html[dir="rtl"] #wa-root .px-4 > .dashboard-activity-card > .absolute[class*="left-"] {
  left: auto;
  right: 1rem;
}

.dashboard-activity-card {
  background: hsl(var(--card)/0.6);
  backdrop-filter: blur(10px);
  transition: all 0.3s ease;
}

.dashboard-activity-card:hover{
    border-color: hsl(var(--primary) / 0.2);
  background: hsl(var(--card)/0.8);
  transform: translateX(4px);
}

.dashboard-shimmer{
    position: absolute;
    inset: 0px;
    --tw-translate-x: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}


html[dir="rtl"] #wa-root .relative .dashboard-shimmer.left-3 {
  left: auto;
  right: 0.75rem;
}

html[dir="rtl"] #wa-root .relative > .dashboard-shimmer.left-3,
html[dir="rtl"] #wa-root .relative > .dashboard-shimmer.left-4 {
  left: auto;
  right: 0.75rem;
}

html[dir="rtl"] #wa-root .px-4 > .relative > .dashboard-shimmer[class*="left-"] {
  left: auto;
  right: 1rem;
}

html[dir="rtl"] #wa-root .whatsapp-conversation-item .dashboard-shimmer.bottom-0.right-0 {
  right: auto;
  left: 0;
}

html[dir="rtl"] #wa-root .whatsapp-conversation-item .dashboard-shimmer.-top-1.-right-1 {
  right: auto;
  left: -0.25rem;
}

.dashboard-shimmer {
  background: linear-gradient(
    90deg,
    transparent,
    hsl(var(--primary)/0.1),
    transparent
  );
  animation: shimmer-slide 2s infinite;
}

.dashboard-progress-ring{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

html[dir="rtl"] #wa-root .dashboard-progress-ring input + svg,
html[dir="rtl"] #wa-root .dashboard-progress-ring .absolute.left-3 {
  left: auto;
  right: 0.75rem;
}

html[dir="rtl"] #wa-root .dashboard-progress-ring > input.pl-9,
html[dir="rtl"] #wa-root .dashboard-progress-ring > input.pl-10,
html[dir="rtl"] #wa-root .dashboard-progress-ring > input.pl-11 {
  padding-left: 1rem;
  padding-right: 2.75rem;
  text-align: right;
}

html[dir="rtl"] #wa-root .dashboard-progress-ring > .absolute.left-3,
html[dir="rtl"] #wa-root .dashboard-progress-ring > .absolute.left-4 {
  left: auto;
  right: 0.75rem;
}

html[dir="rtl"] #wa-root .px-4 > .dashboard-progress-ring > .absolute[class*="left-"] {
  left: auto;
  right: 1rem;
}

html[dir="rtl"] #wa-root .message .flex.dashboard-progress-ring.gap-1 {
  flex-direction: row-reverse;
}

.dashboard-progress-ring svg {
  transform: rotate(-90deg);
}

.dashboard-progress-ring circle {
  transition: stroke-dashoffset 0.5s ease;
}

/* Staggered animation delays */

.stagger-1 { animation-delay: 0.1s; }

.stagger-2 { animation-delay: 0.2s; }

.stagger-3 { animation-delay: 0.3s; }

.stagger-4 { animation-delay: 0.4s; }

.stagger-5 { animation-delay: 0.5s; }

/* ============================================
   Hub Design System Utilities
   ============================================ */

/* Hub Card Styles */

.hub-card{
    border-radius: 0.75rem;
    border-width: 2px;
    border-style: dashed;
    background-color: hsl(var(--card));
    padding: 1.25rem;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.hub-card:hover{
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hub-card-green{
    --tw-border-opacity: 1;
    border-color: rgb(52 211 153 / var(--tw-border-opacity, 1));
}

.hub-card-green:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}

.hub-card-blue{
    --tw-border-opacity: 1;
    border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}

.hub-card-blue:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}

.hub-card-orange{
    --tw-border-opacity: 1;
    border-color: rgb(251 146 60 / var(--tw-border-opacity, 1));
}

.hub-card-orange:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
}

.hub-card-purple{
    --tw-border-opacity: 1;
    border-color: rgb(192 132 252 / var(--tw-border-opacity, 1));
}

.hub-card-purple:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
}

.hub-card-pink{
    --tw-border-opacity: 1;
    border-color: rgb(244 114 182 / var(--tw-border-opacity, 1));
}

.hub-card-pink:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(236 72 153 / var(--tw-border-opacity, 1));
}

.hub-card-teal{
    --tw-border-opacity: 1;
    border-color: rgb(45 212 191 / var(--tw-border-opacity, 1));
}

.hub-card-teal:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(20 184 166 / var(--tw-border-opacity, 1));
}

.hub-card-amber{
    --tw-border-opacity: 1;
    border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
}

.hub-card-amber:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}

.hub-card-slate{
    --tw-border-opacity: 1;
    border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}

.hub-card-slate:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
}

/* Status Pills */

.status-ready{
    --tw-border-opacity: 1;
    border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}

.dark .status-ready{
    --tw-border-opacity: 1;
    border-color: rgb(6 95 70 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(2 44 34 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(110 231 183 / var(--tw-text-opacity, 1));
}

.status-incomplete{
    --tw-border-opacity: 1;
    border-color: rgb(254 215 170 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(194 65 12 / var(--tw-text-opacity, 1));
}

.dark .status-incomplete{
    --tw-border-opacity: 1;
    border-color: rgb(154 52 18 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(67 20 7 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(253 186 116 / var(--tw-text-opacity, 1));
}

.status-verified{
    --tw-border-opacity: 1;
    border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

.dark .status-verified{
    --tw-border-opacity: 1;
    border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(23 37 84 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}

.status-pending{
    --tw-border-opacity: 1;
    border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}

.dark .status-pending{
    --tw-border-opacity: 1;
    border-color: rgb(146 64 14 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(69 26 3 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}

/* Sidebar Pills */

.sidebar-pill{
    display: flex;
    height: 2.5rem;
    align-items: center;
    gap: 0.75rem;
    border-radius: 9999px;
    padding-left: 1rem;
    padding-right: 1rem;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
    animation-duration: 200ms;
}

html[dir="rtl"] #wa-root .message.sidebar-pill.justify-end {
  justify-content: flex-start;
}

html[dir="rtl"] #wa-root .message.sidebar-pill.justify-start {
  justify-content: flex-end;
}

html[dir="rtl"] #wa-root .message .sidebar-pill.justify-between {
  flex-direction: row-reverse;
}

html[dir="rtl"] #wa-root .sidebar-pill > .relative > .absolute[class*="left-"] {
  left: auto;
  right: 1rem;
}

html[dir="rtl"] #wa-root .message .sidebar-pill.items-center.gap-1 {
  flex-direction: row-reverse;
}

html[dir="rtl"] #wa-root .message .flex.sidebar-pill.gap-1 {
  flex-direction: row-reverse;
}

.sidebar-pill-active{
    background-color: hsl(var(--primary));
    font-weight: 500;
    color: hsl(var(--primary-foreground));
}

.sidebar-pill-inactive{
    color: hsl(var(--muted-foreground));
}

.sidebar-pill-inactive:hover{
    background-color: hsl(var(--muted) / 0.6);
    color: hsl(var(--foreground));
}

/* Sidebar Edge Toggle Animation */

@keyframes breathe {
  0%, 100% { opacity: 1; transform: translateY(-50%) scale(1); }
  50% { opacity: 0.7; transform: translateY(-50%) scale(0.95); }
}

.animate-breathe {
  animation: breathe 2s ease-in-out infinite;
}

#wa-root .file\:border-0::file-selector-button{
    border-width: 0px;
}

#wa-root .file\:bg-transparent::file-selector-button{
    background-color: transparent;
}

#wa-root .file\:text-sm::file-selector-button{
    font-size: 0.875rem;
    line-height: 1.25rem;
}

#wa-root .file\:font-medium::file-selector-button{
    font-weight: 500;
}

#wa-root .file\:text-foreground::file-selector-button{
    color: hsl(var(--foreground));
}

#wa-root .placeholder\:text-muted-foreground::-moz-placeholder{
    color: hsl(var(--muted-foreground));
}

#wa-root .placeholder\:text-muted-foreground::placeholder{
    color: hsl(var(--muted-foreground));
}

#wa-root .after\:absolute::after{
    content: var(--tw-content);
    position: absolute;
}

#wa-root .after\:-inset-2::after{
    content: var(--tw-content);
    inset: -0.5rem;
}

#wa-root .after\:inset-y-0::after{
    content: var(--tw-content);
    top: 0px;
    bottom: 0px;
}

#wa-root .after\:left-1\/2::after{
    content: var(--tw-content);
    left: 50%;
}

#wa-root .after\:w-1::after{
    content: var(--tw-content);
    width: 0.25rem;
}

#wa-root .after\:w-\[2px\]::after{
    content: var(--tw-content);
    width: 2px;
}

#wa-root .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));
}

#wa-root .first\:rounded-l-md:first-child{
    border-top-left-radius: calc(var(--radius) - 2px);
    border-bottom-left-radius: calc(var(--radius) - 2px);
}

#wa-root .first\:border-l:first-child{
    border-left-width: 1px;
}

#wa-root .last\:rounded-r-md:last-child{
    border-top-right-radius: calc(var(--radius) - 2px);
    border-bottom-right-radius: calc(var(--radius) - 2px);
}

#wa-root .last\:border-b-0:last-child{
    border-bottom-width: 0px;
}

#wa-root .focus-within\:relative:focus-within{
    position: relative;
}

#wa-root .focus-within\:z-20:focus-within{
    z-index: 20;
}

#wa-root .hover\:-translate-y-0\.5:hover{
    --tw-translate-y: -0.125rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#wa-root .hover\:scale-105:hover{
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#wa-root .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));
}

#wa-root .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));
}

#wa-root .hover\:border-\[\#25D366\]\/40:hover{
    border-color: rgb(37 211 102 / 0.4);
}

#wa-root .hover\:border-border:hover{
    border-color: hsl(var(--border));
}

#wa-root .hover\:border-destructive\/50:hover{
    border-color: hsl(var(--destructive) / 0.5);
}

#wa-root .hover\:border-green-400:hover{
    --tw-border-opacity: 1;
    border-color: rgb(74 222 128 / var(--tw-border-opacity, 1));
}

#wa-root .hover\:border-primary:hover{
    border-color: hsl(var(--primary));
}

#wa-root .hover\:border-primary\/20:hover{
    border-color: hsl(var(--primary) / 0.2);
}

#wa-root .hover\:border-primary\/40:hover{
    border-color: hsl(var(--primary) / 0.4);
}

#wa-root .hover\:border-primary\/50:hover{
    border-color: hsl(var(--primary) / 0.5);
}

#wa-root .hover\:bg-\[\#128C7E\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(18 140 126 / var(--tw-bg-opacity, 1));
}

#wa-root .hover\:bg-\[\#166FE5\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(22 111 229 / var(--tw-bg-opacity, 1));
}

#wa-root .hover\:bg-\[\#25D366\]\/20:hover{
    background-color: rgb(37 211 102 / 0.2);
}

#wa-root .hover\:bg-\[\#e5c43a\]:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(229 196 58 / var(--tw-bg-opacity, 1));
}

#wa-root .hover\:bg-accent:hover{
    background-color: hsl(var(--accent));
}

#wa-root .hover\:bg-accent\/50:hover{
    background-color: hsl(var(--accent) / 0.5);
}

#wa-root .hover\:bg-amber-100:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}

#wa-root .hover\:bg-amber-200:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1));
}

#wa-root .hover\:bg-amber-50:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}

#wa-root .hover\:bg-amber-600:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
}

#wa-root .hover\:bg-background:hover{
    background-color: hsl(var(--background));
}

#wa-root .hover\:bg-background\/60:hover{
    background-color: hsl(var(--background) / 0.6);
}

#wa-root .hover\:bg-blue-100:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}

#wa-root .hover\:bg-blue-50:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}

#wa-root .hover\:bg-cyan-100:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(207 250 254 / var(--tw-bg-opacity, 1));
}

#wa-root .hover\:bg-destructive\/10:hover{
    background-color: hsl(var(--destructive) / 0.1);
}

#wa-root .hover\:bg-destructive\/80:hover{
    background-color: hsl(var(--destructive) / 0.8);
}

#wa-root .hover\:bg-destructive\/90:hover{
    background-color: hsl(var(--destructive) / 0.9);
}

#wa-root .hover\:bg-gray-100:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

#wa-root .hover\:bg-gray-100\/50:hover{
    background-color: rgb(243 244 246 / 0.5);
}

#wa-root .hover\:bg-green-100:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}

#wa-root .hover\:bg-green-600:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}

#wa-root .hover\:bg-green-700:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}

#wa-root .hover\:bg-indigo-50:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
}

#wa-root .hover\:bg-muted:hover{
    background-color: hsl(var(--muted));
}

#wa-root .hover\:bg-muted\/20:hover{
    background-color: hsl(var(--muted) / 0.2);
}

#wa-root .hover\:bg-muted\/30:hover{
    background-color: hsl(var(--muted) / 0.3);
}

#wa-root .hover\:bg-muted\/50:hover{
    background-color: hsl(var(--muted) / 0.5);
}

#wa-root .hover\:bg-muted\/80:hover{
    background-color: hsl(var(--muted) / 0.8);
}

#wa-root .hover\:bg-orange-100:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
}

#wa-root .hover\:bg-primary:hover{
    background-color: hsl(var(--primary));
}

#wa-root .hover\:bg-primary-foreground\/20:hover{
    background-color: hsl(var(--primary-foreground) / 0.2);
}

#wa-root .hover\:bg-primary\/10:hover{
    background-color: hsl(var(--primary) / 0.1);
}

#wa-root .hover\:bg-primary\/20:hover{
    background-color: hsl(var(--primary) / 0.2);
}

#wa-root .hover\:bg-primary\/5:hover{
    background-color: hsl(var(--primary) / 0.05);
}

#wa-root .hover\:bg-primary\/70:hover{
    background-color: hsl(var(--primary) / 0.7);
}

#wa-root .hover\:bg-primary\/80:hover{
    background-color: hsl(var(--primary) / 0.8);
}

#wa-root .hover\:bg-primary\/90:hover{
    background-color: hsl(var(--primary) / 0.9);
}

#wa-root .hover\:bg-purple-100:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}

#wa-root .hover\:bg-purple-50:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));
}

#wa-root .hover\:bg-red-100:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}

#wa-root .hover\:bg-red-50:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}

#wa-root .hover\:bg-red-700:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}

#wa-root .hover\:bg-secondary:hover{
    background-color: hsl(var(--secondary));
}

#wa-root .hover\:bg-secondary\/80:hover{
    background-color: hsl(var(--secondary) / 0.8);
}

#wa-root .hover\:bg-secondary\/90:hover{
    background-color: hsl(var(--secondary) / 0.9);
}

#wa-root .hover\:bg-sidebar-accent:hover{
    background-color: hsl(var(--sidebar-accent));
}

#wa-root .hover\:bg-slate-100:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}

#wa-root .hover\:bg-transparent:hover{
    background-color: transparent;
}

#wa-root .hover\:bg-whatsapp-dark:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(7 94 84 / var(--tw-bg-opacity, 1));
}

#wa-root .hover\:bg-whatsapp\/90:hover{
    background-color: rgb(37 211 102 / 0.9);
}

#wa-root .hover\:bg-white\/20:hover{
    background-color: rgb(255 255 255 / 0.2);
}

#wa-root .hover\:bg-white\/30:hover{
    background-color: rgb(255 255 255 / 0.3);
}

#wa-root .hover\:bg-white\/50:hover{
    background-color: rgb(255 255 255 / 0.5);
}

#wa-root .hover\:bg-white\/90:hover{
    background-color: rgb(255 255 255 / 0.9);
}

#wa-root .hover\:bg-yellow-100:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1));
}

#wa-root .hover\:bg-yellow-700:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(161 98 7 / var(--tw-bg-opacity, 1));
}

#wa-root .hover\:text-accent-foreground:hover{
    color: hsl(var(--accent-foreground));
}

#wa-root .hover\:text-amber-600:hover{
    --tw-text-opacity: 1;
    color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}

#wa-root .hover\:text-blue-500:hover{
    --tw-text-opacity: 1;
    color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

#wa-root .hover\:text-blue-700:hover{
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}

#wa-root .hover\:text-destructive:hover{
    color: hsl(var(--destructive));
}

#wa-root .hover\:text-foreground:hover{
    color: hsl(var(--foreground));
}

#wa-root .hover\:text-green-700:hover{
    --tw-text-opacity: 1;
    color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}

#wa-root .hover\:text-muted-foreground:hover{
    color: hsl(var(--muted-foreground));
}

#wa-root .hover\:text-primary:hover{
    color: hsl(var(--primary));
}

#wa-root .hover\:text-primary-foreground:hover{
    color: hsl(var(--primary-foreground));
}

#wa-root .hover\:text-primary\/80:hover{
    color: hsl(var(--primary) / 0.8);
}

#wa-root .hover\:text-purple-700:hover{
    --tw-text-opacity: 1;
    color: rgb(126 34 206 / var(--tw-text-opacity, 1));
}

#wa-root .hover\:text-red-600:hover{
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

#wa-root .hover\:text-red-700:hover{
    --tw-text-opacity: 1;
    color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}

#wa-root .hover\:text-sidebar-accent-foreground:hover{
    color: hsl(var(--sidebar-accent-foreground));
}

#wa-root .hover\:underline:hover{
    text-decoration-line: underline;
}

#wa-root .hover\:no-underline:hover{
    text-decoration-line: none;
}

#wa-root .hover\:opacity-100:hover{
    opacity: 1;
}

#wa-root .hover\:opacity-80:hover{
    opacity: 0.8;
}

#wa-root .hover\:opacity-90:hover{
    opacity: 0.9;
}

#wa-root .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);
}

#wa-root .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);
}

#wa-root .hover\:shadow-md:hover{
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#wa-root .hover\:shadow-sm:hover{
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#wa-root .hover\:shadow-xl:hover{
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

#wa-root .hover\:shadow-primary\/40:hover{
    --tw-shadow-color: hsl(var(--primary) / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
}

#wa-root .hover\:after\:bg-sidebar-border:hover::after{
    content: var(--tw-content);
    background-color: hsl(var(--sidebar-border));
}

#wa-root .focus\:bg-accent:focus{
    background-color: hsl(var(--accent));
}

#wa-root .focus\:bg-primary:focus{
    background-color: hsl(var(--primary));
}

#wa-root .focus\:text-accent-foreground:focus{
    color: hsl(var(--accent-foreground));
}

#wa-root .focus\:text-destructive:focus{
    color: hsl(var(--destructive));
}

#wa-root .focus\:text-primary-foreground:focus{
    color: hsl(var(--primary-foreground));
}

#wa-root .focus\:text-red-500:focus{
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

#wa-root .focus\:opacity-100:focus{
    opacity: 1;
}

#wa-root .focus\:outline-none:focus{
    outline: 2px solid transparent;
    outline-offset: 2px;
}

#wa-root .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);
}

#wa-root .focus\:ring-primary:focus{
    --tw-ring-color: hsl(var(--primary));
}

#wa-root .focus\:ring-primary\/20:focus{
    --tw-ring-color: hsl(var(--primary) / 0.2);
}

#wa-root .focus\:ring-primary\/30:focus{
    --tw-ring-color: hsl(var(--primary) / 0.3);
}

#wa-root .focus\:ring-ring:focus{
    --tw-ring-color: hsl(var(--ring));
}

#wa-root .focus\:ring-offset-2:focus{
    --tw-ring-offset-width: 2px;
}

#wa-root .focus-visible\:bg-accent\/50:focus-visible{
    background-color: hsl(var(--accent) / 0.5);
}

#wa-root .focus-visible\:outline-none:focus-visible{
    outline: 2px solid transparent;
    outline-offset: 2px;
}

#wa-root .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);
}

#wa-root .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);
}

#wa-root .focus-visible\:ring-accent:focus-visible{
    --tw-ring-color: hsl(var(--accent));
}

#wa-root .focus-visible\:ring-destructive:focus-visible{
    --tw-ring-color: hsl(var(--destructive));
}

#wa-root .focus-visible\:ring-primary:focus-visible{
    --tw-ring-color: hsl(var(--primary));
}

#wa-root .focus-visible\:ring-ring:focus-visible{
    --tw-ring-color: hsl(var(--ring));
}

#wa-root .focus-visible\:ring-secondary:focus-visible{
    --tw-ring-color: hsl(var(--secondary));
}

#wa-root .focus-visible\:ring-sidebar-ring:focus-visible{
    --tw-ring-color: hsl(var(--sidebar-ring));
}

#wa-root .focus-visible\:ring-whatsapp:focus-visible{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(37 211 102 / var(--tw-ring-opacity, 1));
}

#wa-root .focus-visible\:ring-offset-1:focus-visible{
    --tw-ring-offset-width: 1px;
}

#wa-root .focus-visible\:ring-offset-2:focus-visible{
    --tw-ring-offset-width: 2px;
}

#wa-root .focus-visible\:ring-offset-background:focus-visible{
    --tw-ring-offset-color: hsl(var(--background));
}

#wa-root .active\:scale-90:active{
    --tw-scale-x: .9;
    --tw-scale-y: .9;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#wa-root .active\:cursor-grabbing:active{
    cursor: grabbing;
}

#wa-root .active\:bg-accent:active{
    background-color: hsl(var(--accent));
}

#wa-root .active\:bg-muted:active{
    background-color: hsl(var(--muted));
}

#wa-root .active\:bg-sidebar-accent:active{
    background-color: hsl(var(--sidebar-accent));
}

#wa-root .active\:text-sidebar-accent-foreground:active{
    color: hsl(var(--sidebar-accent-foreground));
}

#wa-root .disabled\:pointer-events-none:disabled{
    pointer-events: none;
}

#wa-root .disabled\:cursor-not-allowed:disabled{
    cursor: not-allowed;
}

#wa-root .disabled\:opacity-50:disabled{
    opacity: 0.5;
}

#wa-root :is(.group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100){
    opacity: 1;
}

#wa-root :is(.group:hover .group-hover\: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));
}

#wa-root :is(.group:hover .group-hover\:bg-primary){
    background-color: hsl(var(--primary));
}

#wa-root :is(.group:hover .group-hover\:text-foreground\/90){
    color: hsl(var(--foreground) / 0.9);
}

#wa-root :is(.group:hover .group-hover\:text-white){
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

#wa-root :is(.group\/menu-item:hover .group-hover\/menu-item\:opacity-100){
    opacity: 1;
}

#wa-root :is(.group:hover .group-hover\:opacity-100){
    opacity: 1;
}

#wa-root :is(.group:hover .group-hover\:ring-primary\/40){
    --tw-ring-color: hsl(var(--primary) / 0.4);
}

#wa-root :is(.group.destructive .group-\[\.destructive\]\:border-muted\/40){
    border-color: hsl(var(--muted) / 0.4);
}

#wa-root :is(.group.toast .group-\[\.toast\]\:bg-muted){
    background-color: hsl(var(--muted));
}

#wa-root :is(.group.toast .group-\[\.toast\]\:bg-primary){
    background-color: hsl(var(--primary));
}

#wa-root :is(.group.destructive .group-\[\.destructive\]\:text-red-300){
    --tw-text-opacity: 1;
    color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}

#wa-root :is(.group.toast .group-\[\.toast\]\:text-muted-foreground){
    color: hsl(var(--muted-foreground));
}

#wa-root :is(.group.toast .group-\[\.toast\]\:text-primary-foreground){
    color: hsl(var(--primary-foreground));
}

#wa-root :is(.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover){
    border-color: hsl(var(--destructive) / 0.3);
}

#wa-root :is(.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover){
    background-color: hsl(var(--destructive));
}

#wa-root :is(.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover){
    color: hsl(var(--destructive-foreground));
}

#wa-root :is(.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover){
    --tw-text-opacity: 1;
    color: rgb(254 242 242 / var(--tw-text-opacity, 1));
}

#wa-root :is(.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus){
    --tw-ring-color: hsl(var(--destructive));
}

#wa-root :is(.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));
}

#wa-root :is(.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus){
    --tw-ring-offset-color: #dc2626;
}

#wa-root :is(.peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-sidebar-accent-foreground){
    color: hsl(var(--sidebar-accent-foreground));
}

#wa-root :is(.peer:disabled ~ .peer-disabled\:cursor-not-allowed){
    cursor: not-allowed;
}

#wa-root :is(.peer:disabled ~ .peer-disabled\:opacity-70){
    opacity: 0.7;
}

#wa-root .has-\[\[data-variant\=inset\]\]\:bg-sidebar:has([data-variant=inset]){
    background-color: hsl(var(--sidebar-background));
}

#wa-root .has-\[\:disabled\]\:opacity-50:has(:disabled){
    opacity: 0.5;
}

#wa-root :is(.group\/menu-item:has([data-sidebar=menu-action]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8){
    padding-right: 2rem;
}

#wa-root .aria-disabled\:pointer-events-none[aria-disabled="true"]{
    pointer-events: none;
}

#wa-root .aria-disabled\:opacity-50[aria-disabled="true"]{
    opacity: 0.5;
}

#wa-root .aria-selected\:bg-accent[aria-selected="true"]{
    background-color: hsl(var(--accent));
}

#wa-root .aria-selected\:bg-accent\/50[aria-selected="true"]{
    background-color: hsl(var(--accent) / 0.5);
}

#wa-root .aria-selected\:text-accent-foreground[aria-selected="true"]{
    color: hsl(var(--accent-foreground));
}

#wa-root .aria-selected\:text-muted-foreground[aria-selected="true"]{
    color: hsl(var(--muted-foreground));
}

#wa-root .aria-selected\:opacity-100[aria-selected="true"]{
    opacity: 1;
}

#wa-root .aria-selected\:opacity-30[aria-selected="true"]{
    opacity: 0.3;
}

#wa-root .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"]{
    pointer-events: none;
}

#wa-root .data-\[disabled\]\:pointer-events-none[data-disabled]{
    pointer-events: none;
}

#wa-root .data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction="vertical"]{
    height: 1px;
}

#wa-root .data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction="vertical"]{
    width: 100%;
}

#wa-root .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));
}

#wa-root .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));
}

#wa-root .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));
}

#wa-root .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));
}

#wa-root .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));
}

#wa-root .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));
}

#wa-root .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));
}

#wa-root .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));
}

#wa-root .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;
    }
}

#wa-root .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);
    }
}

#wa-root .data-\[state\=open\]\:animate-accordion-down[data-state="open"]{
    animation: accordion-down 0.2s ease-out;
}

#wa-root .data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction="vertical"]{
    flex-direction: column;
}

#wa-root .data-\[type\=error\]\:border-destructive\/30[data-type="error"]{
    border-color: hsl(var(--destructive) / 0.3);
}

#wa-root .data-\[type\=success\]\:border-success\/30[data-type="success"]{
    border-color: hsl(var(--success) / 0.3);
}

#wa-root .data-\[active\=true\]\:bg-sidebar-accent[data-active="true"]{
    background-color: hsl(var(--sidebar-accent));
}

#wa-root .data-\[active\]\:bg-accent\/50[data-active]{
    background-color: hsl(var(--accent) / 0.5);
}

#wa-root .data-\[selected\=\'true\'\]\:bg-accent[data-selected='true']{
    background-color: hsl(var(--accent));
}

#wa-root .data-\[state\=active\]\:bg-background[data-state="active"]{
    background-color: hsl(var(--background));
}

#wa-root .data-\[state\=active\]\:bg-transparent[data-state="active"]{
    background-color: transparent;
}

#wa-root .data-\[state\=checked\]\:bg-primary[data-state="checked"]{
    background-color: hsl(var(--primary));
}

#wa-root .data-\[state\=on\]\:bg-accent[data-state="on"]{
    background-color: hsl(var(--accent));
}

#wa-root .data-\[state\=on\]\:bg-primary[data-state="on"]{
    background-color: hsl(var(--primary));
}

#wa-root .data-\[state\=open\]\:bg-accent[data-state="open"]{
    background-color: hsl(var(--accent));
}

#wa-root .data-\[state\=open\]\:bg-accent\/50[data-state="open"]{
    background-color: hsl(var(--accent) / 0.5);
}

#wa-root .data-\[state\=open\]\:bg-secondary[data-state="open"]{
    background-color: hsl(var(--secondary));
}

#wa-root .data-\[state\=selected\]\:bg-muted[data-state="selected"]{
    background-color: hsl(var(--muted));
}

#wa-root .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"]{
    background-color: hsl(var(--input));
}

#wa-root .data-\[type\=error\]\:bg-toast-error-bg[data-type="error"]{
    background-color: hsl(var(--toast-error-bg));
}

#wa-root .data-\[type\=success\]\:bg-toast-success-bg[data-type="success"]{
    background-color: hsl(var(--toast-success-bg));
}

#wa-root .data-\[active\=true\]\:font-medium[data-active="true"]{
    font-weight: 500;
}

#wa-root .data-\[active\=true\]\:text-sidebar-accent-foreground[data-active="true"]{
    color: hsl(var(--sidebar-accent-foreground));
}

#wa-root .data-\[selected\=true\]\:text-accent-foreground[data-selected="true"]{
    color: hsl(var(--accent-foreground));
}

#wa-root .data-\[state\=active\]\:text-foreground[data-state="active"]{
    color: hsl(var(--foreground));
}

#wa-root .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"]{
    color: hsl(var(--primary-foreground));
}

#wa-root .data-\[state\=on\]\:text-accent-foreground[data-state="on"]{
    color: hsl(var(--accent-foreground));
}

#wa-root .data-\[state\=on\]\:text-primary-foreground[data-state="on"]{
    color: hsl(var(--primary-foreground));
}

#wa-root .data-\[state\=open\]\:text-accent-foreground[data-state="open"]{
    color: hsl(var(--accent-foreground));
}

#wa-root .data-\[state\=open\]\:text-muted-foreground[data-state="open"]{
    color: hsl(var(--muted-foreground));
}

#wa-root .data-\[disabled\=true\]\:opacity-50[data-disabled="true"]{
    opacity: 0.5;
}

#wa-root .data-\[disabled\]\:opacity-50[data-disabled]{
    opacity: 0.5;
}

#wa-root .data-\[state\=open\]\:opacity-100[data-state="open"]{
    opacity: 1;
}

#wa-root .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);
}

#wa-root .data-\[swipe\=move\]\:transition-none[data-swipe="move"]{
    transition-property: none;
}

#wa-root .data-\[state\=closed\]\:duration-300[data-state="closed"]{
    transition-duration: 300ms;
}

#wa-root .data-\[state\=open\]\:duration-300[data-state="open"]{
    transition-duration: 300ms;
}

#wa-root .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;
}

#wa-root .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;
}

#wa-root .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;
}

#wa-root .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;
}

#wa-root .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;
}

#wa-root .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;
}

#wa-root .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;
}

#wa-root .data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"]{
    --tw-enter-opacity: 0;
}

#wa-root .data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"]{
    --tw-exit-opacity: 0;
}

#wa-root .data-\[state\=closed\]\:fade-out-0[data-state="closed"]{
    --tw-exit-opacity: 0;
}

#wa-root .data-\[state\=closed\]\:fade-out-80[data-state="closed"]{
    --tw-exit-opacity: 0.8;
}

#wa-root .data-\[state\=hidden\]\:fade-out[data-state="hidden"]{
    --tw-exit-opacity: 0;
}

#wa-root .data-\[state\=open\]\:fade-in-0[data-state="open"]{
    --tw-enter-opacity: 0;
}

#wa-root .data-\[state\=visible\]\:fade-in[data-state="visible"]{
    --tw-enter-opacity: 0;
}

#wa-root .data-\[state\=closed\]\:zoom-out-95[data-state="closed"]{
    --tw-exit-scale: .95;
}

#wa-root .data-\[state\=open\]\:zoom-in-90[data-state="open"]{
    --tw-enter-scale: .9;
}

#wa-root .data-\[state\=open\]\:zoom-in-95[data-state="open"]{
    --tw-enter-scale: .95;
}

#wa-root .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"]{
    --tw-enter-translate-x: 13rem;
}

#wa-root .data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"]{
    --tw-enter-translate-x: -13rem;
}

#wa-root .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"]{
    --tw-exit-translate-x: 13rem;
}

#wa-root .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"]{
    --tw-exit-translate-x: -13rem;
}

#wa-root .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"]{
    --tw-enter-translate-y: -0.5rem;
}

#wa-root .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"]{
    --tw-enter-translate-x: 0.5rem;
}

#wa-root .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"]{
    --tw-enter-translate-x: -0.5rem;
}

#wa-root .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"]{
    --tw-enter-translate-y: 0.5rem;
}

#wa-root .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"]{
    --tw-exit-translate-y: 100%;
}

#wa-root .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"]{
    --tw-exit-translate-x: -100%;
}

#wa-root .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"]{
    --tw-exit-translate-x: -50%;
}

#wa-root .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"]{
    --tw-exit-translate-x: 100%;
}

#wa-root .data-\[state\=closed\]\:slide-out-to-right-full[data-state="closed"]{
    --tw-exit-translate-x: 100%;
}

#wa-root .data-\[state\=closed\]\:slide-out-to-top[data-state="closed"]{
    --tw-exit-translate-y: -100%;
}

#wa-root .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"]{
    --tw-exit-translate-y: -48%;
}

#wa-root .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"]{
    --tw-enter-translate-y: 100%;
}

#wa-root .data-\[state\=open\]\:slide-in-from-bottom-full[data-state="open"]{
    --tw-enter-translate-y: 100%;
}

#wa-root .data-\[state\=open\]\:slide-in-from-left[data-state="open"]{
    --tw-enter-translate-x: -100%;
}

#wa-root .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"]{
    --tw-enter-translate-x: -50%;
}

#wa-root .data-\[state\=open\]\:slide-in-from-right[data-state="open"]{
    --tw-enter-translate-x: 100%;
}

#wa-root .data-\[state\=open\]\:slide-in-from-top[data-state="open"]{
    --tw-enter-translate-y: -100%;
}

#wa-root .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"]{
    --tw-enter-translate-y: -48%;
}

#wa-root .data-\[state\=closed\]\:duration-300[data-state="closed"]{
    animation-duration: 300ms;
}

#wa-root .data-\[state\=open\]\:duration-300[data-state="open"]{
    animation-duration: 300ms;
}

#wa-root .data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]::after{
    content: var(--tw-content);
    left: 0px;
}

#wa-root .data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]::after{
    content: var(--tw-content);
    height: 0.25rem;
}

#wa-root .data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction="vertical"]::after{
    content: var(--tw-content);
    width: 100%;
}

#wa-root .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));
}

#wa-root .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));
}

#wa-root .data-\[state\=open\]\:hover\:bg-sidebar-accent:hover[data-state="open"]{
    background-color: hsl(var(--sidebar-accent));
}

#wa-root .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground:hover[data-state="open"]{
    color: hsl(var(--sidebar-accent-foreground));
}

#wa-root :is(.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]){
    left: calc(var(--sidebar-width) * -1);
}

#wa-root :is(.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]){
    right: calc(var(--sidebar-width) * -1);
}

#wa-root :is(.group[data-side="left"] .group-data-\[side\=left\]\:-right-4){
    right: -1rem;
}

#wa-root :is(.group[data-side="right"] .group-data-\[side\=right\]\:left-0){
    left: 0px;
}

#wa-root :is(.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:-mt-8){
    margin-top: -2rem;
}

#wa-root :is(.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:hidden){
    display: none;
}

#wa-root :is(.group[data-state="open"] .group-data-\[state\=open\]\:hidden){
    display: none;
}

#wa-root :is(.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!size-8){
    width: 2rem !important;
    height: 2rem !important;
}

#wa-root :is(.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\]){
    width: var(--sidebar-width-icon);
}

#wa-root :is(.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\]){
    width: calc(var(--sidebar-width-icon) + 1rem);
}

#wa-root :is(.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);
}

#wa-root :is(.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:w-0){
    width: 0px;
}

#wa-root :is(.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));
}

#wa-root :is(.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));
}

#wa-root :is(.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));
}

#wa-root :is(.group[data-state="open"] .group-data-\[state\=open\]\: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));
}

#wa-root :is(.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:overflow-hidden){
    overflow: hidden;
}

#wa-root :is(.group[data-variant="floating"] .group-data-\[variant\=floating\]\:rounded-lg){
    border-radius: var(--radius);
}

#wa-root :is(.group[data-variant="floating"] .group-data-\[variant\=floating\]\:border){
    border-width: 1px;
}

#wa-root :is(.group[data-side="left"] .group-data-\[side\=left\]\:border-r){
    border-right-width: 1px;
}

#wa-root :is(.group[data-side="right"] .group-data-\[side\=right\]\:border-l){
    border-left-width: 1px;
}

#wa-root :is(.group[data-variant="floating"] .group-data-\[variant\=floating\]\:border-sidebar-border){
    border-color: hsl(var(--sidebar-border));
}

#wa-root :is(.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-0){
    padding: 0px !important;
}

#wa-root :is(.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-2){
    padding: 0.5rem !important;
}

#wa-root :is(.group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:opacity-0){
    opacity: 0;
}

#wa-root :is(.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);
}

#wa-root :is(.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:after\:left-full)::after{
    content: var(--tw-content);
    left: 100%;
}

#wa-root :is(.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:hover){
    background-color: hsl(var(--sidebar-background));
}

#wa-root :is(.peer\/menu-button[data-size="default"] ~ .peer-data-\[size\=default\]\/menu-button\:top-1\.5){
    top: 0.375rem;
}

#wa-root :is(.peer\/menu-button[data-size="lg"] ~ .peer-data-\[size\=lg\]\/menu-button\:top-2\.5){
    top: 0.625rem;
}

#wa-root :is(.peer\/menu-button[data-size="sm"] ~ .peer-data-\[size\=sm\]\/menu-button\:top-1){
    top: 0.25rem;
}

#wa-root :is(.peer[data-variant="inset"] ~ .peer-data-\[variant\=inset\]\:min-h-\[calc\(100svh-theme\(spacing\.4\)\)\]){
    min-height: calc(100svh - 1rem);
}

#wa-root :is(.peer\/menu-button[data-active="true"] ~ .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground){
    color: hsl(var(--sidebar-accent-foreground));
}

#wa-root .dark\:border-amber-500:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}

#wa-root .dark\:border-amber-600:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(217 119 6 / var(--tw-border-opacity, 1));
}

#wa-root .dark\:border-amber-700:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(180 83 9 / var(--tw-border-opacity, 1));
}

#wa-root .dark\:border-amber-800:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(146 64 14 / var(--tw-border-opacity, 1));
}

#wa-root .dark\:border-blue-500:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}

#wa-root .dark\:border-blue-700:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(29 78 216 / var(--tw-border-opacity, 1));
}

#wa-root .dark\:border-blue-800:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
}

#wa-root .dark\:border-cyan-700:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(14 116 144 / var(--tw-border-opacity, 1));
}

#wa-root .dark\:border-cyan-800:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(21 94 117 / var(--tw-border-opacity, 1));
}

#wa-root .dark\:border-destructive:is(.dark *){
    border-color: hsl(var(--destructive));
}

#wa-root .dark\:border-emerald-500:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}

#wa-root .dark\:border-emerald-700:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(4 120 87 / var(--tw-border-opacity, 1));
}

#wa-root .dark\:border-emerald-800:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(6 95 70 / var(--tw-border-opacity, 1));
}

#wa-root .dark\:border-gray-500:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
}

#wa-root .dark\:border-gray-600:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}

#wa-root .dark\:border-gray-700:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}

#wa-root .dark\:border-green-500:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
}

#wa-root .dark\:border-green-700:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(21 128 61 / var(--tw-border-opacity, 1));
}

#wa-root .dark\:border-green-800:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(22 101 52 / var(--tw-border-opacity, 1));
}

#wa-root .dark\:border-orange-500:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
}

#wa-root .dark\:border-orange-700:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(194 65 12 / var(--tw-border-opacity, 1));
}

#wa-root .dark\:border-orange-800:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(154 52 18 / var(--tw-border-opacity, 1));
}

#wa-root .dark\:border-pink-500:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(236 72 153 / var(--tw-border-opacity, 1));
}

#wa-root .dark\:border-purple-500:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
}

#wa-root .dark\:border-purple-700:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(126 34 206 / var(--tw-border-opacity, 1));
}

#wa-root .dark\:border-purple-800:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(107 33 168 / var(--tw-border-opacity, 1));
}

#wa-root .dark\:border-red-500:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}

#wa-root .dark\:border-red-700:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));
}

#wa-root .dark\:border-red-800:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));
}

#wa-root .dark\:border-slate-600:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
}

#wa-root .dark\:border-slate-700:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
}

#wa-root .dark\:border-teal-500:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(20 184 166 / var(--tw-border-opacity, 1));
}

#wa-root .dark\:border-yellow-500:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
}

#wa-root .dark\:border-yellow-700:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(161 98 7 / var(--tw-border-opacity, 1));
}

#wa-root .dark\:border-yellow-800:is(.dark *){
    --tw-border-opacity: 1;
    border-color: rgb(133 77 14 / var(--tw-border-opacity, 1));
}

#wa-root .dark\:bg-amber-900:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(120 53 15 / var(--tw-bg-opacity, 1));
}

#wa-root .dark\:bg-amber-900\/10:is(.dark *){
    background-color: rgb(120 53 15 / 0.1);
}

#wa-root .dark\:bg-amber-900\/20:is(.dark *){
    background-color: rgb(120 53 15 / 0.2);
}

#wa-root .dark\:bg-amber-900\/30:is(.dark *){
    background-color: rgb(120 53 15 / 0.3);
}

#wa-root .dark\:bg-amber-900\/40:is(.dark *){
    background-color: rgb(120 53 15 / 0.4);
}

#wa-root .dark\:bg-amber-950:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(69 26 3 / var(--tw-bg-opacity, 1));
}

#wa-root .dark\:bg-amber-950\/20:is(.dark *){
    background-color: rgb(69 26 3 / 0.2);
}

#wa-root .dark\:bg-amber-950\/30:is(.dark *){
    background-color: rgb(69 26 3 / 0.3);
}

#wa-root .dark\:bg-blue-900:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
}

#wa-root .dark\:bg-blue-900\/10:is(.dark *){
    background-color: rgb(30 58 138 / 0.1);
}

#wa-root .dark\:bg-blue-900\/20:is(.dark *){
    background-color: rgb(30 58 138 / 0.2);
}

#wa-root .dark\:bg-blue-900\/30:is(.dark *){
    background-color: rgb(30 58 138 / 0.3);
}

#wa-root .dark\:bg-blue-950:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(23 37 84 / var(--tw-bg-opacity, 1));
}

#wa-root .dark\:bg-blue-950\/20:is(.dark *){
    background-color: rgb(23 37 84 / 0.2);
}

#wa-root .dark\:bg-blue-950\/30:is(.dark *){
    background-color: rgb(23 37 84 / 0.3);
}

#wa-root .dark\:bg-blue-950\/50:is(.dark *){
    background-color: rgb(23 37 84 / 0.5);
}

#wa-root .dark\:bg-card:is(.dark *){
    background-color: hsl(var(--card));
}

#wa-root .dark\:bg-cyan-900:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(22 78 99 / var(--tw-bg-opacity, 1));
}

#wa-root .dark\:bg-cyan-950\/50:is(.dark *){
    background-color: rgb(8 51 68 / 0.5);
}

#wa-root .dark\:bg-emerald-900:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(6 78 59 / var(--tw-bg-opacity, 1));
}

#wa-root .dark\:bg-emerald-900\/30:is(.dark *){
    background-color: rgb(6 78 59 / 0.3);
}

#wa-root .dark\:bg-emerald-900\/40:is(.dark *){
    background-color: rgb(6 78 59 / 0.4);
}

#wa-root .dark\:bg-emerald-950:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(2 44 34 / var(--tw-bg-opacity, 1));
}

#wa-root .dark\:bg-gray-700:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}

#wa-root .dark\:bg-gray-800:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}

#wa-root .dark\:bg-gray-800\/50:is(.dark *){
    background-color: rgb(31 41 55 / 0.5);
}

#wa-root .dark\:bg-green-700:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}

#wa-root .dark\:bg-green-800:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(22 101 52 / var(--tw-bg-opacity, 1));
}

#wa-root .dark\:bg-green-900:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(20 83 45 / var(--tw-bg-opacity, 1));
}

#wa-root .dark\:bg-green-900\/20:is(.dark *){
    background-color: rgb(20 83 45 / 0.2);
}

#wa-root .dark\:bg-green-900\/30:is(.dark *){
    background-color: rgb(20 83 45 / 0.3);
}

#wa-root .dark\:bg-green-950\/10:is(.dark *){
    background-color: rgb(5 46 22 / 0.1);
}

#wa-root .dark\:bg-green-950\/20:is(.dark *){
    background-color: rgb(5 46 22 / 0.2);
}

#wa-root .dark\:bg-green-950\/30:is(.dark *){
    background-color: rgb(5 46 22 / 0.3);
}

#wa-root .dark\:bg-green-950\/50:is(.dark *){
    background-color: rgb(5 46 22 / 0.5);
}

#wa-root .dark\:bg-orange-900:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(124 45 18 / var(--tw-bg-opacity, 1));
}

#wa-root .dark\:bg-orange-900\/30:is(.dark *){
    background-color: rgb(124 45 18 / 0.3);
}

#wa-root .dark\:bg-orange-950:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(67 20 7 / var(--tw-bg-opacity, 1));
}

#wa-root .dark\:bg-orange-950\/50:is(.dark *){
    background-color: rgb(67 20 7 / 0.5);
}

#wa-root .dark\:bg-pink-900\/30:is(.dark *){
    background-color: rgb(131 24 67 / 0.3);
}

#wa-root .dark\:bg-primary\/20:is(.dark *){
    background-color: hsl(var(--primary) / 0.2);
}

#wa-root .dark\:bg-purple-900:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(88 28 135 / var(--tw-bg-opacity, 1));
}

#wa-root .dark\:bg-purple-900\/30:is(.dark *){
    background-color: rgb(88 28 135 / 0.3);
}

#wa-root .dark\:bg-purple-950\/50:is(.dark *){
    background-color: rgb(59 7 100 / 0.5);
}

#wa-root .dark\:bg-red-900:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
}

#wa-root .dark\:bg-red-950:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(69 10 10 / var(--tw-bg-opacity, 1));
}

#wa-root .dark\:bg-red-950\/20:is(.dark *){
    background-color: rgb(69 10 10 / 0.2);
}

#wa-root .dark\:bg-red-950\/50:is(.dark *){
    background-color: rgb(69 10 10 / 0.5);
}

#wa-root .dark\:bg-sky-900\/40:is(.dark *){
    background-color: rgb(12 74 110 / 0.4);
}

#wa-root .dark\:bg-slate-700:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}

#wa-root .dark\:bg-slate-800\/50:is(.dark *){
    background-color: rgb(30 41 59 / 0.5);
}

#wa-root .dark\:bg-slate-900:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}

#wa-root .dark\:bg-violet-900\/40:is(.dark *){
    background-color: rgb(76 29 149 / 0.4);
}

#wa-root .dark\:bg-yellow-500\/50:is(.dark *){
    background-color: rgb(234 179 8 / 0.5);
}

#wa-root .dark\:bg-yellow-700:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(161 98 7 / var(--tw-bg-opacity, 1));
}

#wa-root .dark\:bg-yellow-900:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(113 63 18 / var(--tw-bg-opacity, 1));
}

#wa-root .dark\:bg-yellow-950\/10:is(.dark *){
    background-color: rgb(66 32 6 / 0.1);
}

#wa-root .dark\:bg-yellow-950\/20:is(.dark *){
    background-color: rgb(66 32 6 / 0.2);
}

#wa-root .dark\:bg-yellow-950\/50:is(.dark *){
    background-color: rgb(66 32 6 / 0.5);
}

#wa-root .dark\:bg-\[url\(\'data\:image\/svg\+xml\;base64\2c PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI\+PGRlZnM\+PHBhdHRlcm4gaWQ9ImdyaWQiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI\+PHBhdGggZD0iTSAwIDEwIEwgNDAgMTAgTSAxMCAwIEwgMTAgNDAgTSAwIDIwIEwgNDAgMjAgTSAyMCAwIEwgMjAgNDAgTSAwIDMwIEwgNDAgMzAgTSAzMCAwIEwgMzAgNDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0icmdiYSgyNTUsMjU1LDI1NSwwLjAyKSIgc3Ryb2tlLXdpZHRoPSIxIi8\+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyaWQpIi8\+PC9zdmc\+\'\)\]:is(.dark *){
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImdyaWQiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTSAwIDEwIEwgNDAgMTAgTSAxMCAwIEwgMTAgNDAgTSAwIDIwIEwgNDAgMjAgTSAyMCAwIEwgMjAgNDAgTSAwIDMwIEwgNDAgMzAgTSAzMCAwIEwgMzAgNDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0icmdiYSgyNTUsMjU1LDI1NSwwLjAyKSIgc3Ryb2tlLXdpZHRoPSIxIi8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyaWQpIi8+PC9zdmc+');
}

#wa-root .dark\:from-amber-950\/50:is(.dark *){
    --tw-gradient-from: rgb(69 26 3 / 0.5) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(69 26 3 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

#wa-root .dark\:from-blue-950\/50:is(.dark *){
    --tw-gradient-from: rgb(23 37 84 / 0.5) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(23 37 84 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

#wa-root .dark\:from-emerald-950\/50:is(.dark *){
    --tw-gradient-from: rgb(2 44 34 / 0.5) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(2 44 34 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

#wa-root .dark\:from-gray-800\/40:is(.dark *){
    --tw-gradient-from: rgb(31 41 55 / 0.4) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

#wa-root .dark\:from-gray-900:is(.dark *){
    --tw-gradient-from: #111827 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

#wa-root .dark\:to-amber-900\/30:is(.dark *){
    --tw-gradient-to: rgb(120 53 15 / 0.3) var(--tw-gradient-to-position);
}

#wa-root .dark\:to-blue-900\/30:is(.dark *){
    --tw-gradient-to: rgb(30 58 138 / 0.3) var(--tw-gradient-to-position);
}

#wa-root .dark\:to-emerald-900\/30:is(.dark *){
    --tw-gradient-to: rgb(6 78 59 / 0.3) var(--tw-gradient-to-position);
}

#wa-root .dark\:to-gray-800\/20:is(.dark *){
    --tw-gradient-to: rgb(31 41 55 / 0.2) var(--tw-gradient-to-position);
}

#wa-root .dark\:to-gray-950:is(.dark *){
    --tw-gradient-to: #030712 var(--tw-gradient-to-position);
}

#wa-root .dark\:text-amber-100:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(254 243 199 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-amber-200:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(253 230 138 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-amber-300:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-amber-400:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-blue-100:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(219 234 254 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-blue-200:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(191 219 254 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-blue-300:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-blue-400:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-cyan-200:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(165 243 252 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-cyan-400:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(34 211 238 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-emerald-100:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(209 250 229 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-emerald-300:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(110 231 183 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-emerald-400:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-foreground\/80:is(.dark *){
    color: hsl(var(--foreground) / 0.8);
}

#wa-root .dark\:text-foreground\/90:is(.dark *){
    color: hsl(var(--foreground) / 0.9);
}

#wa-root .dark\:text-gray-100:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-gray-200:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-gray-300:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-gray-400:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-green-100:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(220 252 231 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-green-200:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(187 247 208 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-green-300:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(134 239 172 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-green-400:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-orange-200:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(254 215 170 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-orange-300:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(253 186 116 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-orange-400:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(251 146 60 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-pink-400:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(244 114 182 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-purple-200:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(233 213 255 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-purple-400:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(192 132 252 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-red-200:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(254 202 202 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-red-300:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-red-400:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-red-500:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-sky-400:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(56 189 248 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-slate-200:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-slate-300:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-slate-400:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-violet-400:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(167 139 250 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-white:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-yellow-100:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(254 249 195 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-yellow-200:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(254 240 138 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-yellow-400:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:text-yellow-500:is(.dark *){
    --tw-text-opacity: 1;
    color: rgb(234 179 8 / var(--tw-text-opacity, 1));
}

#wa-root .dark\:opacity-\[0\.02\]:is(.dark *){
    opacity: 0.02;
}

#wa-root .dark\:ring-blue-600:is(.dark *){
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity, 1));
}

#wa-root .dark\:ring-cyan-600:is(.dark *){
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(8 145 178 / var(--tw-ring-opacity, 1));
}

#wa-root .dark\:ring-gray-500:is(.dark *){
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity, 1));
}

#wa-root .dark\:ring-green-600:is(.dark *){
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(22 163 74 / var(--tw-ring-opacity, 1));
}

#wa-root .dark\:ring-orange-600:is(.dark *){
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(234 88 12 / var(--tw-ring-opacity, 1));
}

#wa-root .dark\:ring-purple-600:is(.dark *){
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(147 51 234 / var(--tw-ring-opacity, 1));
}

#wa-root .dark\:ring-red-600:is(.dark *){
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity, 1));
}

#wa-root .dark\:ring-slate-500:is(.dark *){
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(100 116 139 / var(--tw-ring-opacity, 1));
}

#wa-root .dark\:ring-white\/\[0\.08\]:is(.dark *){
    --tw-ring-color: rgb(255 255 255 / 0.08);
}

#wa-root .dark\:ring-yellow-600:is(.dark *){
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(202 138 4 / var(--tw-ring-opacity, 1));
}

#wa-root .dark\:hover\:bg-amber-800:hover:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(146 64 14 / var(--tw-bg-opacity, 1));
}

#wa-root .dark\:hover\:bg-amber-900:hover:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(120 53 15 / var(--tw-bg-opacity, 1));
}

#wa-root .dark\:hover\:bg-amber-950:hover:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(69 26 3 / var(--tw-bg-opacity, 1));
}

#wa-root .dark\:hover\:bg-amber-950\/50:hover:is(.dark *){
    background-color: rgb(69 26 3 / 0.5);
}

#wa-root .dark\:hover\:bg-blue-900\/20:hover:is(.dark *){
    background-color: rgb(30 58 138 / 0.2);
}

#wa-root .dark\:hover\:bg-blue-900\/50:hover:is(.dark *){
    background-color: rgb(30 58 138 / 0.5);
}

#wa-root .dark\:hover\:bg-cyan-900\/50:hover:is(.dark *){
    background-color: rgb(22 78 99 / 0.5);
}

#wa-root .dark\:hover\:bg-gray-700\/50:hover:is(.dark *){
    background-color: rgb(55 65 81 / 0.5);
}

#wa-root .dark\:hover\:bg-gray-800\/50:hover:is(.dark *){
    background-color: rgb(31 41 55 / 0.5);
}

#wa-root .dark\:hover\:bg-gray-950\/90:hover:is(.dark *){
    background-color: rgb(3 7 18 / 0.9);
}

#wa-root .dark\:hover\:bg-green-600:hover:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}

#wa-root .dark\:hover\:bg-green-900\/50:hover:is(.dark *){
    background-color: rgb(20 83 45 / 0.5);
}

#wa-root .dark\:hover\:bg-muted\/30:hover:is(.dark *){
    background-color: hsl(var(--muted) / 0.3);
}

#wa-root .dark\:hover\:bg-orange-900\/50:hover:is(.dark *){
    background-color: rgb(124 45 18 / 0.5);
}

#wa-root .dark\:hover\:bg-purple-900\/50:hover:is(.dark *){
    background-color: rgb(88 28 135 / 0.5);
}

#wa-root .dark\:hover\:bg-red-900\/20:hover:is(.dark *){
    background-color: rgb(127 29 29 / 0.2);
}

#wa-root .dark\:hover\:bg-red-900\/50:hover:is(.dark *){
    background-color: rgb(127 29 29 / 0.5);
}

#wa-root .dark\:hover\:bg-red-950:hover:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(69 10 10 / var(--tw-bg-opacity, 1));
}

#wa-root .dark\:hover\:bg-red-950\/20:hover:is(.dark *){
    background-color: rgb(69 10 10 / 0.2);
}

#wa-root .dark\:hover\:bg-slate-700\/50:hover:is(.dark *){
    background-color: rgb(51 65 85 / 0.5);
}

#wa-root .dark\:hover\:bg-yellow-600:hover:is(.dark *){
    --tw-bg-opacity: 1;
    background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
}

#wa-root .dark\:hover\:bg-yellow-900\/50:hover:is(.dark *){
    background-color: rgb(113 63 18 / 0.5);
}

#wa-root .dark\:hover\:text-foreground:hover:is(.dark *){
    color: hsl(var(--foreground));
}

@media (min-width: 640px){

    #wa-root .sm\:mb-4{
        margin-bottom: 1rem;
    }

    #wa-root .sm\:mb-5{
        margin-bottom: 1.25rem;
    }

    #wa-root .sm\:mt-0{
        margin-top: 0px;
    }

    #wa-root .sm\:mt-6{
        margin-top: 1.5rem;
    }

    #wa-root .sm\:inline{
        display: inline;
    }

    #wa-root .sm\:flex{
        display: flex;
    }

    #wa-root .sm\:hidden{
        display: none;
    }

    #wa-root .sm\:h-14{
        height: 3.5rem;
    }

    #wa-root .sm\:h-3{
        height: 0.75rem;
    }

    #wa-root .sm\:h-36{
        height: 9rem;
    }

    #wa-root .sm\:h-4{
        height: 1rem;
    }

    #wa-root .sm\:h-7{
        height: 1.75rem;
    }

    #wa-root .sm\:h-8{
        height: 2rem;
    }

    #wa-root .sm\:w-14{
        width: 3.5rem;
    }

    #wa-root .sm\:w-24{
        width: 6rem;
    }

    #wa-root .sm\:w-7{
        width: 1.75rem;
    }

    #wa-root .sm\:w-8{
        width: 2rem;
    }

    #wa-root .sm\:w-\[150px\]{
        width: 150px;
    }

    #wa-root .sm\:w-\[180px\]{
        width: 180px;
    }

    #wa-root .sm\:w-\[200px\]{
        width: 200px;
    }

    #wa-root .sm\:w-\[320px\]{
        width: 320px;
    }

    #wa-root .sm\:w-\[400px\]{
        width: 400px;
    }

    #wa-root .sm\:w-auto{
        width: auto;
    }

    #wa-root .sm\:min-w-0{
        min-width: 0px;
    }

    #wa-root .sm\:max-w-2xl{
        max-width: 42rem;
    }

    #wa-root .sm\:max-w-4xl{
        max-width: 56rem;
    }

    #wa-root .sm\:max-w-\[320px\]{
        max-width: 320px;
    }

    #wa-root .sm\:max-w-\[450px\]{
        max-width: 450px;
    }

    #wa-root .sm\:max-w-\[550px\]{
        max-width: 550px;
    }

    #wa-root .sm\:max-w-\[600px\]{
        max-width: 600px;
    }

    #wa-root .sm\:max-w-md{
        max-width: 28rem;
    }

    #wa-root .sm\:max-w-sm{
        max-width: 24rem;
    }

    #wa-root .sm\:flex-none{
        flex: none;
    }

    #wa-root .sm\:grid-cols-2{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #wa-root .sm\:grid-cols-3{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    #wa-root .sm\:grid-cols-5{
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    #wa-root .sm\:flex-row{
        flex-direction: row;
    }

    #wa-root .sm\:flex-row-reverse{
        flex-direction: row-reverse;
    }

    #wa-root .sm\:flex-col{
        flex-direction: column;
    }

    #wa-root .sm\:items-center{
        align-items: center;
    }

    #wa-root .sm\:justify-end{
        justify-content: flex-end;
    }

    #wa-root .sm\:justify-between{
        justify-content: space-between;
    }

    #wa-root .sm\:gap-0{
        gap: 0px;
    }

    #wa-root .sm\:gap-2\.5{
        gap: 0.625rem;
    }

    #wa-root .sm\:gap-4{
        gap: 1rem;
    }

    #wa-root :is(.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)));
    }

    #wa-root :is(.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)));
    }

    #wa-root :is(.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));
    }

    #wa-root :is(.sm\: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));
    }

    #wa-root :is(.sm\:space-y-6 > :not([hidden]) ~ :not([hidden])){
        --tw-space-y-reverse: 0;
        margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
    }

    #wa-root .sm\:rounded-lg{
        border-radius: var(--radius);
    }

    #wa-root .sm\:p-3{
        padding: 0.75rem;
    }

    #wa-root .sm\:p-6{
        padding: 1.5rem;
    }

    #wa-root .sm\:p-8{
        padding: 2rem;
    }

    #wa-root .sm\:px-4{
        padding-left: 1rem;
        padding-right: 1rem;
    }

    #wa-root .sm\:px-6{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    #wa-root .sm\:py-3{
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }

    #wa-root .sm\:py-6{
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    #wa-root .sm\:pt-1{
        padding-top: 0.25rem;
    }

    #wa-root .sm\:text-left{
        text-align: left;
    }

    #wa-root .sm\:text-start{
        text-align: start;
    }

    #wa-root .sm\:text-2xl{
        font-size: 1.5rem;
        line-height: 2rem;
    }

    #wa-root .sm\:text-3xl{
        font-size: 1.875rem;
        line-height: 2.25rem;
    }

    #wa-root .sm\:text-\[10px\]{
        font-size: 10px;
    }

    #wa-root .sm\:text-\[11px\]{
        font-size: 11px;
    }

    #wa-root .sm\:text-base{
        font-size: 1rem;
        line-height: 1.5rem;
    }

    #wa-root .sm\:text-sm{
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

    #wa-root .sm\:text-xs{
        font-size: 0.75rem;
        line-height: 1rem;
    }
}

@media (min-width: 768px){

    #wa-root .md\:absolute{
        position: absolute;
    }

    #wa-root .md\:col-span-2{
        grid-column: span 2 / span 2;
    }

    #wa-root .md\:mb-4{
        margin-bottom: 1rem;
    }

    #wa-root .md\:mb-6{
        margin-bottom: 1.5rem;
    }

    #wa-root .md\:mt-4{
        margin-top: 1rem;
    }

    #wa-root .md\:block{
        display: block;
    }

    #wa-root .md\:inline{
        display: inline;
    }

    #wa-root .md\:flex{
        display: flex;
    }

    #wa-root .md\:hidden{
        display: none;
    }

    #wa-root .md\:h-10{
        height: 2.5rem;
    }

    #wa-root .md\:h-11{
        height: 2.75rem;
    }

    #wa-root .md\:h-12{
        height: 3rem;
    }

    #wa-root .md\:h-4{
        height: 1rem;
    }

    #wa-root .md\:h-5{
        height: 1.25rem;
    }

    #wa-root .md\:h-6{
        height: 1.5rem;
    }

    #wa-root .md\:w-1\/3{
        width: 33.333333%;
    }

    #wa-root .md\:w-10{
        width: 2.5rem;
    }

    #wa-root .md\:w-11{
        width: 2.75rem;
    }

    #wa-root .md\:w-12{
        width: 3rem;
    }

    #wa-root .md\:w-4{
        width: 1rem;
    }

    #wa-root .md\:w-5{
        width: 1.25rem;
    }

    #wa-root .md\:w-6{
        width: 1.5rem;
    }

    #wa-root .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{
        width: var(--radix-navigation-menu-viewport-width);
    }

    #wa-root .md\:w-auto{
        width: auto;
    }

    #wa-root .md\:min-w-0{
        min-width: 0px;
    }

    #wa-root .md\:max-w-\[420px\]{
        max-width: 420px;
    }

    #wa-root .md\:max-w-\[75\%\]{
        max-width: 75%;
    }

    #wa-root .md\:flex-none{
        flex: none;
    }

    #wa-root .md\:grid-cols-2{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #wa-root .md\:flex-row{
        flex-direction: row;
    }

    #wa-root .md\:items-center{
        align-items: center;
    }

    #wa-root .md\:justify-end{
        justify-content: flex-end;
    }

    #wa-root .md\:justify-between{
        justify-content: space-between;
    }

    #wa-root .md\:gap-3{
        gap: 0.75rem;
    }

    #wa-root .md\:gap-6{
        gap: 1.5rem;
    }

    #wa-root :is(.md\:space-y-4 > :not([hidden]) ~ :not([hidden])){
        --tw-space-y-reverse: 0;
        margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1rem * var(--tw-space-y-reverse));
    }

    #wa-root .md\:p-4{
        padding: 1rem;
    }

    #wa-root .md\:p-5{
        padding: 1.25rem;
    }

    #wa-root .md\:p-6{
        padding: 1.5rem;
    }

    #wa-root .md\:px-4{
        padding-left: 1rem;
        padding-right: 1rem;
    }

    #wa-root .md\:px-6{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    #wa-root .md\:pt-24{
        padding-top: 6rem;
    }

    #wa-root .md\:text-2xl{
        font-size: 1.5rem;
        line-height: 2rem;
    }

    #wa-root .md\:text-3xl{
        font-size: 1.875rem;
        line-height: 2.25rem;
    }

    #wa-root .md\:text-base{
        font-size: 1rem;
        line-height: 1.5rem;
    }

    #wa-root .md\:text-lg{
        font-size: 1.125rem;
        line-height: 1.75rem;
    }

    #wa-root .md\:text-sm{
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

    #wa-root .md\:text-xl{
        font-size: 1.25rem;
        line-height: 1.75rem;
    }

    #wa-root .md\:opacity-0{
        opacity: 0;
    }

    #wa-root .after\:md\:hidden::after{
        content: var(--tw-content);
        display: none;
    }

    #wa-root :is(.peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:m-2){
        margin: 0.5rem;
    }

    #wa-root :is(.peer[data-state="collapsed"][data-variant="inset"] ~ .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2){
        margin-left: 0.5rem;
    }

    #wa-root :is(.peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:ml-0){
        margin-left: 0px;
    }

    #wa-root :is(.peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:rounded-xl){
        border-radius: 0.75rem;
    }

    #wa-root :is(.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){

    #wa-root .lg\:sticky{
        position: sticky;
    }

    #wa-root .lg\:bottom-4{
        bottom: 1rem;
    }

    #wa-root .lg\:left-auto{
        left: auto;
    }

    #wa-root .lg\:right-4{
        right: 1rem;
    }

    #wa-root .lg\:top-4{
        top: 1rem;
    }

    #wa-root .lg\:col-span-1{
        grid-column: span 1 / span 1;
    }

    #wa-root .lg\:col-span-2{
        grid-column: span 2 / span 2;
    }

    #wa-root .lg\:mb-5{
        margin-bottom: 1.25rem;
    }

    #wa-root .lg\:block{
        display: block;
    }

    #wa-root .lg\:inline{
        display: inline;
    }

    #wa-root .lg\:flex{
        display: flex;
    }

    #wa-root .lg\:grid{
        display: grid;
    }

    #wa-root .lg\:hidden{
        display: none;
    }

    #wa-root .lg\:h-10{
        height: 2.5rem;
    }

    #wa-root .lg\:h-11{
        height: 2.75rem;
    }

    #wa-root .lg\:h-3{
        height: 0.75rem;
    }

    #wa-root .lg\:h-3\.5{
        height: 0.875rem;
    }

    #wa-root .lg\:h-6{
        height: 1.5rem;
    }

    #wa-root .lg\:h-\[calc\(100dvh-4rem\)\]{
        height: calc(100dvh - 4rem);
    }

    #wa-root .lg\:w-11{
        width: 2.75rem;
    }

    #wa-root .lg\:w-3{
        width: 0.75rem;
    }

    #wa-root .lg\:w-3\.5{
        width: 0.875rem;
    }

    #wa-root .lg\:w-6{
        width: 1.5rem;
    }

    #wa-root .lg\:w-96{
        width: 24rem;
    }

    #wa-root .lg\:min-w-\[45px\]{
        min-width: 45px;
    }

    #wa-root .lg\:min-w-fit{
        min-width: -moz-fit-content;
        min-width: fit-content;
    }

    #wa-root .lg\:max-w-\[180px\]{
        max-width: 180px;
    }

    #wa-root .lg\:grid-cols-2{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #wa-root .lg\:grid-cols-3{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    #wa-root .lg\:grid-cols-4{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    #wa-root .lg\:grid-cols-9{
        grid-template-columns: repeat(9, minmax(0, 1fr));
    }

    #wa-root .lg\:gap-1{
        gap: 0.25rem;
    }

    #wa-root .lg\:gap-2{
        gap: 0.5rem;
    }

    #wa-root .lg\:gap-3{
        gap: 0.75rem;
    }

    #wa-root .lg\:gap-4{
        gap: 1rem;
    }

    #wa-root :is(.lg\:space-x-3 > :not([hidden]) ~ :not([hidden])){
        --tw-space-x-reverse: 0;
        margin-right: calc(0.75rem * var(--tw-space-x-reverse));
        margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
    }

    #wa-root .lg\:px-2\.5{
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }

    #wa-root .lg\:px-3{
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    #wa-root .lg\:px-4{
        padding-left: 1rem;
        padding-right: 1rem;
    }

    #wa-root .lg\:px-5{
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    #wa-root .lg\:py-1{
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }

    #wa-root .lg\:py-1\.5{
        padding-top: 0.375rem;
        padding-bottom: 0.375rem;
    }

    #wa-root .lg\:py-2{
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    #wa-root .lg\:py-3{
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }

    #wa-root .lg\:py-6{
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    #wa-root .lg\:pb-2\.5{
        padding-bottom: 0.625rem;
    }

    #wa-root .lg\:pt-5{
        padding-top: 1.25rem;
    }

    #wa-root .lg\:text-sm{
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

    #wa-root .lg\:text-xl{
        font-size: 1.25rem;
        line-height: 1.75rem;
    }

    #wa-root .lg\:text-xs{
        font-size: 0.75rem;
        line-height: 1rem;
    }
}

@media (min-width: 1280px){

    #wa-root .xl\:grid-cols-4{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    #wa-root .xl\:grid-cols-5{
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    #wa-root .xl\:grid-cols-6{
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

#wa-root .ltr\:left-3:where([dir="ltr"], [dir="ltr"] *){
    left: 0.75rem;
}

#wa-root .ltr\:right-3:where([dir="ltr"], [dir="ltr"] *){
    right: 0.75rem;
}

#wa-root .ltr\:mr-1:where([dir="ltr"], [dir="ltr"] *){
    margin-right: 0.25rem;
}

#wa-root .ltr\:mr-2:where([dir="ltr"], [dir="ltr"] *){
    margin-right: 0.5rem;
}

#wa-root .ltr\:pl-9:where([dir="ltr"], [dir="ltr"] *){
    padding-left: 2.25rem;
}

#wa-root .ltr\:pr-4:where([dir="ltr"], [dir="ltr"] *){
    padding-right: 1rem;
}

#wa-root .rtl\:left-3:where([dir="rtl"], [dir="rtl"] *){
    left: 0.75rem;
}

#wa-root .rtl\:right-3:where([dir="rtl"], [dir="rtl"] *){
    right: 0.75rem;
}

#wa-root .rtl\:ml-1:where([dir="rtl"], [dir="rtl"] *){
    margin-left: 0.25rem;
}

#wa-root .rtl\:ml-2:where([dir="rtl"], [dir="rtl"] *){
    margin-left: 0.5rem;
}

#wa-root .rtl\:rotate-180:where([dir="rtl"], [dir="rtl"] *){
    --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));
}

#wa-root .rtl\:pl-4:where([dir="rtl"], [dir="rtl"] *){
    padding-left: 1rem;
}

#wa-root .rtl\:pr-9:where([dir="rtl"], [dir="rtl"] *){
    padding-right: 2.25rem;
}

#wa-root .\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]){
    background-color: hsl(var(--accent));
}

#wa-root .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);
}

#wa-root .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);
}

#wa-root .\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside){
    background-color: hsl(var(--accent) / 0.5);
}

#wa-root .\[\&\: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);
}

#wa-root .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){
    padding-right: 0px;
}

#wa-root :is(.\[\&\>button\:hover\]\:\!bg-muted>button:hover){
    background-color: hsl(var(--muted)) !important;
}

#wa-root :is(.\[\&\>button\]\:hidden>button){
    display: none;
}

#wa-root :is(.\[\&\>button\]\:\!border-border>button){
    border-color: hsl(var(--border)) !important;
}

#wa-root :is(.\[\&\>button\]\:\!bg-card>button){
    background-color: hsl(var(--card)) !important;
}

#wa-root :is(.\[\&\>button\]\:\!text-foreground>button){
    color: hsl(var(--foreground)) !important;
}

#wa-root :is(.\[\&\>div\]\:bg-amber-500>div){
    --tw-bg-opacity: 1;
    background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}

#wa-root :is(.\[\&\>div\]\:bg-destructive>div){
    background-color: hsl(var(--destructive));
}

#wa-root :is(.\[\&\>span\:last-child\]\:truncate>span:last-child){
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#wa-root :is(.\[\&\>span\]\:line-clamp-1>span){
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

#wa-root :is(.\[\&\>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));
}

#wa-root :is(.\[\&\>svg\]\:absolute>svg){
    position: absolute;
}

#wa-root :is(.\[\&\>svg\]\:left-4>svg){
    left: 1rem;
}

#wa-root :is(.\[\&\>svg\]\:top-4>svg){
    top: 1rem;
}

#wa-root :is(.\[\&\>svg\]\:size-3\.5>svg){
    width: 0.875rem;
    height: 0.875rem;
}

#wa-root :is(.\[\&\>svg\]\:size-4>svg){
    width: 1rem;
    height: 1rem;
}

#wa-root :is(.\[\&\>svg\]\:h-2\.5>svg){
    height: 0.625rem;
}

#wa-root :is(.\[\&\>svg\]\:h-3>svg){
    height: 0.75rem;
}

#wa-root :is(.\[\&\>svg\]\:w-2\.5>svg){
    width: 0.625rem;
}

#wa-root :is(.\[\&\>svg\]\:w-3>svg){
    width: 0.75rem;
}

#wa-root :is(.\[\&\>svg\]\:shrink-0>svg){
    flex-shrink: 0;
}

#wa-root :is(.\[\&\>svg\]\:text-destructive>svg){
    color: hsl(var(--destructive));
}

#wa-root :is(.\[\&\>svg\]\:text-foreground>svg){
    color: hsl(var(--foreground));
}

#wa-root :is(.\[\&\>svg\]\:text-green-600>svg){
    --tw-text-opacity: 1;
    color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}

#wa-root :is(.\[\&\>svg\]\:text-muted-foreground>svg){
    color: hsl(var(--muted-foreground));
}

#wa-root :is(.\[\&\>svg\]\:text-sidebar-accent-foreground>svg){
    color: hsl(var(--sidebar-accent-foreground));
}

#wa-root :is(.\[\&\>svg\]\:text-yellow-600>svg){
    --tw-text-opacity: 1;
    color: rgb(202 138 4 / var(--tw-text-opacity, 1));
}

#wa-root :is(.\[\&\>svg\~\*\]\:pl-7>svg~*){
    padding-left: 1.75rem;
}

#wa-root :is(.\[\&\>tr\]\:last\:border-b-0:last-child>tr){
    border-bottom-width: 0px;
}

#wa-root :is(.\[\&\[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));
}

#wa-root :is(.\[\&\[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));
}

#wa-root :is(.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text){
    fill: hsl(var(--muted-foreground));
}

#wa-root :is(.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke='#ccc']){
    stroke: hsl(var(--border) / 0.5);
}

#wa-root :is(.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor){
    stroke: hsl(var(--border));
}

#wa-root :is(.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke='#fff']){
    stroke: transparent;
}

#wa-root :is(.\[\&_\.recharts-layer\]\:outline-none .recharts-layer){
    outline: 2px solid transparent;
    outline-offset: 2px;
}

#wa-root :is(.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke='#ccc']){
    stroke: hsl(var(--border));
}

#wa-root :is(.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector){
    fill: hsl(var(--muted));
}

#wa-root :is(.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor){
    fill: hsl(var(--muted));
}

#wa-root :is(.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke='#ccc']){
    stroke: hsl(var(--border));
}

#wa-root :is(.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke='#fff']){
    stroke: transparent;
}

#wa-root :is(.\[\&_\.recharts-sector\]\:outline-none .recharts-sector){
    outline: 2px solid transparent;
    outline-offset: 2px;
}

#wa-root :is(.\[\&_\.recharts-surface\]\:outline-none .recharts-surface){
    outline: 2px solid transparent;
    outline-offset: 2px;
}

#wa-root :is(.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]){
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

#wa-root :is(.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]){
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}

#wa-root :is(.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]){
    font-size: 0.75rem;
    line-height: 1rem;
}

#wa-root :is(.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]){
    font-weight: 500;
}

#wa-root :is(.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]){
    color: hsl(var(--muted-foreground));
}

#wa-root :is(.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group]){
    padding-top: 0px;
}

#wa-root :is(.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]){
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

#wa-root :is(.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg){
    height: 1.25rem;
}

#wa-root :is(.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg){
    width: 1.25rem;
}

#wa-root :is(.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]){
    height: 3rem;
}

#wa-root :is(.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]){
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

#wa-root :is(.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]){
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

#wa-root :is(.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg){
    height: 1.25rem;
}

#wa-root :is(.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg){
    width: 1.25rem;
}

#wa-root :is(.\[\&_p\]\:leading-relaxed p){
    line-height: 1.625;
}

#wa-root :is(.\[\&_svg\]\:pointer-events-none svg){
    pointer-events: none;
}

#wa-root :is(.\[\&_svg\]\:size-4 svg){
    width: 1rem;
    height: 1rem;
}

#wa-root :is(.\[\&_svg\]\:shrink-0 svg){
    flex-shrink: 0;
}

#wa-root :is(.\[\&_svg\]\:\!text-white svg){
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

#wa-root :is(.\[\&_tr\:last-child\]\:border-0 tr:last-child){
    border-width: 0px;
}

#wa-root :is(.\[\&_tr\]\:border-b tr){
    border-bottom-width: 1px;
}

#wa-root :is([data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2){
    right: -0.5rem;
}

#wa-root :is([data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize){
    cursor: e-resize;
}

#wa-root :is([data-side=left] .\[\[data-side\=left\]_\&\]\:cursor-w-resize){
    cursor: w-resize;
}

#wa-root :is([data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2){
    left: -0.5rem;
}

#wa-root :is([data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize){
    cursor: w-resize;
}

#wa-root :is([data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize){
    cursor: e-resize;
}
.react-international-phone-country-selector{position:relative}.react-international-phone-country-selector-button{display:flex;height:var(--react-international-phone-height, 36px);box-sizing:border-box;align-items:center;justify-content:center;padding:0;border:1px solid var(--react-international-phone-country-selector-border-color, var(--react-international-phone-border-color, gainsboro));margin:0;-moz-appearance:button;appearance:button;-webkit-appearance:button;background-color:var(--react-international-phone-country-selector-background-color, var(--react-international-phone-background-color, white));cursor:pointer;text-transform:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-international-phone-country-selector-button:hover{background-color:var(--react-international-phone-country-selector-background-color-hover, whitesmoke)}.react-international-phone-country-selector-button--hide-dropdown{cursor:auto}.react-international-phone-country-selector-button--hide-dropdown:hover{background-color:transparent}.react-international-phone-country-selector-button__button-content{display:flex;align-items:center;justify-content:center}.react-international-phone-country-selector-button__flag-emoji{margin:0 4px}.react-international-phone-country-selector-button__flag-emoji--disabled{opacity:.75}.react-international-phone-country-selector-button__dropdown-arrow{border-top:var(--react-international-phone-country-selector-arrow-size, 4px) solid var(--react-international-phone-country-selector-arrow-color, #777);border-right:var(--react-international-phone-country-selector-arrow-size, 4px) solid transparent;border-left:var(--react-international-phone-country-selector-arrow-size, 4px) solid transparent;margin-right:4px;transition:all .1s ease-out}.react-international-phone-country-selector-button__dropdown-arrow--active{transform:rotateX(180deg)}.react-international-phone-country-selector-button__dropdown-arrow--disabled{border-top-color:var(--react-international-phone-disabled-country-selector-arrow-color, #999)}.react-international-phone-country-selector-button--disabled,.react-international-phone-country-selector-button--disabled:hover{background-color:var(--react-international-phone-disabled-country-selector-background-color, var(--react-international-phone-disabled-background-color, whitesmoke))}.react-international-phone-country-selector-button--disabled{cursor:auto}.react-international-phone-flag-emoji{width:var(--react-international-phone-flag-width, 24px);height:var(--react-international-phone-flag-height, 24px);box-sizing:border-box}.react-international-phone-country-selector-dropdown{position:absolute;z-index:1;top:var(--react-international-phone-dropdown-top, 44px);left:var(--react-international-phone-dropdown-left, 0);display:flex;width:300px;max-height:200px;flex-direction:column;padding:4px 0;margin:0;background-color:var(--react-international-phone-dropdown-item-background-color, var(--react-international-phone-background-color, white));box-shadow:var(--react-international-phone-dropdown-shadow, 2px 2px 16px rgba(0, 0, 0, .25));color:var(--react-international-phone-dropdown-item-text-color, var(--react-international-phone-text-color, #222));list-style:none;overflow-y:scroll}.react-international-phone-country-selector-dropdown__preferred-list-divider{height:1px;border:none;margin:var(--react-international-phone-dropdown-preferred-list-divider-margin, 0);background:var(--react-international-phone-dropdown-preferred-list-divider-color, var(--react-international-phone-border-color, gainsboro))}.react-international-phone-country-selector-dropdown__list-item{display:flex;min-height:var(--react-international-phone-dropdown-item-height, 28px);box-sizing:border-box;align-items:center;padding:2px 8px}.react-international-phone-country-selector-dropdown__list-item-flag-emoji{margin-right:8px}.react-international-phone-country-selector-dropdown__list-item-country-name{overflow:hidden;margin-right:8px;font-size:var(--react-international-phone-dropdown-item-font-size, 14px);text-overflow:ellipsis;white-space:nowrap}.react-international-phone-country-selector-dropdown__list-item-dial-code{color:var(--react-international-phone-dropdown-item-dial-code-color, gray);font-size:var(--react-international-phone-dropdown-item-font-size, 14px)}.react-international-phone-country-selector-dropdown__list-item:hover{background-color:var(--react-international-phone-selected-dropdown-item-background-color, var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke));cursor:pointer}.react-international-phone-country-selector-dropdown__list-item--selected,.react-international-phone-country-selector-dropdown__list-item--focused{background-color:var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke);color:var(--react-international-phone-selected-dropdown-item-text-color, var(--react-international-phone-text-color, #222))}.react-international-phone-country-selector-dropdown__list-item--selected .react-international-phone-country-selector-dropdown__list-item-dial-code,.react-international-phone-country-selector-dropdown__list-item--focused .react-international-phone-country-selector-dropdown__list-item-dial-code{color:var(--react-international-phone-selected-dropdown-item-dial-code-color, var(--react-international-phone-dropdown-item-dial-code-color, gray))}.react-international-phone-country-selector-dropdown__list-item--focused{background-color:var(--react-international-phone-selected-dropdown-item-background-color, var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke))}.react-international-phone-dial-code-preview{display:flex;align-items:center;justify-content:center;padding:0 8px;border:1px solid var(--react-international-phone-dial-code-preview-border-color, var(--react-international-phone-border-color, gainsboro));margin-right:-1px;background-color:var(--react-international-phone-dial-code-preview-background-color, var(--react-international-phone-background-color, white));color:var(--react-international-phone-dial-code-preview-text-color, var(--react-international-phone-text-color, #222));font-size:var(--react-international-phone-dial-code-preview-font-size, var(--react-international-phone-font-size, 13px))}.react-international-phone-dial-code-preview--disabled{background-color:var(--react-international-phone-dial-code-preview-disabled-background-color, var(--react-international-phone-disabled-background-color, whitesmoke));color:var(--react-international-phone-dial-code-preview-disabled-text-color, var(--react-international-phone-disabled-text-color, #666))}.react-international-phone-input-container{display:flex}.react-international-phone-input-container .react-international-phone-country-selector-button{border-radius:var(--react-international-phone-border-radius, 4px);margin-right:-1px;border-bottom-right-radius:0;border-top-right-radius:0}.react-international-phone-input-container .react-international-phone-input{overflow:visible;height:var(--react-international-phone-height, 36px);box-sizing:border-box;padding:0 8px;border:1px solid var(--react-international-phone-border-color, gainsboro);border-radius:var(--react-international-phone-border-radius, 4px);margin:0;background-color:var(--react-international-phone-background-color, white);border-bottom-left-radius:0;border-top-left-radius:0;color:var(--react-international-phone-text-color, #222);font-family:inherit;font-size:var(--react-international-phone-font-size, 13px)}.react-international-phone-input-container .react-international-phone-input:focus{outline:none}.react-international-phone-input-container .react-international-phone-input--disabled{background-color:var(--react-international-phone-disabled-background-color, whitesmoke);color:var(--react-international-phone-disabled-text-color, #666)}
/* this gets exported as style.css and can be used for the default theming */
/* these are the necessary styles for React/Svelte Flow, they get used by base.css and style.css */
.react-flow {
  direction: ltr;

  --xy-edge-stroke-default: #b1b1b7;
  --xy-edge-stroke-width-default: 1;
  --xy-edge-stroke-selected-default: #555;

  --xy-connectionline-stroke-default: #b1b1b7;
  --xy-connectionline-stroke-width-default: 1;

  --xy-attribution-background-color-default: rgba(255, 255, 255, 0.5);

  --xy-minimap-background-color-default: #fff;
  --xy-minimap-mask-background-color-default: rgba(240, 240, 240, 0.6);
  --xy-minimap-mask-stroke-color-default: transparent;
  --xy-minimap-mask-stroke-width-default: 1;
  --xy-minimap-node-background-color-default: #e2e2e2;
  --xy-minimap-node-stroke-color-default: transparent;
  --xy-minimap-node-stroke-width-default: 2;

  --xy-background-color-default: transparent;
  --xy-background-pattern-dots-color-default: #91919a;
  --xy-background-pattern-lines-color-default: #eee;
  --xy-background-pattern-cross-color-default: #e2e2e2;
  background-color: var(--xy-background-color, var(--xy-background-color-default));
  --xy-node-color-default: inherit;
  --xy-node-border-default: 1px solid #1a192b;
  --xy-node-background-color-default: #fff;
  --xy-node-group-background-color-default: rgba(240, 240, 240, 0.25);
  --xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
  --xy-node-boxshadow-selected-default: 0 0 0 0.5px #1a192b;
  --xy-node-border-radius-default: 3px;

  --xy-handle-background-color-default: #1a192b;
  --xy-handle-border-color-default: #fff;

  --xy-selection-background-color-default: rgba(0, 89, 220, 0.08);
  --xy-selection-border-default: 1px dotted rgba(0, 89, 220, 0.8);

  --xy-controls-button-background-color-default: #fefefe;
  --xy-controls-button-background-color-hover-default: #f4f4f4;
  --xy-controls-button-color-default: inherit;
  --xy-controls-button-color-hover-default: inherit;
  --xy-controls-button-border-color-default: #eee;
  --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);

  --xy-edge-label-background-color-default: #ffffff;
  --xy-edge-label-color-default: inherit;
  --xy-resize-background-color-default: #3367d9;
}
.react-flow.dark {
  --xy-edge-stroke-default: #3e3e3e;
  --xy-edge-stroke-width-default: 1;
  --xy-edge-stroke-selected-default: #727272;

  --xy-connectionline-stroke-default: #b1b1b7;
  --xy-connectionline-stroke-width-default: 1;

  --xy-attribution-background-color-default: rgba(150, 150, 150, 0.25);

  --xy-minimap-background-color-default: #141414;
  --xy-minimap-mask-background-color-default: rgba(60, 60, 60, 0.6);
  --xy-minimap-mask-stroke-color-default: transparent;
  --xy-minimap-mask-stroke-width-default: 1;
  --xy-minimap-node-background-color-default: #2b2b2b;
  --xy-minimap-node-stroke-color-default: transparent;
  --xy-minimap-node-stroke-width-default: 2;

  --xy-background-color-default: #141414;
  --xy-background-pattern-dots-color-default: #777;
  --xy-background-pattern-lines-color-default: #777;
  --xy-background-pattern-cross-color-default: #777;
  --xy-node-color-default: #f8f8f8;
  --xy-node-border-default: 1px solid #3c3c3c;
  --xy-node-background-color-default: #1e1e1e;
  --xy-node-group-background-color-default: rgba(240, 240, 240, 0.25);
  --xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, 0.08);
  --xy-node-boxshadow-selected-default: 0 0 0 0.5px #999;

  --xy-handle-background-color-default: #bebebe;
  --xy-handle-border-color-default: #1e1e1e;

  --xy-selection-background-color-default: rgba(200, 200, 220, 0.08);
  --xy-selection-border-default: 1px dotted rgba(200, 200, 220, 0.8);

  --xy-controls-button-background-color-default: #2b2b2b;
  --xy-controls-button-background-color-hover-default: #3e3e3e;
  --xy-controls-button-color-default: #f8f8f8;
  --xy-controls-button-color-hover-default: #fff;
  --xy-controls-button-border-color-default: #5b5b5b;
  --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08);

  --xy-edge-label-background-color-default: #141414;
  --xy-edge-label-color-default: #f8f8f8;
}
.react-flow__background {
  background-color: var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));
  pointer-events: none;
  z-index: -1;
}
.react-flow__container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.react-flow__pane {
  z-index: 1;
}
.react-flow__pane.draggable {
    cursor: grab;
  }
.react-flow__pane.dragging {
    cursor: grabbing;
  }
.react-flow__pane.selection {
    cursor: pointer;
  }
.react-flow__viewport {
  transform-origin: 0 0;
  z-index: 2;
  pointer-events: none;
}
.react-flow__renderer {
  z-index: 4;
}
.react-flow__selection {
  z-index: 6;
}
.react-flow__nodesselection-rect:focus,
.react-flow__nodesselection-rect:focus-visible {
  outline: none;
}
.react-flow__edge-path {
  stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default));
  stroke-width: var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));
  fill: none;
}
.react-flow__connection-path {
  stroke: var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));
  stroke-width: var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));
  fill: none;
}
.react-flow .react-flow__edges {
  position: absolute;
}
.react-flow .react-flow__edges svg {
    overflow: visible;
    position: absolute;
    pointer-events: none;
  }
.react-flow__edge {
  pointer-events: visibleStroke;
}
.react-flow__edge.selectable {
    cursor: pointer;
  }
.react-flow__edge.animated path {
    stroke-dasharray: 5;
    animation: dashdraw 0.5s linear infinite;
  }
.react-flow__edge.animated path.react-flow__edge-interaction {
    stroke-dasharray: none;
    animation: none;
  }
.react-flow__edge.inactive {
    pointer-events: none;
  }
.react-flow__edge.selected,
  .react-flow__edge:focus,
  .react-flow__edge:focus-visible {
    outline: none;
  }
.react-flow__edge.selected .react-flow__edge-path,
  .react-flow__edge.selectable:focus .react-flow__edge-path,
  .react-flow__edge.selectable:focus-visible .react-flow__edge-path {
    stroke: var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default));
  }
.react-flow__edge-textwrapper {
    pointer-events: all;
  }
.react-flow__edge .react-flow__edge-text {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
.react-flow__connection {
  pointer-events: none;
}
.react-flow__connection .animated {
    stroke-dasharray: 5;
    animation: dashdraw 0.5s linear infinite;
  }
svg.react-flow__connectionline {
  z-index: 1001;
  overflow: visible;
  position: absolute;
}
.react-flow__nodes {
  pointer-events: none;
  transform-origin: 0 0;
}
.react-flow__node {
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: all;
  transform-origin: 0 0;
  box-sizing: border-box;
  cursor: default;
}
.react-flow__node.selectable {
    cursor: pointer;
  }
.react-flow__node.draggable {
    cursor: grab;
    pointer-events: all;
  }
.react-flow__node.draggable.dragging {
      cursor: grabbing;
    }
.react-flow__nodesselection {
  z-index: 3;
  transform-origin: left top;
  pointer-events: none;
}
.react-flow__nodesselection-rect {
    position: absolute;
    pointer-events: all;
    cursor: grab;
  }
.react-flow__handle {
  position: absolute;
  pointer-events: none;
  min-width: 5px;
  min-height: 5px;
  width: 6px;
  height: 6px;
  background-color: var(--xy-handle-background-color, var(--xy-handle-background-color-default));
  border: 1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));
  border-radius: 100%;
}
.react-flow__handle.connectingfrom {
    pointer-events: all;
  }
.react-flow__handle.connectionindicator {
    pointer-events: all;
    cursor: crosshair;
  }
.react-flow__handle-bottom {
    top: auto;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
  }
.react-flow__handle-top {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
  }
.react-flow__handle-left {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
  }
.react-flow__handle-right {
    top: 50%;
    right: 0;
    transform: translate(50%, -50%);
  }
.react-flow__edgeupdater {
  cursor: move;
  pointer-events: all;
}
.react-flow__pane.selection .react-flow__panel {
  pointer-events: none;
}
.react-flow__panel {
  position: absolute;
  z-index: 5;
  margin: 15px;
}
.react-flow__panel.top {
    top: 0;
  }
.react-flow__panel.bottom {
    bottom: 0;
  }
.react-flow__panel.top.center, .react-flow__panel.bottom.center {
      left: 50%;
      transform: translateX(-15px) translateX(-50%);
    }
.react-flow__panel.left {
    left: 0;
  }
.react-flow__panel.right {
    right: 0;
  }
.react-flow__panel.left.center, .react-flow__panel.right.center {
      top: 50%;
      transform: translateY(-15px) translateY(-50%);
    }
.react-flow__attribution {
  font-size: 10px;
  background: var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));
  padding: 2px 3px;
  margin: 0;
}
.react-flow__attribution a {
    text-decoration: none;
    color: #999;
  }
@keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}
.react-flow__edgelabel-renderer {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  left: 0;
  top: 0;
}
.react-flow__viewport-portal {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.react-flow__minimap {
  background: var(
    --xy-minimap-background-color-props,
    var(--xy-minimap-background-color, var(--xy-minimap-background-color-default))
  );
}
.react-flow__minimap-svg {
    display: block;
  }
.react-flow__minimap-mask {
    fill: var(
      --xy-minimap-mask-background-color-props,
      var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default))
    );
    stroke: var(
      --xy-minimap-mask-stroke-color-props,
      var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default))
    );
    stroke-width: var(
      --xy-minimap-mask-stroke-width-props,
      var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default))
    );
  }
.react-flow__minimap-node {
    fill: var(
      --xy-minimap-node-background-color-props,
      var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default))
    );
    stroke: var(
      --xy-minimap-node-stroke-color-props,
      var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default))
    );
    stroke-width: var(
      --xy-minimap-node-stroke-width-props,
      var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default))
    );
  }
.react-flow__background-pattern.dots {
    fill: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default))
    );
  }
.react-flow__background-pattern.lines {
    stroke: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default))
    );
  }
.react-flow__background-pattern.cross {
    stroke: var(
      --xy-background-pattern-color-props,
      var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default))
    );
  }
.react-flow__controls {
  display: flex;
  flex-direction: column;
  box-shadow: var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default));
}
.react-flow__controls.horizontal {
    flex-direction: row;
  }
.react-flow__controls-button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 26px;
    width: 26px;
    padding: 4px;
    border: none;
    background: var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));
    border-bottom: 1px solid
      var(
        --xy-controls-button-border-color-props,
        var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default))
      );
    color: var(
      --xy-controls-button-color-props,
      var(--xy-controls-button-color, var(--xy-controls-button-color-default))
    );
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
.react-flow__controls-button svg {
      width: 100%;
      max-width: 12px;
      max-height: 12px;
      fill: currentColor;
    }
.react-flow__edge.updating .react-flow__edge-path {
      stroke: #777;
    }
.react-flow__edge-text {
    font-size: 10px;
  }
.react-flow__node.selectable:focus,
  .react-flow__node.selectable:focus-visible {
    outline: none;
  }
.react-flow__node-input,
.react-flow__node-default,
.react-flow__node-output,
.react-flow__node-group {
  padding: 10px;
  border-radius: var(--xy-node-border-radius, var(--xy-node-border-radius-default));
  width: 150px;
  font-size: 12px;
  color: var(--xy-node-color, var(--xy-node-color-default));
  text-align: center;
  border: var(--xy-node-border, var(--xy-node-border-default));
  background-color: var(--xy-node-background-color, var(--xy-node-background-color-default));
}
.react-flow__node-input.selectable:hover, .react-flow__node-default.selectable:hover, .react-flow__node-output.selectable:hover, .react-flow__node-group.selectable:hover {
      box-shadow: var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default));
    }
.react-flow__node-input.selectable.selected,
    .react-flow__node-input.selectable:focus,
    .react-flow__node-input.selectable:focus-visible,
    .react-flow__node-default.selectable.selected,
    .react-flow__node-default.selectable:focus,
    .react-flow__node-default.selectable:focus-visible,
    .react-flow__node-output.selectable.selected,
    .react-flow__node-output.selectable:focus,
    .react-flow__node-output.selectable:focus-visible,
    .react-flow__node-group.selectable.selected,
    .react-flow__node-group.selectable:focus,
    .react-flow__node-group.selectable:focus-visible {
      box-shadow: var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default));
    }
.react-flow__node-group {
  background-color: var(--xy-node-group-background-color, var(--xy-node-group-background-color-default));
}
.react-flow__nodesselection-rect,
.react-flow__selection {
  background: var(--xy-selection-background-color, var(--xy-selection-background-color-default));
  border: var(--xy-selection-border, var(--xy-selection-border-default));
}
.react-flow__nodesselection-rect:focus,
  .react-flow__nodesselection-rect:focus-visible,
  .react-flow__selection:focus,
  .react-flow__selection:focus-visible {
    outline: none;
  }
.react-flow__controls-button:hover {
      background: var(
        --xy-controls-button-background-color-hover-props,
        var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default))
      );
      color: var(
        --xy-controls-button-color-hover-props,
        var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default))
      );
    }
.react-flow__controls-button:disabled {
      pointer-events: none;
    }
.react-flow__controls-button:disabled svg {
        fill-opacity: 0.4;
      }
.react-flow__controls-button:last-child {
    border-bottom: none;
  }
.react-flow__controls.horizontal .react-flow__controls-button {
    border-bottom: none;
    border-right: 1px solid
      var(
        --xy-controls-button-border-color-props,
        var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default))
      );
  }
.react-flow__controls.horizontal .react-flow__controls-button:last-child {
    border-right: none;
  }
.react-flow__resize-control {
  position: absolute;
}
.react-flow__resize-control.left,
.react-flow__resize-control.right {
  cursor: ew-resize;
}
.react-flow__resize-control.top,
.react-flow__resize-control.bottom {
  cursor: ns-resize;
}
.react-flow__resize-control.top.left,
.react-flow__resize-control.bottom.right {
  cursor: nwse-resize;
}
.react-flow__resize-control.bottom.left,
.react-flow__resize-control.top.right {
  cursor: nesw-resize;
}
/* handle styles */
.react-flow__resize-control.handle {
  width: 5px;
  height: 5px;
  border: 1px solid #fff;
  border-radius: 1px;
  background-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
  translate: -50% -50%;
}
.react-flow__resize-control.handle.left {
  left: 0;
  top: 50%;
}
.react-flow__resize-control.handle.right {
  left: 100%;
  top: 50%;
}
.react-flow__resize-control.handle.top {
  left: 50%;
  top: 0;
}
.react-flow__resize-control.handle.bottom {
  left: 50%;
  top: 100%;
}
.react-flow__resize-control.handle.top.left {
  left: 0;
}
.react-flow__resize-control.handle.bottom.left {
  left: 0;
}
.react-flow__resize-control.handle.top.right {
  left: 100%;
}
.react-flow__resize-control.handle.bottom.right {
  left: 100%;
}
/* line styles */
.react-flow__resize-control.line {
  border-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default));
  border-width: 0;
  border-style: solid;
}
.react-flow__resize-control.line.left,
.react-flow__resize-control.line.right {
  width: 1px;
  transform: translate(-50%, 0);
  top: 0;
  height: 100%;
}
.react-flow__resize-control.line.left {
  left: 0;
  border-left-width: 1px;
}
.react-flow__resize-control.line.right {
  left: 100%;
  border-right-width: 1px;
}
.react-flow__resize-control.line.top,
.react-flow__resize-control.line.bottom {
  height: 1px;
  transform: translate(0, -50%);
  left: 0;
  width: 100%;
}
.react-flow__resize-control.line.top {
  top: 0;
  border-top-width: 1px;
}
.react-flow__resize-control.line.bottom {
  border-bottom-width: 1px;
  top: 100%;
}
.react-flow__edge-textbg {
  fill: var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default));
}
.react-flow__edge-text {
  fill: var(--xy-edge-label-color, var(--xy-edge-label-color-default));
}