*, ::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 / .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 / .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: ; }
*, ::before, ::after { box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 231, 235); }
::before, ::after { --tw-content: ""; }
html, :host { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: Inter, system-ui, -apple-system, sans-serif; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; }
body { margin: 0px; line-height: inherit; }


h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: inherit; }
b, strong { font-weight: bolder; }










::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }

::-webkit-search-decoration { appearance: none; }
::-webkit-file-upload-button { appearance: button; font: inherit; }
summary { display: list-item; }
blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0px; }


ol, ul, menu { list-style: none; margin: 0px; padding: 0px; }




:disabled { cursor: default; }
img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; }
img, video { max-width: 100%; height: auto; }

:root { --mm-font-sans: "Inter", system-ui, -apple-system, sans-serif; --mm-font-display: "Fraunces", Georgia, serif; --mm-font-serif: Georgia, "Times New Roman", serif; --mm-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace; --background: 38 30% 97%; --foreground: 24 12% 14%; --card: 0 0% 100%; --card-foreground: 24 12% 14%; --popover: 0 0% 100%; --popover-foreground: 24 12% 14%; --primary: 32 85% 48%; --primary-foreground: 38 50% 98%; --primary-soft: 38 90% 95%; --secondary: 36 22% 93%; --secondary-foreground: 24 12% 18%; --muted: 36 18% 94%; --muted-foreground: 25 8% 42%; --accent: 36 30% 90%; --accent-foreground: 24 14% 18%; --destructive: 4 74% 52%; --destructive-foreground: 38 50% 98%; --success: 152 55% 38%; --success-foreground: 38 50% 98%; --warning: 38 92% 50%; --warning-foreground: 24 14% 14%; --border: 32 14% 88%; --input: 32 14% 86%; --ring: 32 85% 48%; --radius: .75rem; --gradient-warm: linear-gradient(135deg, hsl(38 60% 97%), hsl(32 50% 94%)); --gradient-primary: linear-gradient(135deg, hsl(32 85% 48%), hsl(28 88% 42%)); --shadow-sm: 0 1px 2px 0 hsl(24 20% 20% / .04); --shadow-md: 0 4px 12px -2px hsl(24 20% 20% / .06), 0 2px 4px -2px hsl(24 20% 20% / .04); --shadow-lg: 0 12px 32px -8px hsl(24 20% 20% / .1); --shadow-glow: 0 0 0 4px hsl(32 85% 48% / .12); --sidebar-background: 30 18% 96%; --sidebar-foreground: 24 10% 28%; --sidebar-primary: 32 85% 48%; --sidebar-primary-foreground: 38 50% 98%; --sidebar-accent: 36 24% 91%; --sidebar-accent-foreground: 24 14% 18%; --sidebar-border: 32 14% 86%; --sidebar-ring: 32 85% 48%; }

* { border-color: hsl(var(--border)); }
html { font-feature-settings: "ss01", "cv11"; }
body { background-color: hsl(var(--background)); color: hsl(var(--foreground)); -webkit-font-smoothing: antialiased; font-family: Inter, system-ui, -apple-system, sans-serif; }
h1, h2, .font-display { font-family: Fraunces, Georgia, serif; font-feature-settings: "ss01"; letter-spacing: -0.02em; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: hsl(var(--border)); border-radius: 6px; border: 2px solid hsl(var(--background)); }
::-webkit-scrollbar-thumb:hover { background: hsl(var(--muted-foreground) / .4); }




























.absolute { position: absolute; }
.relative { position: relative; }


































.-top-5 { top: -1.25rem; }









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











.right-3 { right: 0.75rem; }










.top-3 { top: 0.75rem; }



























.-mx-6 { margin-left: -1.5rem; margin-right: -1.5rem; }





.mx-auto { margin-left: auto; margin-right: auto; }




.my-\[10px\] { margin-top: 10px; margin-bottom: 10px; }
.-mb-6 { margin-bottom: -1.5rem; }






.-mt-11 { margin-top: -2.75rem; }




.mb-12 { margin-bottom: 3rem; }
.mb-2 { margin-bottom: 0.5rem; }


.mb-4 { margin-bottom: 1rem; }
.mb-5 { margin-bottom: 1.25rem; }







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









.mt-0 { margin-top: 0px; }
.mt-0\.5 { margin-top: 0.125rem; }
.mt-1 { margin-top: 0.25rem; }

.mt-10 { margin-top: 2.5rem; }
.mt-12 { margin-top: 3rem; }
.mt-2 { margin-top: 0.5rem; }


.mt-3 { margin-top: 0.75rem; }
.mt-4 { margin-top: 1rem; }
.mt-5 { margin-top: 1.25rem; }
.mt-6 { margin-top: 1.5rem; }
.mt-8 { margin-top: 2rem; }
.mt-auto { margin-top: auto; }




.inline-block { display: inline-block; }

.flex { display: flex; }
.inline-flex { display: inline-flex; }

.grid { display: grid; }











.h-10 { height: 2.5rem; }

.h-12 { height: 3rem; }

.h-16 { height: 4rem; }





.h-3 { height: 0.75rem; }


.h-4 { height: 1rem; }







.h-72 { height: 18rem; }








.h-\[3px\] { height: 3px; }




















.max-h-\[420px\] { max-height: 420px; }
.max-h-\[480px\] { max-height: 480px; }
.max-h-\[520px\] { max-height: 520px; }
























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






.w-10 { width: 2.5rem; }

.w-12 { width: 3rem; }

.w-16 { width: 4rem; }




.w-24 { width: 6rem; }

.w-3 { width: 0.75rem; }



.w-4 { width: 1rem; }








































.w-auto { width: auto; }

.w-full { width: 100%; }























.max-w-2xl { max-width: 42rem; }
.max-w-3xl { max-width: 48rem; }
.max-w-4xl { max-width: 56rem; }
.max-w-5xl { max-width: 64rem; }
.max-w-6xl { max-width: 72rem; }















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













.flex-1 { flex: 1 1 0%; }
.flex-shrink-0, .shrink-0 { flex-shrink: 0; }





.-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }















@keyframes fade-in { 
  0% { opacity: 0; transform: translateY(6px); }
  100% { opacity: 1; transform: translateY(0px); }
}

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

@keyframes pulse { 
  50% { opacity: 0.5; }
}

@keyframes spin { 
  100% { transform: rotate(360deg); }
}






.cursor-pointer { cursor: pointer; }













.list-none { list-style-type: none; }












.flex-col { flex-direction: column; }



.items-start { align-items: flex-start; }

.items-center { align-items: center; }

.items-stretch { align-items: stretch; }


.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }



.gap-1\.5 { gap: 0.375rem; }
.gap-10 { gap: 2.5rem; }
.gap-2 { gap: 0.5rem; }

.gap-3 { gap: 0.75rem; }
.gap-4 { gap: 1rem; }
.gap-5 { gap: 1.25rem; }
.gap-6 { gap: 1.5rem; }















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


.space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(.75rem * var(--tw-space-y-reverse)); }
.space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); }
.space-y-5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); }
.space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); }
.divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); }
.divide-black\/10 > :not([hidden]) ~ :not([hidden]) { border-color: rgba(0, 0, 0, 0.1); }


.divide-white\/10 > :not([hidden]) ~ :not([hidden]) { border-color: rgba(255, 255, 255, 0.1); }



.overflow-hidden { overflow: hidden; }



.overflow-x-hidden { overflow-x: hidden; }



.whitespace-nowrap { white-space: nowrap; }
.whitespace-pre-line { white-space: pre-line; }





.rounded-\[12px\] { border-radius: 12px; }
.rounded-\[14px\] { border-radius: 14px; }


.rounded-\[var\(--pv-radius\)\] { border-radius: var(--pv-radius); }
.rounded-full { border-radius: 9999px; }

.rounded-md { border-radius: calc(var(--radius) - 4px); }


















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






















.border-black\/10 { border-color: rgba(0, 0, 0, 0.1); }































































































.bg-black\/\[0\.04\] { background-color: rgba(0, 0, 0, 0.04); }
























































































































































.object-contain { object-fit: contain; }









.p-3 { padding: 0.75rem; }


.p-5 { padding: 1.25rem; }
.p-6 { padding: 1.5rem; }

.p-8 { padding: 2rem; }





.px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }

.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }

.px-4 { padding-left: 1rem; padding-right: 1rem; }
.px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.px-7 { padding-left: 1.75rem; padding-right: 1.75rem; }
.px-8 { padding-left: 2rem; padding-right: 2rem; }



.py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; }


.py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; }
.py-16 { padding-top: 4rem; padding-bottom: 4rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; }


.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.py-3\.5 { padding-top: 0.875rem; padding-bottom: 0.875rem; }

.py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }




































.pt-2 { padding-top: 0.5rem; }
.pt-3 { padding-top: 0.75rem; }




.text-left { text-align: left; }
.text-center { text-align: center; }







.text-2xl { font-size: 1.5rem; line-height: 2rem; }
.text-3xl { font-size: 1.875rem; line-height: 2.25rem; }

.text-5xl { font-size: 3rem; line-height: 1; }







.text-\[18px\] { font-size: 18px; }
.text-\[20px\] { font-size: 20px; }

.text-\[30px\] { font-size: 30px; }
.text-\[32px\] { font-size: 32px; }
.text-\[40px\] { font-size: 40px; }


.text-base { font-size: 1rem; line-height: 1.5rem; }
.text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.text-xl { font-size: 1.25rem; line-height: 1.75rem; }
.text-xs { font-size: 0.75rem; line-height: 1rem; }


.font-black { font-weight: 900; }
.font-bold { font-weight: 700; }
.font-extrabold { font-weight: 800; }


.font-semibold { font-weight: 600; }
.uppercase { text-transform: uppercase; }


.italic { font-style: italic; }


.leading-relaxed { line-height: 1.625; }
.leading-snug { line-height: 1.375; }
.leading-tight { line-height: 1.25; }




.tracking-\[0\.25em\] { letter-spacing: 0.25em; }
.tracking-\[0\.2em\] { letter-spacing: 0.2em; }

.tracking-wide { letter-spacing: 0.025em; }

















































































.line-through { text-decoration-line: line-through; }













.opacity-50 { opacity: 0.5; }
.opacity-60 { opacity: 0.6; }
.opacity-70 { opacity: 0.7; }

.opacity-80 { opacity: 0.8; }
.opacity-85 { opacity: 0.85; }
.opacity-90 { opacity: 0.9; }
















































































.transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; }



.duration-300 { transition-duration: 0.3s; }





@keyframes enter { 
  0% { opacity: var(--tw-enter-opacity, 1); transform: translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0)); }
}
@keyframes exit { 
  100% { 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)); }
}







.duration-300 { animation-duration: 0.3s; }































































.hover\:scale-\[1\.05\]: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)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }





































































































































.active\:scale-\[0\.98\]:active { --tw-scale-x: .98; --tw-scale-y: .98; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }









.disabled\:hover\:scale-100:hover:disabled { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.disabled\:hover\:bg-transparent:hover:disabled { background-color: transparent; }








.group:hover .group-hover\:-translate-y-\[30px\] { --tw-translate-y: -30px; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }


















.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover { border-color: hsl(var(--destructive) / .3); }
.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover { background-color: hsl(var(--destructive)); }
.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover { color: hsl(var(--destructive-foreground)); }
.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover { --tw-text-opacity: 1; color: rgb(254 242 242 / var(--tw-text-opacity, 1)); }
.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus { --tw-ring-color: hsl(var(--destructive)); }
.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1)); }
.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus { --tw-ring-offset-color: #dc2626; }




.has-\[\:disabled\]\:opacity-50:has(:disabled) { opacity: 0.5; }




















@keyframes accordion-up { 
  0% { height: var(--radix-accordion-content-height); opacity: 1; }
  100% { height: 0px; opacity: 0; }
}

@keyframes accordion-down { 
  0% { height: 0px; opacity: 0; }
  100% { height: var(--radix-accordion-content-height); opacity: 1; }
}


































































.data-\[state\=open\]\:hover\:bg-sidebar-accent:hover[data-state="open"] { background-color: hsl(var(--sidebar-accent)); }
.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground:hover[data-state="open"] { color: hsl(var(--sidebar-accent-foreground)); }
























.group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:hover { background-color: hsl(var(--sidebar-background)); }

























































@media (min-width: 640px) {







.sm\:-mx-8 { margin-left: -2rem; margin-right: -2rem; }
.sm\:-mb-8 { margin-bottom: -2rem; }

.sm\:mt-0 { margin-top: 0px; }






.sm\:h-80 { height: 20rem; }



















.sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }




.sm\:grid-cols-\[260px_1fr\] { grid-template-columns: 260px 1fr; }




















.sm\:p-10 { padding: 2.5rem; }



.sm\:p-8 { padding: 2rem; }



.sm\:py-20 { padding-top: 5rem; padding-bottom: 5rem; }




.sm\:text-2xl { font-size: 1.5rem; line-height: 2rem; }
.sm\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
.sm\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }

.sm\:text-6xl { font-size: 3.75rem; line-height: 1; }
.sm\:text-\[22px\] { font-size: 22px; }

.sm\:text-\[44px\] { font-size: 44px; }
.sm\:text-\[52px\] { font-size: 52px; }
.sm\:text-base { font-size: 1rem; line-height: 1.5rem; }
.sm\:text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.sm\:text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.sm\:text-xl { font-size: 1.25rem; line-height: 1.75rem; }
}
@media (min-width: 768px) {





.md\:hidden { display: none; }







.md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }





















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




.lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }





.lg\:text-\[24px\] { font-size: 24px; }

.lg\:text-\[48px\] { font-size: 48px; }

.lg\:text-\[60px\] { font-size: 60px; }
}
@media (min-width: 1280px) {
}