[data-sonner-toaster][dir="ltr"],
            html[dir="ltr"] {
                --toast-icon-margin-start: -3px;
                --toast-icon-margin-end: 4px;
                --toast-svg-margin-start: -1px;
                --toast-svg-margin-end: 0px;
                --toast-button-margin-start: auto;
                --toast-button-margin-end: 0;
                --toast-close-button-start: 0;
                --toast-close-button-end: unset;
                --toast-close-button-transform: translate(-35%, -35%);
            }
            [data-sonner-toaster][dir="rtl"],
            html[dir="rtl"] {
                --toast-icon-margin-start: 4px;
                --toast-icon-margin-end: -3px;
                --toast-svg-margin-start: 0px;
                --toast-svg-margin-end: -1px;
                --toast-button-margin-start: 0;
                --toast-button-margin-end: auto;
                --toast-close-button-start: unset;
                --toast-close-button-end: 0;
                --toast-close-button-transform: translate(35%, -35%);
            }
            [data-sonner-toaster] {
                position: fixed;
                width: var(--width);
                font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
                --gray1: hsl(0, 0%, 99%);
                --gray2: hsl(0, 0%, 97.3%);
                --gray3: hsl(0, 0%, 95.1%);
                --gray4: hsl(0, 0%, 93%);
                --gray5: hsl(0, 0%, 90.9%);
                --gray6: hsl(0, 0%, 88.7%);
                --gray7: hsl(0, 0%, 85.8%);
                --gray8: hsl(0, 0%, 78%);
                --gray9: hsl(0, 0%, 56.1%);
                --gray10: hsl(0, 0%, 52.3%);
                --gray11: hsl(0, 0%, 43.5%);
                --gray12: hsl(0, 0%, 9%);
                --border-radius: 8px;
                box-sizing: border-box;
                padding: 0;
                margin: 0;
                list-style: none;
                outline: 0;
                z-index: 999999999;
                transition: transform 0.4s ease;
            }
            @media (hover: none) and (pointer: coarse) {
                [data-sonner-toaster][data-lifted="true"] {
                    transform: none;
                }
            }
            [data-sonner-toaster][data-x-position="right"] {
                right: var(--offset-right);
            }
            [data-sonner-toaster][data-x-position="left"] {
                left: var(--offset-left);
            }
            [data-sonner-toaster][data-x-position="center"] {
                left: 50%;
                transform: translateX(-50%);
            }
            [data-sonner-toaster][data-y-position="top"] {
                top: var(--offset-top);
            }
            [data-sonner-toaster][data-y-position="bottom"] {
                bottom: var(--offset-bottom);
            }
            [data-sonner-toast] {
                --y: translateY(100%);
                --lift-amount: calc(var(--lift) * var(--gap));
                z-index: var(--z-index);
                position: absolute;
                opacity: 0;
                transform: var(--y);
                touch-action: none;
                transition: transform 0.4s, opacity 0.4s, height 0.4s, box-shadow 0.2s;
                box-sizing: border-box;
                outline: 0;
                overflow-wrap: anywhere;
            }
            [data-sonner-toast][data-styled="true"] {
                padding: 16px;
                background: var(--normal-bg);
                border: 1px solid var(--normal-border);
                color: var(--normal-text);
                border-radius: var(--border-radius);
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
                width: var(--width);
                font-size: 13px;
                display: flex;
                align-items: center;
                gap: 6px;
            }
            [data-sonner-toast]:focus-visible {
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1), 0 0 0 2px rgba(0, 0, 0, 0.2);
            }
            [data-sonner-toast][data-y-position="top"] {
                top: 0;
                --y: translateY(-100%);
                --lift: 1;
                --lift-amount: calc(1 * var(--gap));
            }
            [data-sonner-toast][data-y-position="bottom"] {
                bottom: 0;
                --y: translateY(100%);
                --lift: -1;
                --lift-amount: calc(var(--lift) * var(--gap));
            }
            [data-sonner-toast][data-styled="true"] [data-description] {
                font-weight: 400;
                line-height: 1.4;
                color: #3f3f3f;
            }
            [data-rich-colors="true"][data-sonner-toast][data-styled="true"] [data-description] {
                color: inherit;
            }
            [data-sonner-toaster][data-sonner-theme="dark"] [data-description] {
                color: #e8e8e8;
            }
            [data-sonner-toast][data-styled="true"] [data-title] {
                font-weight: 500;
                line-height: 1.5;
                color: inherit;
            }
            [data-sonner-toast][data-styled="true"] [data-icon] {
                display: flex;
                height: 16px;
                width: 16px;
                position: relative;
                justify-content: flex-start;
                align-items: center;
                flex-shrink: 0;
                margin-left: var(--toast-icon-margin-start);
                margin-right: var(--toast-icon-margin-end);
            }
            [data-sonner-toast][data-promise="true"] [data-icon] > svg {
                opacity: 0;
                transform: scale(0.8);
                transform-origin: center;
                animation: sonner-fade-in 0.3s ease forwards;
            }
            [data-sonner-toast][data-styled="true"] [data-icon] > * {
                flex-shrink: 0;
            }
            [data-sonner-toast][data-styled="true"] [data-icon] svg {
                margin-left: var(--toast-svg-margin-start);
                margin-right: var(--toast-svg-margin-end);
            }
            [data-sonner-toast][data-styled="true"] [data-content] {
                display: flex;
                flex-direction: column;
                gap: 2px;
            }
            [data-sonner-toast][data-styled="true"] [data-button] {
                border-radius: 4px;
                padding-left: 8px;
                padding-right: 8px;
                height: 24px;
                font-size: 12px;
                color: var(--normal-bg);
                background: var(--normal-text);
                margin-left: var(--toast-button-margin-start);
                margin-right: var(--toast-button-margin-end);
                border: none;
                font-weight: 500;
                cursor: pointer;
                outline: 0;
                display: flex;
                align-items: center;
                flex-shrink: 0;
                transition: opacity 0.4s, box-shadow 0.2s;
            }
            [data-sonner-toast][data-styled="true"] [data-button]:focus-visible {
                box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.4);
            }
            [data-sonner-toast][data-styled="true"] [data-button]:first-of-type {
                margin-left: var(--toast-button-margin-start);
                margin-right: var(--toast-button-margin-end);
            }
            [data-sonner-toast][data-styled="true"] [data-cancel] {
                color: var(--normal-text);
                background: rgba(0, 0, 0, 0.08);
            }
            [data-sonner-toaster][data-sonner-theme="dark"] [data-sonner-toast][data-styled="true"] [data-cancel] {
                background: rgba(255, 255, 255, 0.3);
            }
            [data-sonner-toast][data-styled="true"] [data-close-button] {
                position: absolute;
                left: var(--toast-close-button-start);
                right: var(--toast-close-button-end);
                top: 0;
                height: 20px;
                width: 20px;
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 0;
                color: var(--gray12);
                background: var(--normal-bg);
                border: 1px solid var(--gray4);
                transform: var(--toast-close-button-transform);
                border-radius: 50%;
                cursor: pointer;
                z-index: 1;
                transition: opacity 0.1s, background 0.2s, border-color 0.2s;
            }
            [data-sonner-toast][data-styled="true"] [data-close-button]:focus-visible {
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1), 0 0 0 2px rgba(0, 0, 0, 0.2);
            }
            [data-sonner-toast][data-styled="true"] [data-disabled="true"] {
                cursor: not-allowed;
            }
            [data-sonner-toast][data-styled="true"]:hover [data-close-button]:hover {
                background: var(--gray2);
                border-color: var(--gray5);
            }
            [data-sonner-toast][data-swiping="true"]::before {
                content: "";
                position: absolute;
                left: -100%;
                right: -100%;
                height: 100%;
                z-index: -1;
            }
            [data-sonner-toast][data-y-position="top"][data-swiping="true"]::before {
                bottom: 50%;
                transform: scaleY(3) translateY(50%);
            }
            [data-sonner-toast][data-y-position="bottom"][data-swiping="true"]::before {
                top: 50%;
                transform: scaleY(3) translateY(-50%);
            }
            [data-sonner-toast][data-swiping="false"][data-removed="true"]::before {
                content: "";
                position: absolute;
                inset: 0;
                transform: scaleY(2);
            }
            [data-sonner-toast][data-expanded="true"]::after {
                content: "";
                position: absolute;
                left: 0;
                height: calc(var(--gap) + 1px);
                bottom: 100%;
                width: 100%;
            }
            [data-sonner-toast][data-mounted="true"] {
                --y: translateY(0);
                opacity: 1;
            }
            [data-sonner-toast][data-expanded="false"][data-front="false"] {
                --scale: var(--toasts-before) * 0.05 + 1;
                --y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));
                height: var(--front-toast-height);
            }
            [data-sonner-toast] > * {
                transition: opacity 0.4s;
            }
            [data-sonner-toast][data-x-position="right"] {
                right: 0;
            }
            [data-sonner-toast][data-x-position="left"] {
                left: 0;
            }
            [data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"] > * {
                opacity: 0;
            }
            [data-sonner-toast][data-visible="false"] {
                opacity: 0;
                pointer-events: none;
            }
            [data-sonner-toast][data-mounted="true"][data-expanded="true"] {
                --y: translateY(calc(var(--lift) * var(--offset)));
                height: var(--initial-height);
            }
            [data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"] {
                --y: translateY(calc(var(--lift) * -100%));
                opacity: 0;
            }
            [data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"] {
                --y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));
                opacity: 0;
            }
            [data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"] {
                --y: translateY(40%);
                opacity: 0;
                transition: transform 0.5s, opacity 0.2s;
            }
            [data-sonner-toast][data-removed="true"][data-front="false"]::before {
                height: calc(var(--initial-height) + 20%);
            }
            [data-sonner-toast][data-swiping="true"] {
                transform: var(--y) translateY(var(--swipe-amount-y, 0)) translateX(var(--swipe-amount-x, 0));
                transition: none;
            }
            [data-sonner-toast][data-swiped="true"] {
                user-select: none;
            }
            [data-sonner-toast][data-swipe-out="true"][data-y-position="bottom"],
            [data-sonner-toast][data-swipe-out="true"][data-y-position="top"] {
                animation-duration: 0.2s;
                animation-timing-function: ease-out;
                animation-fill-mode: forwards;
            }
            [data-sonner-toast][data-swipe-out="true"][data-swipe-direction="left"] {
                animation-name: swipe-out-left;
            }
            [data-sonner-toast][data-swipe-out="true"][data-swipe-direction="right"] {
                animation-name: swipe-out-right;
            }
            [data-sonner-toast][data-swipe-out="true"][data-swipe-direction="up"] {
                animation-name: swipe-out-up;
            }
            [data-sonner-toast][data-swipe-out="true"][data-swipe-direction="down"] {
                animation-name: swipe-out-down;
            }
            @keyframes swipe-out-left {
                from {
                    transform: var(--y) translateX(var(--swipe-amount-x));
                    opacity: 1;
                }
                to {
                    transform: var(--y) translateX(calc(var(--swipe-amount-x) - 100%));
                    opacity: 0;
                }
            }
            @keyframes swipe-out-right {
                from {
                    transform: var(--y) translateX(var(--swipe-amount-x));
                    opacity: 1;
                }
                to {
                    transform: var(--y) translateX(calc(var(--swipe-amount-x) + 100%));
                    opacity: 0;
                }
            }
            @keyframes swipe-out-up {
                from {
                    transform: var(--y) translateY(var(--swipe-amount-y));
                    opacity: 1;
                }
                to {
                    transform: var(--y) translateY(calc(var(--swipe-amount-y) - 100%));
                    opacity: 0;
                }
            }
            @keyframes swipe-out-down {
                from {
                    transform: var(--y) translateY(var(--swipe-amount-y));
                    opacity: 1;
                }
                to {
                    transform: var(--y) translateY(calc(var(--swipe-amount-y) + 100%));
                    opacity: 0;
                }
            }
            @media (max-width: 600px) {
                [data-sonner-toaster] {
                    position: fixed;
                    right: var(--mobile-offset-right);
                    left: var(--mobile-offset-left);
                    width: 100%;
                }
                [data-sonner-toaster][dir="rtl"] {
                    left: calc(var(--mobile-offset-left) * -1);
                }
                [data-sonner-toaster] [data-sonner-toast] {
                    left: 0;
                    right: 0;
                    width: calc(100% - var(--mobile-offset-left) * 2);
                }
                [data-sonner-toaster][data-x-position="left"] {
                    left: var(--mobile-offset-left);
                }
                [data-sonner-toaster][data-y-position="bottom"] {
                    bottom: var(--mobile-offset-bottom);
                }
                [data-sonner-toaster][data-y-position="top"] {
                    top: var(--mobile-offset-top);
                }
                [data-sonner-toaster][data-x-position="center"] {
                    left: var(--mobile-offset-left);
                    right: var(--mobile-offset-right);
                    transform: none;
                }
            }
            [data-sonner-toaster][data-sonner-theme="light"] {
                --normal-bg: #fff;
                --normal-border: var(--gray4);
                --normal-text: var(--gray12);
                --success-bg: hsl(143, 85%, 96%);
                --success-border: hsl(145, 92%, 87%);
                --success-text: hsl(140, 100%, 27%);
                --info-bg: hsl(208, 100%, 97%);
                --info-border: hsl(221, 91%, 93%);
                --info-text: hsl(210, 92%, 45%);
                --warning-bg: hsl(49, 100%, 97%);
                --warning-border: hsl(49, 91%, 84%);
                --warning-text: hsl(31, 92%, 45%);
                --error-bg: hsl(359, 100%, 97%);
                --error-border: hsl(359, 100%, 94%);
                --error-text: hsl(360, 100%, 45%);
            }
            [data-sonner-toaster][data-sonner-theme="light"] [data-sonner-toast][data-invert="true"] {
                --normal-bg: #000;
                --normal-border: hsl(0, 0%, 20%);
                --normal-text: var(--gray1);
            }
            [data-sonner-toaster][data-sonner-theme="dark"] [data-sonner-toast][data-invert="true"] {
                --normal-bg: #fff;
                --normal-border: var(--gray3);
                --normal-text: var(--gray12);
            }
            [data-sonner-toaster][data-sonner-theme="dark"] {
                --normal-bg: #000;
                --normal-bg-hover: hsl(0, 0%, 12%);
                --normal-border: hsl(0, 0%, 20%);
                --normal-border-hover: hsl(0, 0%, 25%);
                --normal-text: var(--gray1);
                --success-bg: hsl(150, 100%, 6%);
                --success-border: hsl(147, 100%, 12%);
                --success-text: hsl(150, 86%, 65%);
                --info-bg: hsl(215, 100%, 6%);
                --info-border: hsl(223, 43%, 17%);
                --info-text: hsl(216, 87%, 65%);
                --warning-bg: hsl(64, 100%, 6%);
                --warning-border: hsl(60, 100%, 9%);
                --warning-text: hsl(46, 87%, 65%);
                --error-bg: hsl(358, 76%, 10%);
                --error-border: hsl(357, 89%, 16%);
                --error-text: hsl(358, 100%, 81%);
            }
            [data-sonner-toaster][data-sonner-theme="dark"] [data-sonner-toast] [data-close-button] {
                background: var(--normal-bg);
                border-color: var(--normal-border);
                color: var(--normal-text);
            }
            [data-sonner-toaster][data-sonner-theme="dark"] [data-sonner-toast] [data-close-button]:hover {
                background: var(--normal-bg-hover);
                border-color: var(--normal-border-hover);
            }
            [data-rich-colors="true"][data-sonner-toast][data-type="success"] {
                background: var(--success-bg);
                border-color: var(--success-border);
                color: var(--success-text);
            }
            [data-rich-colors="true"][data-sonner-toast][data-type="success"] [data-close-button] {
                background: var(--success-bg);
                border-color: var(--success-border);
                color: var(--success-text);
            }
            [data-rich-colors="true"][data-sonner-toast][data-type="info"] {
                background: var(--info-bg);
                border-color: var(--info-border);
                color: var(--info-text);
            }
            [data-rich-colors="true"][data-sonner-toast][data-type="info"] [data-close-button] {
                background: var(--info-bg);
                border-color: var(--info-border);
                color: var(--info-text);
            }
            [data-rich-colors="true"][data-sonner-toast][data-type="warning"] {
                background: var(--warning-bg);
                border-color: var(--warning-border);
                color: var(--warning-text);
            }
            [data-rich-colors="true"][data-sonner-toast][data-type="warning"] [data-close-button] {
                background: var(--warning-bg);
                border-color: var(--warning-border);
                color: var(--warning-text);
            }
            [data-rich-colors="true"][data-sonner-toast][data-type="error"] {
                background: var(--error-bg);
                border-color: var(--error-border);
                color: var(--error-text);
            }
            [data-rich-colors="true"][data-sonner-toast][data-type="error"] [data-close-button] {
                background: var(--error-bg);
                border-color: var(--error-border);
                color: var(--error-text);
            }
            .sonner-loading-wrapper {
                --size: 16px;
                height: var(--size);
                width: var(--size);
                position: absolute;
                inset: 0;
                z-index: 10;
            }
            .sonner-loading-wrapper[data-visible="false"] {
                transform-origin: center;
                animation: sonner-fade-out 0.2s ease forwards;
            }
            .sonner-spinner {
                position: relative;
                top: 50%;
                left: 50%;
                height: var(--size);
                width: var(--size);
            }
            .sonner-loading-bar {
                animation: sonner-spin 1.2s linear infinite;
                background: var(--gray11);
                border-radius: 6px;
                height: 8%;
                left: -10%;
                position: absolute;
                top: -3.9%;
                width: 24%;
            }
            .sonner-loading-bar:first-child {
                animation-delay: -1.2s;
                transform: rotate(0.0001deg) translate(146%);
            }
            .sonner-loading-bar:nth-child(2) {
                animation-delay: -1.1s;
                transform: rotate(30deg) translate(146%);
            }
            .sonner-loading-bar:nth-child(3) {
                animation-delay: -1s;
                transform: rotate(60deg) translate(146%);
            }
            .sonner-loading-bar:nth-child(4) {
                animation-delay: -0.9s;
                transform: rotate(90deg) translate(146%);
            }
            .sonner-loading-bar:nth-child(5) {
                animation-delay: -0.8s;
                transform: rotate(120deg) translate(146%);
            }
            .sonner-loading-bar:nth-child(6) {
                animation-delay: -0.7s;
                transform: rotate(150deg) translate(146%);
            }
            .sonner-loading-bar:nth-child(7) {
                animation-delay: -0.6s;
                transform: rotate(180deg) translate(146%);
            }
            .sonner-loading-bar:nth-child(8) {
                animation-delay: -0.5s;
                transform: rotate(210deg) translate(146%);
            }
            .sonner-loading-bar:nth-child(9) {
                animation-delay: -0.4s;
                transform: rotate(240deg) translate(146%);
            }
            .sonner-loading-bar:nth-child(10) {
                animation-delay: -0.3s;
                transform: rotate(270deg) translate(146%);
            }
            .sonner-loading-bar:nth-child(11) {
                animation-delay: -0.2s;
                transform: rotate(300deg) translate(146%);
            }
            .sonner-loading-bar:nth-child(12) {
                animation-delay: -0.1s;
                transform: rotate(330deg) translate(146%);
            }
            @keyframes sonner-fade-in {
                0% {
                    opacity: 0;
                    transform: scale(0.8);
                }
                100% {
                    opacity: 1;
                    transform: scale(1);
                }
            }
            @keyframes sonner-fade-out {
                0% {
                    opacity: 1;
                    transform: scale(1);
                }
                100% {
                    opacity: 0;
                    transform: scale(0.8);
                }
            }
            @keyframes sonner-spin {
                0% {
                    opacity: 1;
                }
                100% {
                    opacity: 0.15;
                }
            }
            @media (prefers-reduced-motion) {
                .sonner-loading-bar,
                [data-sonner-toast],
                [data-sonner-toast] > * {
                    transition: none !important;
                    animation: none !important;
                }
            }
            .sonner-loader {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                transform-origin: center;
                transition: opacity 0.2s, transform 0.2s;
            }
            .sonner-loader[data-visible="false"] {
                opacity: 0;
                transform: scale(0.8) translate(-50%, -50%);
            }
        </style>
        <link rel="preload" href="https://shadcnuikit.com/_next/static/media/9d5a263311222317-s.p.woff2" as="font" crossorigin="" type="font/woff2" />
        <link rel="preload" href="https://shadcnuikit.com/_next/static/media/e11418ac562b8ac1-s.p.woff2" as="font" crossorigin="" type="font/woff2" />
        <link rel="preload" href="https://shadcnuikit.com/_next/static/css/94c930516eb18709.css" as="style" />
        <link rel="preload" href="https://shadcnuikit.com/_next/static/css/3100e2ac232d3dbf.css" as="style" />
        <link rel="preload" href="https://shadcnuikit.com/_next/static/css/e439a52ad6d13c5d.css" as="style" />
        <link rel="preload" href="https://shadcnuikit.com/_next/static/css/c206816301eb9e25.css" as="style" />
        <link rel="preload" href="https://shadcnuikit.com/_next/static/css/b08bc9a7de840c76.css" as="style" />
        <style class="automa-element-selector">
            @font-face {
                font-family: "Inter var";
                font-weight: 100 900;
                font-display: swap;
                font-style: normal;
                font-named-instance: "Regular";
                src: url("chrome-extension://infppggnoaenmfagbfknfkancpbljcca/Inter-roman-latin.var.woff2") format("woff2");
            }
            .automa-element-selector {
                direction: ltr;
            }
            [automa-isDragging] {
                user-select: none;
            }
            [automa-el-list] {
                outline: 2px dashed #6366f1;
            }
        </style>
        <style>
            @font-face {
                font-family: Inter;
                font-style: normal;
                font-weight: 100 900;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");
                unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f;
            }
            @font-face {
                font-family: Inter;
                font-style: normal;
                font-weight: 100 900;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");
                unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
            }
            @font-face {
                font-family: Inter;
                font-style: normal;
                font-weight: 100 900;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");
                unicode-range: u+1f??;
            }
            @font-face {
                font-family: Inter;
                font-style: normal;
                font-weight: 100 900;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");
                unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff;
            }
            @font-face {
                font-family: Inter;
                font-style: normal;
                font-weight: 100 900;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");
                unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab;
            }
            @font-face {
                font-family: Inter;
                font-style: normal;
                font-weight: 100 900;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");
                unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
            }
            @font-face {
                font-family: Inter;
                font-style: normal;
                font-weight: 100 900;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");
                unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
            }
            @font-face {
                font-family: Inter Fallback;
                src: local("Arial");
                ascent-override: 90.44%;
                descent-override: 22.52%;
                line-gap-override: 0%;
                size-adjust: 107.12%;
            }
            .__className_1f85ad {
                font-family: Inter, Inter Fallback;
                font-style: normal;
            }
            .__variable_1f85ad {
                --font-inter: "Inter", "Inter Fallback";
            }
            @font-face {
                font-family: Roboto;
                font-style: normal;
                font-weight: 400;
                font-stretch: 100%;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/74c003a2abab0c4f-s.woff2) format("woff2");
                unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f;
            }
            @font-face {
                font-family: Roboto;
                font-style: normal;
                font-weight: 400;
                font-stretch: 100%;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/24c15609eaa28576-s.woff2) format("woff2");
                unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
            }
            @font-face {
                font-family: Roboto;
                font-style: normal;
                font-weight: 400;
                font-stretch: 100%;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/84602850c8fd81c3-s.woff2) format("woff2");
                unicode-range: u+1f??;
            }
            @font-face {
                font-family: Roboto;
                font-style: normal;
                font-weight: 400;
                font-stretch: 100%;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/90da053edc2b7de3-s.woff2) format("woff2");
                unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff;
            }
            @font-face {
                font-family: Roboto;
                font-style: normal;
                font-weight: 400;
                font-stretch: 100%;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/ac3b7908202f8517-s.woff2) format("woff2");
                unicode-range: u+0302-0303, u+0305, u+0307-0308, u+0310, u+0312, u+0315, u+031a, u+0326-0327, u+032c, u+032f-0330, u+0332-0333, u+0338, u+033a, u+0346, u+034d, u+0391-03a1, u+03a3-03a9, u+03b1-03c9, u+03d1, u+03d5-03d6,
                    u+03f0-03f1, u+03f4-03f5, u+2016-2017, u+2034-2038, u+203c, u+2040, u+2043, u+2047, u+2050, u+2057, u+205f, u+2070-2071, u+2074-208e, u+2090-209c, u+20d0-20dc, u+20e1, u+20e5-20ef, u+2100-2112, u+2114-2115, u+2117-2121,
                    u+2123-214f, u+2190, u+2192, u+2194-21ae, u+21b0-21e5, u+21f1-21f2, u+21f4-2211, u+2213-2214, u+2216-22ff, u+2308-230b, u+2310, u+2319, u+231c-2321, u+2336-237a, u+237c, u+2395, u+239b-23b7, u+23d0, u+23dc-23e1,
                    u+2474-2475, u+25af, u+25b3, u+25b7, u+25bd, u+25c1, u+25ca, u+25cc, u+25fb, u+266d-266f, u+27c0-27ff, u+2900-2aff, u+2b0e-2b11, u+2b30-2b4c, u+2bfe, u+3030, u+ff5b, u+ff5d, u+1d400-1d7ff, u+1ee??;
            }
            @font-face {
                font-family: Roboto;
                font-style: normal;
                font-weight: 400;
                font-stretch: 100%;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/627d916fd739a539-s.woff2) format("woff2");
                unicode-range: u+0001-000c, u+000e-001f, u+007f-009f, u+20dd-20e0, u+20e2-20e4, u+2150-218f, u+2190, u+2192, u+2194-2199, u+21af, u+21e6-21f0, u+21f3, u+2218-2219, u+2299, u+22c4-22c6, u+2300-243f, u+2440-244a, u+2460-24ff,
                    u+25a0-27bf, u+28??, u+2921-2922, u+2981, u+29bf, u+29eb, u+2b??, u+4dc0-4dff, u+fff9-fffb, u+10140-1018e, u+10190-1019c, u+101a0, u+101d0-101fd, u+102e0-102fb, u+10e60-10e7e, u+1d2c0-1d2d3, u+1d2e0-1d37f, u+1f0??,
                    u+1f100-1f1ad, u+1f1e6-1f1ff, u+1f30d-1f30f, u+1f315, u+1f31c, u+1f31e, u+1f320-1f32c, u+1f336, u+1f378, u+1f37d, u+1f382, u+1f393-1f39f, u+1f3a7-1f3a8, u+1f3ac-1f3af, u+1f3c2, u+1f3c4-1f3c6, u+1f3ca-1f3ce, u+1f3d4-1f3e0,
                    u+1f3ed, u+1f3f1-1f3f3, u+1f3f5-1f3f7, u+1f408, u+1f415, u+1f41f, u+1f426, u+1f43f, u+1f441-1f442, u+1f444, u+1f446-1f449, u+1f44c-1f44e, u+1f453, u+1f46a, u+1f47d, u+1f4a3, u+1f4b0, u+1f4b3, u+1f4b9, u+1f4bb, u+1f4bf,
                    u+1f4c8-1f4cb, u+1f4d6, u+1f4da, u+1f4df, u+1f4e3-1f4e6, u+1f4ea-1f4ed, u+1f4f7, u+1f4f9-1f4fb, u+1f4fd-1f4fe, u+1f503, u+1f507-1f50b, u+1f50d, u+1f512-1f513, u+1f53e-1f54a, u+1f54f-1f5fa, u+1f610, u+1f650-1f67f, u+1f687,
                    u+1f68d, u+1f691, u+1f694, u+1f698, u+1f6ad, u+1f6b2, u+1f6b9-1f6ba, u+1f6bc, u+1f6c6-1f6cf, u+1f6d3-1f6d7, u+1f6e0-1f6ea, u+1f6f0-1f6f3, u+1f6f7-1f6fc, u+1f7??, u+1f800-1f80b, u+1f810-1f847, u+1f850-1f859, u+1f860-1f887,
                    u+1f890-1f8ad, u+1f8b0-1f8bb, u+1f8c0-1f8c1, u+1f900-1f90b, u+1f93b, u+1f946, u+1f984, u+1f996, u+1f9e9, u+1fa00-1fa6f, u+1fa70-1fa7c, u+1fa80-1fa89, u+1fa8f-1fac6, u+1face-1fadc, u+1fadf-1fae9, u+1faf0-1faf8, u+1fb??;
            }
            @font-face {
                font-family: Roboto;
                font-style: normal;
                font-weight: 400;
                font-stretch: 100%;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/b5ee789b512e4d1b-s.woff2) format("woff2");
                unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab;
            }
            @font-face {
                font-family: Roboto;
                font-style: normal;
                font-weight: 400;
                font-stretch: 100%;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/2c07349e02a7b712-s.woff2) format("woff2");
                unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
            }
            @font-face {
                font-family: Roboto;
                font-style: normal;
                font-weight: 400;
                font-stretch: 100%;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/47cbc4e2adbc5db9-s.p.woff2) format("woff2");
                unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
            }
            @font-face {
                font-family: Roboto;
                font-style: normal;
                font-weight: 500;
                font-stretch: 100%;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/74c003a2abab0c4f-s.woff2) format("woff2");
                unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f;
            }
            @font-face {
                font-family: Roboto;
                font-style: normal;
                font-weight: 500;
                font-stretch: 100%;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/24c15609eaa28576-s.woff2) format("woff2");
                unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
            }
            @font-face {
                font-family: Roboto;
                font-style: normal;
                font-weight: 500;
                font-stretch: 100%;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/84602850c8fd81c3-s.woff2) format("woff2");
                unicode-range: u+1f??;
            }
            @font-face {
                font-family: Roboto;
                font-style: normal;
                font-weight: 500;
                font-stretch: 100%;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/90da053edc2b7de3-s.woff2) format("woff2");
                unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff;
            }
            @font-face {
                font-family: Roboto;
                font-style: normal;
                font-weight: 500;
                font-stretch: 100%;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/ac3b7908202f8517-s.woff2) format("woff2");
                unicode-range: u+0302-0303, u+0305, u+0307-0308, u+0310, u+0312, u+0315, u+031a, u+0326-0327, u+032c, u+032f-0330, u+0332-0333, u+0338, u+033a, u+0346, u+034d, u+0391-03a1, u+03a3-03a9, u+03b1-03c9, u+03d1, u+03d5-03d6,
                    u+03f0-03f1, u+03f4-03f5, u+2016-2017, u+2034-2038, u+203c, u+2040, u+2043, u+2047, u+2050, u+2057, u+205f, u+2070-2071, u+2074-208e, u+2090-209c, u+20d0-20dc, u+20e1, u+20e5-20ef, u+2100-2112, u+2114-2115, u+2117-2121,
                    u+2123-214f, u+2190, u+2192, u+2194-21ae, u+21b0-21e5, u+21f1-21f2, u+21f4-2211, u+2213-2214, u+2216-22ff, u+2308-230b, u+2310, u+2319, u+231c-2321, u+2336-237a, u+237c, u+2395, u+239b-23b7, u+23d0, u+23dc-23e1,
                    u+2474-2475, u+25af, u+25b3, u+25b7, u+25bd, u+25c1, u+25ca, u+25cc, u+25fb, u+266d-266f, u+27c0-27ff, u+2900-2aff, u+2b0e-2b11, u+2b30-2b4c, u+2bfe, u+3030, u+ff5b, u+ff5d, u+1d400-1d7ff, u+1ee??;
            }
            @font-face {
                font-family: Roboto;
                font-style: normal;
                font-weight: 500;
                font-stretch: 100%;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/627d916fd739a539-s.woff2) format("woff2");
                unicode-range: u+0001-000c, u+000e-001f, u+007f-009f, u+20dd-20e0, u+20e2-20e4, u+2150-218f, u+2190, u+2192, u+2194-2199, u+21af, u+21e6-21f0, u+21f3, u+2218-2219, u+2299, u+22c4-22c6, u+2300-243f, u+2440-244a, u+2460-24ff,
                    u+25a0-27bf, u+28??, u+2921-2922, u+2981, u+29bf, u+29eb, u+2b??, u+4dc0-4dff, u+fff9-fffb, u+10140-1018e, u+10190-1019c, u+101a0, u+101d0-101fd, u+102e0-102fb, u+10e60-10e7e, u+1d2c0-1d2d3, u+1d2e0-1d37f, u+1f0??,
                    u+1f100-1f1ad, u+1f1e6-1f1ff, u+1f30d-1f30f, u+1f315, u+1f31c, u+1f31e, u+1f320-1f32c, u+1f336, u+1f378, u+1f37d, u+1f382, u+1f393-1f39f, u+1f3a7-1f3a8, u+1f3ac-1f3af, u+1f3c2, u+1f3c4-1f3c6, u+1f3ca-1f3ce, u+1f3d4-1f3e0,
                    u+1f3ed, u+1f3f1-1f3f3, u+1f3f5-1f3f7, u+1f408, u+1f415, u+1f41f, u+1f426, u+1f43f, u+1f441-1f442, u+1f444, u+1f446-1f449, u+1f44c-1f44e, u+1f453, u+1f46a, u+1f47d, u+1f4a3, u+1f4b0, u+1f4b3, u+1f4b9, u+1f4bb, u+1f4bf,
                    u+1f4c8-1f4cb, u+1f4d6, u+1f4da, u+1f4df, u+1f4e3-1f4e6, u+1f4ea-1f4ed, u+1f4f7, u+1f4f9-1f4fb, u+1f4fd-1f4fe, u+1f503, u+1f507-1f50b, u+1f50d, u+1f512-1f513, u+1f53e-1f54a, u+1f54f-1f5fa, u+1f610, u+1f650-1f67f, u+1f687,
                    u+1f68d, u+1f691, u+1f694, u+1f698, u+1f6ad, u+1f6b2, u+1f6b9-1f6ba, u+1f6bc, u+1f6c6-1f6cf, u+1f6d3-1f6d7, u+1f6e0-1f6ea, u+1f6f0-1f6f3, u+1f6f7-1f6fc, u+1f7??, u+1f800-1f80b, u+1f810-1f847, u+1f850-1f859, u+1f860-1f887,
                    u+1f890-1f8ad, u+1f8b0-1f8bb, u+1f8c0-1f8c1, u+1f900-1f90b, u+1f93b, u+1f946, u+1f984, u+1f996, u+1f9e9, u+1fa00-1fa6f, u+1fa70-1fa7c, u+1fa80-1fa89, u+1fa8f-1fac6, u+1face-1fadc, u+1fadf-1fae9, u+1faf0-1faf8, u+1fb??;
            }
            @font-face {
                font-family: Roboto;
                font-style: normal;
                font-weight: 500;
                font-stretch: 100%;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/b5ee789b512e4d1b-s.woff2) format("woff2");
                unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab;
            }
            @font-face {
                font-family: Roboto;
                font-style: normal;
                font-weight: 500;
                font-stretch: 100%;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/2c07349e02a7b712-s.woff2) format("woff2");
                unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
            }
            @font-face {
                font-family: Roboto;
                font-style: normal;
                font-weight: 500;
                font-stretch: 100%;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/47cbc4e2adbc5db9-s.p.woff2) format("woff2");
                unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
            }
            @font-face {
                font-family: Roboto;
                font-style: normal;
                font-weight: 700;
                font-stretch: 100%;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/74c003a2abab0c4f-s.woff2) format("woff2");
                unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f;
            }
            @font-face {
                font-family: Roboto;
                font-style: normal;
                font-weight: 700;
                font-stretch: 100%;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/24c15609eaa28576-s.woff2) format("woff2");
                unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
            }
            @font-face {
                font-family: Roboto;
                font-style: normal;
                font-weight: 700;
                font-stretch: 100%;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/84602850c8fd81c3-s.woff2) format("woff2");
                unicode-range: u+1f??;
            }
            @font-face {
                font-family: Roboto;
                font-style: normal;
                font-weight: 700;
                font-stretch: 100%;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/90da053edc2b7de3-s.woff2) format("woff2");
                unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff;
            }
            @font-face {
                font-family: Roboto;
                font-style: normal;
                font-weight: 700;
                font-stretch: 100%;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/ac3b7908202f8517-s.woff2) format("woff2");
                unicode-range: u+0302-0303, u+0305, u+0307-0308, u+0310, u+0312, u+0315, u+031a, u+0326-0327, u+032c, u+032f-0330, u+0332-0333, u+0338, u+033a, u+0346, u+034d, u+0391-03a1, u+03a3-03a9, u+03b1-03c9, u+03d1, u+03d5-03d6,
                    u+03f0-03f1, u+03f4-03f5, u+2016-2017, u+2034-2038, u+203c, u+2040, u+2043, u+2047, u+2050, u+2057, u+205f, u+2070-2071, u+2074-208e, u+2090-209c, u+20d0-20dc, u+20e1, u+20e5-20ef, u+2100-2112, u+2114-2115, u+2117-2121,
                    u+2123-214f, u+2190, u+2192, u+2194-21ae, u+21b0-21e5, u+21f1-21f2, u+21f4-2211, u+2213-2214, u+2216-22ff, u+2308-230b, u+2310, u+2319, u+231c-2321, u+2336-237a, u+237c, u+2395, u+239b-23b7, u+23d0, u+23dc-23e1,
                    u+2474-2475, u+25af, u+25b3, u+25b7, u+25bd, u+25c1, u+25ca, u+25cc, u+25fb, u+266d-266f, u+27c0-27ff, u+2900-2aff, u+2b0e-2b11, u+2b30-2b4c, u+2bfe, u+3030, u+ff5b, u+ff5d, u+1d400-1d7ff, u+1ee??;
            }
            @font-face {
                font-family: Roboto;
                font-style: normal;
                font-weight: 700;
                font-stretch: 100%;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/627d916fd739a539-s.woff2) format("woff2");
                unicode-range: u+0001-000c, u+000e-001f, u+007f-009f, u+20dd-20e0, u+20e2-20e4, u+2150-218f, u+2190, u+2192, u+2194-2199, u+21af, u+21e6-21f0, u+21f3, u+2218-2219, u+2299, u+22c4-22c6, u+2300-243f, u+2440-244a, u+2460-24ff,
                    u+25a0-27bf, u+28??, u+2921-2922, u+2981, u+29bf, u+29eb, u+2b??, u+4dc0-4dff, u+fff9-fffb, u+10140-1018e, u+10190-1019c, u+101a0, u+101d0-101fd, u+102e0-102fb, u+10e60-10e7e, u+1d2c0-1d2d3, u+1d2e0-1d37f, u+1f0??,
                    u+1f100-1f1ad, u+1f1e6-1f1ff, u+1f30d-1f30f, u+1f315, u+1f31c, u+1f31e, u+1f320-1f32c, u+1f336, u+1f378, u+1f37d, u+1f382, u+1f393-1f39f, u+1f3a7-1f3a8, u+1f3ac-1f3af, u+1f3c2, u+1f3c4-1f3c6, u+1f3ca-1f3ce, u+1f3d4-1f3e0,
                    u+1f3ed, u+1f3f1-1f3f3, u+1f3f5-1f3f7, u+1f408, u+1f415, u+1f41f, u+1f426, u+1f43f, u+1f441-1f442, u+1f444, u+1f446-1f449, u+1f44c-1f44e, u+1f453, u+1f46a, u+1f47d, u+1f4a3, u+1f4b0, u+1f4b3, u+1f4b9, u+1f4bb, u+1f4bf,
                    u+1f4c8-1f4cb, u+1f4d6, u+1f4da, u+1f4df, u+1f4e3-1f4e6, u+1f4ea-1f4ed, u+1f4f7, u+1f4f9-1f4fb, u+1f4fd-1f4fe, u+1f503, u+1f507-1f50b, u+1f50d, u+1f512-1f513, u+1f53e-1f54a, u+1f54f-1f5fa, u+1f610, u+1f650-1f67f, u+1f687,
                    u+1f68d, u+1f691, u+1f694, u+1f698, u+1f6ad, u+1f6b2, u+1f6b9-1f6ba, u+1f6bc, u+1f6c6-1f6cf, u+1f6d3-1f6d7, u+1f6e0-1f6ea, u+1f6f0-1f6f3, u+1f6f7-1f6fc, u+1f7??, u+1f800-1f80b, u+1f810-1f847, u+1f850-1f859, u+1f860-1f887,
                    u+1f890-1f8ad, u+1f8b0-1f8bb, u+1f8c0-1f8c1, u+1f900-1f90b, u+1f93b, u+1f946, u+1f984, u+1f996, u+1f9e9, u+1fa00-1fa6f, u+1fa70-1fa7c, u+1fa80-1fa89, u+1fa8f-1fac6, u+1face-1fadc, u+1fadf-1fae9, u+1faf0-1faf8, u+1fb??;
            }
            @font-face {
                font-family: Roboto;
                font-style: normal;
                font-weight: 700;
                font-stretch: 100%;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/b5ee789b512e4d1b-s.woff2) format("woff2");
                unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab;
            }
            @font-face {
                font-family: Roboto;
                font-style: normal;
                font-weight: 700;
                font-stretch: 100%;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/2c07349e02a7b712-s.woff2) format("woff2");
                unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
            }
            @font-face {
                font-family: Roboto;
                font-style: normal;
                font-weight: 700;
                font-stretch: 100%;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/47cbc4e2adbc5db9-s.p.woff2) format("woff2");
                unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
            }
            @font-face {
                font-family: Roboto Fallback;
                src: local("Arial");
                ascent-override: 92.98%;
                descent-override: 24.47%;
                line-gap-override: 0%;
                size-adjust: 99.78%;
            }
            .__className_80a0f3 {
                font-family: Roboto, Roboto Fallback;
                font-style: normal;
            }
            .__variable_80a0f3 {
                --font-roboto: "Roboto", "Roboto Fallback";
            }
            @font-face {
                font-family: Plus Jakarta Sans;
                font-style: normal;
                font-weight: 400;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format("woff2");
                unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f;
            }
            @font-face {
                font-family: Plus Jakarta Sans;
                font-style: normal;
                font-weight: 400;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/8ebc6e9dde468c4a-s.woff2) format("woff2");
                unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab;
            }
            @font-face {
                font-family: Plus Jakarta Sans;
                font-style: normal;
                font-weight: 400;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/ef64ecae5e1bff42-s.woff2) format("woff2");
                unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
            }
            @font-face {
                font-family: Plus Jakarta Sans;
                font-style: normal;
                font-weight: 400;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/636a5ac981f94f8b-s.p.woff2) format("woff2");
                unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
            }
            @font-face {
                font-family: Plus Jakarta Sans;
                font-style: normal;
                font-weight: 500;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format("woff2");
                unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f;
            }
            @font-face {
                font-family: Plus Jakarta Sans;
                font-style: normal;
                font-weight: 500;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/8ebc6e9dde468c4a-s.woff2) format("woff2");
                unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab;
            }
            @font-face {
                font-family: Plus Jakarta Sans;
                font-style: normal;
                font-weight: 500;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/ef64ecae5e1bff42-s.woff2) format("woff2");
                unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
            }
            @font-face {
                font-family: Plus Jakarta Sans;
                font-style: normal;
                font-weight: 500;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/636a5ac981f94f8b-s.p.woff2) format("woff2");
                unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
            }
            @font-face {
                font-family: Plus Jakarta Sans;
                font-style: normal;
                font-weight: 600;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format("woff2");
                unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f;
            }
            @font-face {
                font-family: Plus Jakarta Sans;
                font-style: normal;
                font-weight: 600;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/8ebc6e9dde468c4a-s.woff2) format("woff2");
                unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab;
            }
            @font-face {
                font-family: Plus Jakarta Sans;
                font-style: normal;
                font-weight: 600;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/ef64ecae5e1bff42-s.woff2) format("woff2");
                unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
            }
            @font-face {
                font-family: Plus Jakarta Sans;
                font-style: normal;
                font-weight: 600;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/636a5ac981f94f8b-s.p.woff2) format("woff2");
                unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
            }
            @font-face {
                font-family: Plus Jakarta Sans;
                font-style: normal;
                font-weight: 800;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format("woff2");
                unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f;
            }
            @font-face {
                font-family: Plus Jakarta Sans;
                font-style: normal;
                font-weight: 800;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/8ebc6e9dde468c4a-s.woff2) format("woff2");
                unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab;
            }
            @font-face {
                font-family: Plus Jakarta Sans;
                font-style: normal;
                font-weight: 800;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/ef64ecae5e1bff42-s.woff2) format("woff2");
                unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
            }
            @font-face {
                font-family: Plus Jakarta Sans;
                font-style: normal;
                font-weight: 800;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/636a5ac981f94f8b-s.p.woff2) format("woff2");
                unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
            }
            @font-face {
                font-family: Plus Jakarta Sans Fallback;
                src: local("Arial");
                ascent-override: 98.88%;
                descent-override: 21.15%;
                line-gap-override: 0%;
                size-adjust: 104.98%;
            }
            .__className_2376b7 {
                font-family: Plus Jakarta Sans, Plus Jakarta Sans Fallback;
                font-style: normal;
            }
            .__variable_2376b7 {
                --font-plus-jakarta-sans: "Plus Jakarta Sans", "Plus Jakarta Sans Fallback";
            }
            @font-face {
                font-family: Montserrat;
                font-style: normal;
                font-weight: 400;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/3f69592b2fe603c7-s.woff2) format("woff2");
                unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f;
            }
            @font-face {
                font-family: Montserrat;
                font-style: normal;
                font-weight: 400;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/6325a8417175c41d-s.woff2) format("woff2");
                unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
            }
            @font-face {
                font-family: Montserrat;
                font-style: normal;
                font-weight: 400;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/021bc4481ed92ece-s.woff2) format("woff2");
                unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab;
            }
            @font-face {
                font-family: Montserrat;
                font-style: normal;
                font-weight: 400;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/99b7f73d5af7c3e2-s.woff2) format("woff2");
                unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
            }
            @font-face {
                font-family: Montserrat;
                font-style: normal;
                font-weight: 400;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/4f05ba3a6752a328-s.p.woff2) format("woff2");
                unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
            }
            @font-face {
                font-family: Montserrat;
                font-style: normal;
                font-weight: 500;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/3f69592b2fe603c7-s.woff2) format("woff2");
                unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f;
            }
            @font-face {
                font-family: Montserrat;
                font-style: normal;
                font-weight: 500;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/6325a8417175c41d-s.woff2) format("woff2");
                unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
            }
            @font-face {
                font-family: Montserrat;
                font-style: normal;
                font-weight: 500;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/021bc4481ed92ece-s.woff2) format("woff2");
                unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab;
            }
            @font-face {
                font-family: Montserrat;
                font-style: normal;
                font-weight: 500;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/99b7f73d5af7c3e2-s.woff2) format("woff2");
                unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
            }
            @font-face {
                font-family: Montserrat;
                font-style: normal;
                font-weight: 500;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/4f05ba3a6752a328-s.p.woff2) format("woff2");
                unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
            }
            @font-face {
                font-family: Montserrat;
                font-style: normal;
                font-weight: 600;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/3f69592b2fe603c7-s.woff2) format("woff2");
                unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f;
            }
            @font-face {
                font-family: Montserrat;
                font-style: normal;
                font-weight: 600;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/6325a8417175c41d-s.woff2) format("woff2");
                unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
            }
            @font-face {
                font-family: Montserrat;
                font-style: normal;
                font-weight: 600;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/021bc4481ed92ece-s.woff2) format("woff2");
                unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab;
            }
            @font-face {
                font-family: Montserrat;
                font-style: normal;
                font-weight: 600;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/99b7f73d5af7c3e2-s.woff2) format("woff2");
                unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
            }
            @font-face {
                font-family: Montserrat;
                font-style: normal;
                font-weight: 600;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/4f05ba3a6752a328-s.p.woff2) format("woff2");
                unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
            }
            @font-face {
                font-family: Montserrat Fallback;
                src: local("Arial");
                ascent-override: 85.79%;
                descent-override: 22.25%;
                line-gap-override: 0%;
                size-adjust: 112.83%;
            }
            .__className_e7aaee {
                font-family: Montserrat, Montserrat Fallback;
                font-style: normal;
            }
            .__variable_e7aaee {
                --font-montserrat: "Montserrat", "Montserrat Fallback";
            }
            @font-face {
                font-family: Poppins;
                font-style: normal;
                font-weight: 400;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/034d78ad42e9620c-s.woff2) format("woff2");
                unicode-range: u+0900-097f, u+1cd0-1cf9, u+200c-200d, u+20a8, u+20b9, u+20f0, u+25cc, u+a830-a839, u+a8e0-a8ff, u+11b00-11b09;
            }
            @font-face {
                font-family: Poppins;
                font-style: normal;
                font-weight: 400;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/fe0777f1195381cb-s.woff2) format("woff2");
                unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
            }
            @font-face {
                font-family: Poppins;
                font-style: normal;
                font-weight: 400;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/eafabf029ad39a43-s.p.woff2) format("woff2");
                unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
            }
            @font-face {
                font-family: Poppins;
                font-style: normal;
                font-weight: 500;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/db911767852bc875-s.woff2) format("woff2");
                unicode-range: u+0900-097f, u+1cd0-1cf9, u+200c-200d, u+20a8, u+20b9, u+20f0, u+25cc, u+a830-a839, u+a8e0-a8ff, u+11b00-11b09;
            }
            @font-face {
                font-family: Poppins;
                font-style: normal;
                font-weight: 500;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/f10b8e9d91f3edcb-s.woff2) format("woff2");
                unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
            }
            @font-face {
                font-family: Poppins;
                font-style: normal;
                font-weight: 500;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/8888a3826f4a3af4-s.p.woff2) format("woff2");
                unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
            }
            @font-face {
                font-family: Poppins;
                font-style: normal;
                font-weight: 600;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/29e7bbdce9332268-s.woff2) format("woff2");
                unicode-range: u+0900-097f, u+1cd0-1cf9, u+200c-200d, u+20a8, u+20b9, u+20f0, u+25cc, u+a830-a839, u+a8e0-a8ff, u+11b00-11b09;
            }
            @font-face {
                font-family: Poppins;
                font-style: normal;
                font-weight: 600;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/c3bc380753a8436c-s.woff2) format("woff2");
                unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
            }
            @font-face {
                font-family: Poppins;
                font-style: normal;
                font-weight: 600;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/0484562807a97172-s.p.woff2) format("woff2");
                unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
            }
            @font-face {
                font-family: Poppins Fallback;
                src: local("Arial");
                ascent-override: 93.62%;
                descent-override: 31.21%;
                line-gap-override: 8.92%;
                size-adjust: 112.16%;
            }
            .__className_a0bd4c {
                font-family: Poppins, Poppins Fallback;
                font-style: normal;
            }
            .__variable_a0bd4c {
                --font-poppins: "Poppins", "Poppins Fallback";
            }
            @font-face {
                font-family: Overpass Mono;
                font-style: normal;
                font-weight: 400;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/f279491e2b1a1188-s.woff2) format("woff2");
                unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f;
            }
            @font-face {
                font-family: Overpass Mono;
                font-style: normal;
                font-weight: 400;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/598510dc347a5f69-s.woff2) format("woff2");
                unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
            }
            @font-face {
                font-family: Overpass Mono;
                font-style: normal;
                font-weight: 400;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/6f64ab0ad1855009-s.woff2) format("woff2");
                unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab;
            }
            @font-face {
                font-family: Overpass Mono;
                font-style: normal;
                font-weight: 400;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/2329a1bdbfe0f0b1-s.woff2) format("woff2");
                unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
            }
            @font-face {
                font-family: Overpass Mono;
                font-style: normal;
                font-weight: 400;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/bccd6a6241c00262-s.p.woff2) format("woff2");
                unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
            }
            @font-face {
                font-family: Overpass Mono;
                font-style: normal;
                font-weight: 500;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/f279491e2b1a1188-s.woff2) format("woff2");
                unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f;
            }
            @font-face {
                font-family: Overpass Mono;
                font-style: normal;
                font-weight: 500;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/598510dc347a5f69-s.woff2) format("woff2");
                unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
            }
            @font-face {
                font-family: Overpass Mono;
                font-style: normal;
                font-weight: 500;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/6f64ab0ad1855009-s.woff2) format("woff2");
                unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab;
            }
            @font-face {
                font-family: Overpass Mono;
                font-style: normal;
                font-weight: 500;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/2329a1bdbfe0f0b1-s.woff2) format("woff2");
                unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
            }
            @font-face {
                font-family: Overpass Mono;
                font-style: normal;
                font-weight: 500;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/bccd6a6241c00262-s.p.woff2) format("woff2");
                unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
            }
            @font-face {
                font-family: Overpass Mono;
                font-style: normal;
                font-weight: 700;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/f279491e2b1a1188-s.woff2) format("woff2");
                unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f;
            }
            @font-face {
                font-family: Overpass Mono;
                font-style: normal;
                font-weight: 700;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/598510dc347a5f69-s.woff2) format("woff2");
                unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
            }
            @font-face {
                font-family: Overpass Mono;
                font-style: normal;
                font-weight: 700;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/6f64ab0ad1855009-s.woff2) format("woff2");
                unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab;
            }
            @font-face {
                font-family: Overpass Mono;
                font-style: normal;
                font-weight: 700;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/2329a1bdbfe0f0b1-s.woff2) format("woff2");
                unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
            }
            @font-face {
                font-family: Overpass Mono;
                font-style: normal;
                font-weight: 700;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/bccd6a6241c00262-s.p.woff2) format("woff2");
                unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
            }
            @font-face {
                font-family: Overpass Mono Fallback;
                src: local("Arial");
                ascent-override: 63.9%;
                descent-override: 27.72%;
                line-gap-override: 0%;
                size-adjust: 138.18%;
            }
            .__className_f1a297 {
                font-family: Overpass Mono, Overpass Mono Fallback;
                font-style: normal;
            }
            .__variable_f1a297 {
                --font-overpass-mono: "Overpass Mono", "Overpass Mono Fallback";
            }
            @font-face {
                font-family: PT Sans;
                font-style: normal;
                font-weight: 400;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/ee1941bb2d417653-s.woff2) format("woff2");
                unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f;
            }
            @font-face {
                font-family: PT Sans;
                font-style: normal;
                font-weight: 400;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/b330e01c5cfe35ec-s.woff2) format("woff2");
                unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
            }
            @font-face {
                font-family: PT Sans;
                font-style: normal;
                font-weight: 400;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/2cfdfbfe4af47725-s.woff2) format("woff2");
                unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
            }
            @font-face {
                font-family: PT Sans;
                font-style: normal;
                font-weight: 400;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/7f53015bcc551548-s.p.woff2) format("woff2");
                unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
            }
            @font-face {
                font-family: PT Sans;
                font-style: normal;
                font-weight: 700;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/adbd117bea224445-s.woff2) format("woff2");
                unicode-range: u+0460-052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f;
            }
            @font-face {
                font-family: PT Sans;
                font-style: normal;
                font-weight: 700;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/80108106befacdae-s.woff2) format("woff2");
                unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
            }
            @font-face {
                font-family: PT Sans;
                font-style: normal;
                font-weight: 700;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/6c26a2dd7f70b5f9-s.woff2) format("woff2");
                unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
            }
            @font-face {
                font-family: PT Sans;
                font-style: normal;
                font-weight: 700;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/cf62dc41c37ae213-s.p.woff2) format("woff2");
                unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
            }
            @font-face {
                font-family: PT Sans Fallback;
                src: local("Arial");
                ascent-override: 105.3%;
                descent-override: 28.55%;
                line-gap-override: 0%;
                size-adjust: 96.68%;
            }
            .__className_737661 {
                font-family: PT Sans, PT Sans Fallback;
                font-style: normal;
            }
            .__variable_737661 {
                --font-pt-sans: "PT Sans", "PT Sans Fallback";
            }
            @font-face {
                font-family: "Hedvig Letters Serif";
                font-style: normal;
                font-weight: 400;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/71e91d1ec7513f5c-s.woff2) format("woff2");
                unicode-range: u+0302-0303, u+0305, u+0307-0308, u+0310, u+0312, u+0315, u+031a, u+0326-0327, u+032c, u+032f-0330, u+0332-0333, u+0338, u+033a, u+0346, u+034d, u+0391-03a1, u+03a3-03a9, u+03b1-03c9, u+03d1, u+03d5-03d6,
                    u+03f0-03f1, u+03f4-03f5, u+2016-2017, u+2034-2038, u+203c, u+2040, u+2043, u+2047, u+2050, u+2057, u+205f, u+2070-2071, u+2074-208e, u+2090-209c, u+20d0-20dc, u+20e1, u+20e5-20ef, u+2100-2112, u+2114-2115, u+2117-2121,
                    u+2123-214f, u+2190, u+2192, u+2194-21ae, u+21b0-21e5, u+21f1-21f2, u+21f4-2211, u+2213-2214, u+2216-22ff, u+2308-230b, u+2310, u+2319, u+231c-2321, u+2336-237a, u+237c, u+2395, u+239b-23b7, u+23d0, u+23dc-23e1,
                    u+2474-2475, u+25af, u+25b3, u+25b7, u+25bd, u+25c1, u+25ca, u+25cc, u+25fb, u+266d-266f, u+27c0-27ff, u+2900-2aff, u+2b0e-2b11, u+2b30-2b4c, u+2bfe, u+3030, u+ff5b, u+ff5d, u+1d400-1d7ff, u+1ee??;
            }
            @font-face {
                font-family: "Hedvig Letters Serif";
                font-style: normal;
                font-weight: 400;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/3ff34b2433117793-s.woff2) format("woff2");
                unicode-range: u+0001-000c, u+000e-001f, u+007f-009f, u+20dd-20e0, u+20e2-20e4, u+2150-218f, u+2190, u+2192, u+2194-2199, u+21af, u+21e6-21f0, u+21f3, u+2218-2219, u+2299, u+22c4-22c6, u+2300-243f, u+2440-244a, u+2460-24ff,
                    u+25a0-27bf, u+28??, u+2921-2922, u+2981, u+29bf, u+29eb, u+2b??, u+4dc0-4dff, u+fff9-fffb, u+10140-1018e, u+10190-1019c, u+101a0, u+101d0-101fd, u+102e0-102fb, u+10e60-10e7e, u+1d2c0-1d2d3, u+1d2e0-1d37f, u+1f0??,
                    u+1f100-1f1ad, u+1f1e6-1f1ff, u+1f30d-1f30f, u+1f315, u+1f31c, u+1f31e, u+1f320-1f32c, u+1f336, u+1f378, u+1f37d, u+1f382, u+1f393-1f39f, u+1f3a7-1f3a8, u+1f3ac-1f3af, u+1f3c2, u+1f3c4-1f3c6, u+1f3ca-1f3ce, u+1f3d4-1f3e0,
                    u+1f3ed, u+1f3f1-1f3f3, u+1f3f5-1f3f7, u+1f408, u+1f415, u+1f41f, u+1f426, u+1f43f, u+1f441-1f442, u+1f444, u+1f446-1f449, u+1f44c-1f44e, u+1f453, u+1f46a, u+1f47d, u+1f4a3, u+1f4b0, u+1f4b3, u+1f4b9, u+1f4bb, u+1f4bf,
                    u+1f4c8-1f4cb, u+1f4d6, u+1f4da, u+1f4df, u+1f4e3-1f4e6, u+1f4ea-1f4ed, u+1f4f7, u+1f4f9-1f4fb, u+1f4fd-1f4fe, u+1f503, u+1f507-1f50b, u+1f50d, u+1f512-1f513, u+1f53e-1f54a, u+1f54f-1f5fa, u+1f610, u+1f650-1f67f, u+1f687,
                    u+1f68d, u+1f691, u+1f694, u+1f698, u+1f6ad, u+1f6b2, u+1f6b9-1f6ba, u+1f6bc, u+1f6c6-1f6cf, u+1f6d3-1f6d7, u+1f6e0-1f6ea, u+1f6f0-1f6f3, u+1f6f7-1f6fc, u+1f7??, u+1f800-1f80b, u+1f810-1f847, u+1f850-1f859, u+1f860-1f887,
                    u+1f890-1f8ad, u+1f8b0-1f8bb, u+1f8c0-1f8c1, u+1f900-1f90b, u+1f93b, u+1f946, u+1f984, u+1f996, u+1f9e9, u+1fa00-1fa6f, u+1fa70-1fa7c, u+1fa80-1fa89, u+1fa8f-1fac6, u+1face-1fadc, u+1fadf-1fae9, u+1faf0-1faf8, u+1fb??;
            }
            @font-face {
                font-family: "Hedvig Letters Serif";
                font-style: normal;
                font-weight: 400;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/08d3c153db017595-s.woff2) format("woff2");
                unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
            }
            @font-face {
                font-family: "Hedvig Letters Serif";
                font-style: normal;
                font-weight: 400;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/a016ebb1d24af0b4-s.p.woff2) format("woff2");
                unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
            }
            @font-face {
                font-family: "Hedvig Letters Serif Fallback";
                src: local("Times New Roman");
                ascent-override: 89.69%;
                descent-override: 28.14%;
                line-gap-override: 0%;
                size-adjust: 113.72%;
            }
            .__className_1d1b14 {
                font-family: "Hedvig Letters Serif", "Hedvig Letters Serif Fallback";
                font-weight: 400;
                font-style: normal;
            }
            .__variable_1d1b14 {
                --font-hedvig-letters-serif: "Hedvig Letters Serif", "Hedvig Letters Serif Fallback";
            }
            @font-face {
                font-family: Kumbh Sans;
                font-style: normal;
                font-weight: 400;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/ccf9fa4cba5892cf-s.woff2) format("woff2");
                unicode-range: u+0302-0303, u+0305, u+0307-0308, u+0310, u+0312, u+0315, u+031a, u+0326-0327, u+032c, u+032f-0330, u+0332-0333, u+0338, u+033a, u+0346, u+034d, u+0391-03a1, u+03a3-03a9, u+03b1-03c9, u+03d1, u+03d5-03d6,
                    u+03f0-03f1, u+03f4-03f5, u+2016-2017, u+2034-2038, u+203c, u+2040, u+2043, u+2047, u+2050, u+2057, u+205f, u+2070-2071, u+2074-208e, u+2090-209c, u+20d0-20dc, u+20e1, u+20e5-20ef, u+2100-2112, u+2114-2115, u+2117-2121,
                    u+2123-214f, u+2190, u+2192, u+2194-21ae, u+21b0-21e5, u+21f1-21f2, u+21f4-2211, u+2213-2214, u+2216-22ff, u+2308-230b, u+2310, u+2319, u+231c-2321, u+2336-237a, u+237c, u+2395, u+239b-23b7, u+23d0, u+23dc-23e1,
                    u+2474-2475, u+25af, u+25b3, u+25b7, u+25bd, u+25c1, u+25ca, u+25cc, u+25fb, u+266d-266f, u+27c0-27ff, u+2900-2aff, u+2b0e-2b11, u+2b30-2b4c, u+2bfe, u+3030, u+ff5b, u+ff5d, u+1d400-1d7ff, u+1ee??;
            }
            @font-face {
                font-family: Kumbh Sans;
                font-style: normal;
                font-weight: 400;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/d9a1050fd85a9b9f-s.woff2) format("woff2");
                unicode-range: u+0001-000c, u+000e-001f, u+007f-009f, u+20dd-20e0, u+20e2-20e4, u+2150-218f, u+2190, u+2192, u+2194-2199, u+21af, u+21e6-21f0, u+21f3, u+2218-2219, u+2299, u+22c4-22c6, u+2300-243f, u+2440-244a, u+2460-24ff,
                    u+25a0-27bf, u+28??, u+2921-2922, u+2981, u+29bf, u+29eb, u+2b??, u+4dc0-4dff, u+fff9-fffb, u+10140-1018e, u+10190-1019c, u+101a0, u+101d0-101fd, u+102e0-102fb, u+10e60-10e7e, u+1d2c0-1d2d3, u+1d2e0-1d37f, u+1f0??,
                    u+1f100-1f1ad, u+1f1e6-1f1ff, u+1f30d-1f30f, u+1f315, u+1f31c, u+1f31e, u+1f320-1f32c, u+1f336, u+1f378, u+1f37d, u+1f382, u+1f393-1f39f, u+1f3a7-1f3a8, u+1f3ac-1f3af, u+1f3c2, u+1f3c4-1f3c6, u+1f3ca-1f3ce, u+1f3d4-1f3e0,
                    u+1f3ed, u+1f3f1-1f3f3, u+1f3f5-1f3f7, u+1f408, u+1f415, u+1f41f, u+1f426, u+1f43f, u+1f441-1f442, u+1f444, u+1f446-1f449, u+1f44c-1f44e, u+1f453, u+1f46a, u+1f47d, u+1f4a3, u+1f4b0, u+1f4b3, u+1f4b9, u+1f4bb, u+1f4bf,
                    u+1f4c8-1f4cb, u+1f4d6, u+1f4da, u+1f4df, u+1f4e3-1f4e6, u+1f4ea-1f4ed, u+1f4f7, u+1f4f9-1f4fb, u+1f4fd-1f4fe, u+1f503, u+1f507-1f50b, u+1f50d, u+1f512-1f513, u+1f53e-1f54a, u+1f54f-1f5fa, u+1f610, u+1f650-1f67f, u+1f687,
                    u+1f68d, u+1f691, u+1f694, u+1f698, u+1f6ad, u+1f6b2, u+1f6b9-1f6ba, u+1f6bc, u+1f6c6-1f6cf, u+1f6d3-1f6d7, u+1f6e0-1f6ea, u+1f6f0-1f6f3, u+1f6f7-1f6fc, u+1f7??, u+1f800-1f80b, u+1f810-1f847, u+1f850-1f859, u+1f860-1f887,
                    u+1f890-1f8ad, u+1f8b0-1f8bb, u+1f8c0-1f8c1, u+1f900-1f90b, u+1f93b, u+1f946, u+1f984, u+1f996, u+1f9e9, u+1fa00-1fa6f, u+1fa70-1fa7c, u+1fa80-1fa89, u+1fa8f-1fac6, u+1face-1fadc, u+1fadf-1fae9, u+1faf0-1faf8, u+1fb??;
            }
            @font-face {
                font-family: Kumbh Sans;
                font-style: normal;
                font-weight: 400;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/15aca19166bb5c1d-s.woff2) format("woff2");
                unicode-range: u+0100-02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff;
            }
            @font-face {
                font-family: Kumbh Sans;
                font-style: normal;
                font-weight: 400;
                font-display: swap;
                src: url(https://dashboard.shadcnuikit.com/_next/static/media/d7fb9cce3e5d15a1-s.p.woff2) format("woff2");
                unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
            }
            @font-face {
                font-family: Kumbh Sans Fallback;
                src: local("Arial");
                ascent-override: 94.39%;
                descent-override: 24.3%;
                line-gap-override: 0%;
                size-adjust: 104.49%;
            }
            .__className_eefd46 {
                font-family: Kumbh Sans, Kumbh Sans Fallback;
                font-weight: 400;
                font-style: normal;
            }
            .__variable_eefd46 {
                --font-kumbh-sans: "Kumbh Sans", "Kumbh Sans Fallback";
            }
        </style>
        <style>
            /*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
            @layer properties {
                @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
                    *,
                    ::backdrop,
                    :after,
                    :before {
                        --tw-translate-x: 0;
                        --tw-translate-y: 0;
                        --tw-translate-z: 0;
                        --tw-scale-x: 1;
                        --tw-scale-y: 1;
                        --tw-scale-z: 1;
                        --tw-rotate-x: initial;
                        --tw-rotate-y: initial;
                        --tw-rotate-z: initial;
                        --tw-skew-x: initial;
                        --tw-skew-y: initial;
                        --tw-space-y-reverse: 0;
                        --tw-space-x-reverse: 0;
                        --tw-divide-x-reverse: 0;
                        --tw-border-style: solid;
                        --tw-divide-y-reverse: 0;
                        --tw-gradient-position: initial;
                        --tw-gradient-from: #0000;
                        --tw-gradient-via: #0000;
                        --tw-gradient-to: #0000;
                        --tw-gradient-stops: initial;
                        --tw-gradient-via-stops: initial;
                        --tw-gradient-from-position: 0%;
                        --tw-gradient-via-position: 50%;
                        --tw-gradient-to-position: 100%;
                        --tw-leading: initial;
                        --tw-font-weight: initial;
                        --tw-tracking: initial;
                        --tw-ordinal: initial;
                        --tw-slashed-zero: initial;
                        --tw-numeric-figure: initial;
                        --tw-numeric-spacing: initial;
                        --tw-numeric-fraction: initial;
                        --tw-shadow: 0 0 #0000;
                        --tw-shadow-color: initial;
                        --tw-shadow-alpha: 100%;
                        --tw-inset-shadow: 0 0 #0000;
                        --tw-inset-shadow-color: initial;
                        --tw-inset-shadow-alpha: 100%;
                        --tw-ring-color: initial;
                        --tw-ring-shadow: 0 0 #0000;
                        --tw-inset-ring-color: initial;
                        --tw-inset-ring-shadow: 0 0 #0000;
                        --tw-ring-inset: initial;
                        --tw-ring-offset-width: 0px;
                        --tw-ring-offset-color: #fff;
                        --tw-ring-offset-shadow: 0 0 #0000;
                        --tw-outline-style: solid;
                        --tw-blur: initial;
                        --tw-brightness: initial;
                        --tw-contrast: initial;
                        --tw-grayscale: initial;
                        --tw-hue-rotate: initial;
                        --tw-invert: initial;
                        --tw-opacity: initial;
                        --tw-saturate: initial;
                        --tw-sepia: initial;
                        --tw-drop-shadow: initial;
                        --tw-drop-shadow-color: initial;
                        --tw-drop-shadow-alpha: 100%;
                        --tw-drop-shadow-size: initial;
                        --tw-backdrop-blur: initial;
                        --tw-backdrop-brightness: initial;
                        --tw-backdrop-contrast: initial;
                        --tw-backdrop-grayscale: initial;
                        --tw-backdrop-hue-rotate: initial;
                        --tw-backdrop-invert: initial;
                        --tw-backdrop-opacity: initial;
                        --tw-backdrop-saturate: initial;
                        --tw-backdrop-sepia: initial;
                        --tw-duration: initial;
                        --tw-ease: initial;
                        --tw-contain-size: initial;
                        --tw-contain-layout: initial;
                        --tw-contain-paint: initial;
                        --tw-contain-style: initial;
                        --tw-content: "";
                    }
                }
            }
            @layer theme {
                :host,
                :root {
                    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
                    --color-red-50: oklch(97.1% 0.013 17.38);
                    --color-red-100: oklch(93.6% 0.032 17.717);
                    --color-red-200: oklch(88.5% 0.062 18.334);
                    --color-red-300: oklch(80.8% 0.114 19.571);
                    --color-red-400: oklch(70.4% 0.191 22.216);
                    --color-red-500: oklch(63.7% 0.237 25.331);
                    --color-red-600: oklch(57.7% 0.245 27.325);
                    --color-red-700: oklch(50.5% 0.213 27.518);
                    --color-red-800: oklch(44.4% 0.177 26.899);
                    --color-red-900: oklch(39.6% 0.141 25.723);
                    --color-red-950: oklch(25.8% 0.092 26.042);
                    --color-orange-50: oklch(98% 0.016 73.684);
                    --color-orange-100: oklch(95.4% 0.038 75.164);
                    --color-orange-200: oklch(90.1% 0.076 70.697);
                    --color-orange-400: oklch(75% 0.183 55.934);
                    --color-orange-500: oklch(70.5% 0.213 47.604);
                    --color-orange-600: oklch(64.6% 0.222 41.116);
                    --color-orange-700: oklch(55.3% 0.195 38.402);
                    --color-orange-800: oklch(47% 0.157 37.304);
                    --color-orange-900: oklch(40.8% 0.123 38.172);
                    --color-orange-950: oklch(26.6% 0.079 36.259);
                    --color-amber-100: oklch(96.2% 0.059 95.617);
                    --color-amber-400: oklch(82.8% 0.189 84.429);
                    --color-amber-500: oklch(76.9% 0.188 70.08);
                    --color-amber-600: oklch(66.6% 0.179 58.318);
                    --color-amber-700: oklch(55.5% 0.163 48.998);
                    --color-amber-800: oklch(47.3% 0.137 46.201);
                    --color-yellow-100: oklch(97.3% 0.071 103.193);
                    --color-yellow-200: oklch(94.5% 0.129 101.54);
                    --color-yellow-300: oklch(90.5% 0.182 98.111);
                    --color-yellow-400: oklch(85.2% 0.199 91.936);
                    --color-yellow-500: oklch(79.5% 0.184 86.047);
                    --color-yellow-600: oklch(68.1% 0.162 75.834);
                    --color-yellow-800: oklch(47.6% 0.114 61.907);
                    --color-yellow-900: oklch(42.1% 0.095 57.708);
                    --color-lime-500: oklch(76.8% 0.233 130.85);
                    --color-green-50: oklch(98.2% 0.018 155.826);
                    --color-green-100: oklch(96.2% 0.044 156.743);
                    --color-green-200: oklch(92.5% 0.084 155.995);
                    --color-green-400: oklch(79.2% 0.209 151.711);
                    --color-green-500: oklch(72.3% 0.219 149.579);
                    --color-green-600: oklch(62.7% 0.194 149.214);
                    --color-green-700: oklch(52.7% 0.154 150.069);
                    --color-green-800: oklch(44.8% 0.119 151.328);
                    --color-green-900: oklch(39.3% 0.095 152.535);
                    --color-green-950: oklch(26.6% 0.065 152.934);
                    --color-emerald-500: oklch(69.6% 0.17 162.48);
                    --color-teal-100: oklch(95.3% 0.051 180.801);
                    --color-teal-200: oklch(91% 0.096 180.426);
                    --color-teal-400: oklch(77.7% 0.152 181.912);
                    --color-teal-500: oklch(70.4% 0.14 182.503);
                    --color-teal-900: oklch(38.6% 0.063 188.416);
                    --color-teal-950: oklch(27.7% 0.046 192.524);
                    --color-cyan-400: oklch(78.9% 0.154 211.53);
                    --color-cyan-500: oklch(71.5% 0.143 215.221);
                    --color-cyan-600: oklch(60.9% 0.126 221.723);
                    --color-cyan-700: oklch(52% 0.105 223.128);
                    --color-cyan-800: oklch(45% 0.085 224.283);
                    --color-blue-50: oklch(97% 0.014 254.604);
                    --color-blue-100: oklch(93.2% 0.032 255.585);
                    --color-blue-200: oklch(88.2% 0.059 254.128);
                    --color-blue-400: oklch(70.7% 0.165 254.624);
                    --color-blue-500: oklch(62.3% 0.214 259.815);
                    --color-blue-600: oklch(54.6% 0.245 262.881);
                    --color-blue-700: oklch(48.8% 0.243 264.376);
                    --color-blue-800: oklch(42.4% 0.199 265.638);
                    --color-blue-900: oklch(37.9% 0.146 265.522);
                    --color-blue-950: oklch(28.2% 0.091 267.935);
                    --color-indigo-200: oklch(87% 0.065 274.039);
                    --color-indigo-400: oklch(67.3% 0.182 276.935);
                    --color-indigo-500: oklch(58.5% 0.233 277.117);
                    --color-indigo-600: oklch(51.1% 0.262 276.966);
                    --color-indigo-700: oklch(45.7% 0.24 277.023);
                    --color-indigo-800: oklch(39.8% 0.195 277.366);
                    --color-indigo-950: oklch(25.7% 0.09 281.288);
                    --color-purple-200: oklch(90.2% 0.063 306.703);
                    --color-purple-400: oklch(71.4% 0.203 305.504);
                    --color-purple-500: oklch(62.7% 0.265 303.9);
                    --color-purple-950: oklch(29.1% 0.149 302.717);
                    --color-fuchsia-400: oklch(74% 0.238 322.16);
                    --color-fuchsia-500: oklch(66.7% 0.295 322.15);
                    --color-fuchsia-600: oklch(59.1% 0.293 322.896);
                    --color-fuchsia-700: oklch(51.8% 0.253 323.949);
                    --color-fuchsia-800: oklch(45.2% 0.211 324.591);
                    --color-pink-500: oklch(65.6% 0.241 354.308);
                    --color-slate-400: oklch(70.4% 0.04 256.788);
                    --color-slate-800: oklch(27.9% 0.041 260.031);
                    --color-slate-950: oklch(12.9% 0.042 264.695);
                    --color-gray-100: oklch(96.7% 0.003 264.542);
                    --color-gray-200: oklch(92.8% 0.006 264.531);
                    --color-gray-300: oklch(87.2% 0.01 258.338);
                    --color-gray-400: oklch(70.7% 0.022 261.325);
                    --color-gray-500: oklch(55.1% 0.027 264.364);
                    --color-gray-600: oklch(44.6% 0.03 256.802);
                    --color-gray-900: oklch(21% 0.034 264.665);
                    --color-zinc-200: oklch(92% 0.004 286.32);
                    --color-neutral-700: oklch(37.1% 0 0);
                    --color-black: #000;
                    --color-white: #fff;
                    --spacing: 0.25rem;
                    --breakpoint-sm: 40rem;
                    --breakpoint-md: 48rem;
                    --breakpoint-lg: 64rem;
                    --container-xs: 20rem;
                    --container-sm: 24rem;
                    --container-md: 28rem;
                    --container-lg: 32rem;
                    --container-2xl: 42rem;
                    --container-3xl: 48rem;
                    --container-4xl: 56rem;
                    --text-xs: 0.75rem;
                    --text-xs--line-height: calc(1 / 0.75);
                    --text-sm: 0.875rem;
                    --text-sm--line-height: calc(1.25 / 0.875);
                    --text-base: 1rem;
                    --text-base--line-height: calc(1.5 / 1);
                    --text-lg: 1.125rem;
                    --text-lg--line-height: calc(1.75 / 1.125);
                    --text-xl: 1.25rem;
                    --text-xl--line-height: calc(1.75 / 1.25);
                    --text-2xl: 1.5rem;
                    --text-2xl--line-height: calc(2 / 1.5);
                    --text-3xl: 1.875rem;
                    --text-3xl--line-height: calc(2.25 / 1.875);
                    --text-4xl: 2.25rem;
                    --text-4xl--line-height: calc(2.5 / 2.25);
                    --text-5xl: 3rem;
                    --text-5xl--line-height: 1;
                    --text-7xl: 4.5rem;
                    --text-7xl--line-height: 1;
                    --text-8xl: 6rem;
                    --text-8xl--line-height: 1;
                    --text-9xl: 8rem;
                    --text-9xl--line-height: 1;
                    --font-weight-normal: 400;
                    --font-weight-medium: 500;
                    --font-weight-semibold: 600;
                    --font-weight-bold: 700;
                    --font-weight-extrabold: 800;
                    --font-weight-black: 900;
                    --tracking-tighter: -0.05em;
                    --tracking-tight: -0.025em;
                    --tracking-wide: 0.025em;
                    --tracking-wider: 0.05em;
                    --tracking-widest: 0.1em;
                    --leading-tight: 1.25;
                    --leading-relaxed: 1.625;
                    --radius-xs: 0.125rem;
                    --radius-2xl: 1rem;
                    --radius-3xl: 1.5rem;
                    --ease-out: cubic-bezier(0, 0, 0.2, 1);
                    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
                    --animate-spin: spin 1s linear infinite;
                    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
                    --blur-xl: 24px;
                    --aspect-video: 16/9;
                    --default-transition-duration: 0.15s;
                    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                    --default-font-family: var(--text-family);
                    --default-mono-font-family: var(--font-mono);
                    --color-accent-foreground: var(--accent-foreground);
                    --color-border: var(--border);
                    --display-weight: var(--display-weight);
                }
            }
            @layer base {
                *,
                ::backdrop,
                :after,
                :before {
                    box-sizing: border-box;
                    border: 0 solid;
                    margin: 0;
                    padding: 0;
                }
                ::file-selector-button {
                    box-sizing: border-box;
                    border: 0 solid;
                    margin: 0;
                    padding: 0;
                }
                :host,
                html {
                    -webkit-text-size-adjust: 100%;
                    tab-size: 4;
                    line-height: 1.5;
                    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
                    font-feature-settings: var(--default-font-feature-settings, normal);
                    font-variation-settings: var(--default-font-variation-settings, normal);
                    -webkit-tap-highlight-color: transparent;
                }
                hr {
                    height: 0;
                    color: inherit;
                    border-top-width: 1px;
                }
                abbr:where([title]) {
                    -webkit-text-decoration: underline dotted;
                    text-decoration: underline dotted;
                }
                h1,
                h2,
                h3,
                h4,
                h5,
                h6 {
                    font-size: inherit;
                    font-weight: inherit;
                }
                a {
                    color: inherit;
                    -webkit-text-decoration: inherit;
                    text-decoration: inherit;
                }
                b,
                strong {
                    font-weight: bolder;
                }
                code,
                kbd,
                pre,
                samp {
                    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
                    font-feature-settings: var(--default-mono-font-feature-settings, normal);
                    font-variation-settings: var(--default-mono-font-variation-settings, normal);
                    font-size: 1em;
                }
                small {
                    font-size: 80%;
                }
                sub,
                sup {
                    vertical-align: baseline;
                    font-size: 75%;
                    line-height: 0;
                    position: relative;
                }
                sub {
                    bottom: -0.25em;
                }
                sup {
                    top: -0.5em;
                }
                table {
                    text-indent: 0;
                    border-color: inherit;
                    border-collapse: collapse;
                }
                :-moz-focusring {
                    outline: auto;
                }
                progress {
                    vertical-align: baseline;
                }
                summary {
                    display: list-item;
                }
                menu,
                ol,
                ul {
                    list-style: none;
                }
                audio,
                canvas,
                embed,
                iframe,
                img,
                object,
                svg,
                video {
                    vertical-align: middle;
                    display: block;
                }
                img,
                video {
                    max-width: 100%;
                    height: auto;
                }
                button,
                input,
                optgroup,
                select,
                textarea {
                    font: inherit;
                    font-feature-settings: inherit;
                    font-variation-settings: inherit;
                    letter-spacing: inherit;
                    color: inherit;
                    opacity: 1;
                    background-color: #0000;
                    border-radius: 0;
                }
                ::file-selector-button {
                    font: inherit;
                    font-feature-settings: inherit;
                    font-variation-settings: inherit;
                    letter-spacing: inherit;
                    color: inherit;
                    opacity: 1;
                    background-color: #0000;
                    border-radius: 0;
                }
                :where(select:is([multiple], [size])) optgroup {
                    font-weight: bolder;
                }
                :where(select:is([multiple], [size])) optgroup option {
                    padding-inline-start: 20px;
                }
                ::file-selector-button {
                    margin-inline-end: 4px;
                }
                ::placeholder {
                    opacity: 1;
                }
                @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
                    ::placeholder {
                        color: currentColor;
                    }
                    @supports (color: color-mix(in lab, red, red)) {
                        ::placeholder {
                            color: color-mix(in oklab, currentcolor 50%, transparent);
                        }
                    }
                }
                textarea {
                    resize: vertical;
                }
                ::-webkit-search-decoration {
                    -webkit-appearance: none;
                }
                ::-webkit-date-and-time-value {
                    min-height: 1lh;
                    text-align: inherit;
                }
                ::-webkit-datetime-edit {
                    display: inline-flex;
                }
                ::-webkit-datetime-edit-fields-wrapper {
                    padding: 0;
                }
                ::-webkit-datetime-edit,
                ::-webkit-datetime-edit-year-field {
                    padding-block: 0;
                }
                ::-webkit-datetime-edit-day-field,
                ::-webkit-datetime-edit-month-field {
                    padding-block: 0;
                }
                ::-webkit-datetime-edit-hour-field,
                ::-webkit-datetime-edit-minute-field {
                    padding-block: 0;
                }
                ::-webkit-datetime-edit-millisecond-field,
                ::-webkit-datetime-edit-second-field {
                    padding-block: 0;
                }
                ::-webkit-datetime-edit-meridiem-field {
                    padding-block: 0;
                }
                :-moz-ui-invalid {
                    box-shadow: none;
                }
                button,
                input:where([type="button"], [type="reset"], [type="submit"]) {
                    appearance: button;
                }
                ::file-selector-button {
                    appearance: button;
                }
                ::-webkit-inner-spin-button,
                ::-webkit-outer-spin-button {
                    height: auto;
                }
                [hidden]:where(:not([hidden="until-found"])) {
                    display: none !important;
                }
                * {
                    border-color: var(--border);
                    outline-color: var(--ring);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    * {
                        outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
                    }
                }
                body {
                    background-color: var(--background);
                    color: var(--foreground);
                }
                .font-display {
                    font-weight: var(--display-weight);
                }
                [data-slot="button"],
                [data-slot="command-item"],
                [data-slot="dropdown-menu-item"],
                [data-slot="dropdown-menu-trigger"],
                [data-slot="popover-trigger"],
                [data-slot="toggle-group-item"],
                [data-slot="tooltip-trigger"] {
                    cursor: pointer !important;
                }
            }
            @layer components;
            @layer utilities {
                .\@container\/card {
                    container: card/inline-size;
                }
                .\@container\/card-header {
                    container: card-header/inline-size;
                }
                .\@container\/main {
                    container: main/inline-size;
                }
                .pointer-events-auto {
                    pointer-events: auto;
                }
                .pointer-events-none {
                    pointer-events: none;
                }
                .invisible {
                    visibility: hidden;
                }
                .sr-only {
                    clip: rect(0, 0, 0, 0);
                    white-space: nowrap;
                    border-width: 0;
                    width: 1px;
                    height: 1px;
                    margin: -1px;
                    padding: 0;
                    overflow: hidden;
                }
                .absolute,
                .sr-only {
                    position: absolute;
                }
                .fixed {
                    position: fixed;
                }
                .relative {
                    position: relative;
                }
                .sticky {
                    position: sticky;
                }
                .inset-0 {
                    inset: calc(var(--spacing) * 0);
                }
                .inset-x-0 {
                    inset-inline: calc(var(--spacing) * 0);
                }
                .inset-y-0 {
                    inset-block: calc(var(--spacing) * 0);
                }
                .-start-1 {
                    inset-inline-start: calc(var(--spacing) * -1);
                }
                .-start-3 {
                    inset-inline-start: calc(var(--spacing) * -3);
                }
                .start-0\.5 {
                    inset-inline-start: calc(var(--spacing) * 0.5);
                }
                .start-3 {
                    inset-inline-start: calc(var(--spacing) * 3);
                }
                .start-4 {
                    inset-inline-start: calc(var(--spacing) * 4);
                }
                .-end-0\.5 {
                    inset-inline-end: calc(var(--spacing) * -0.5);
                }
                .end-0 {
                    inset-inline-end: calc(var(--spacing) * 0);
                }
                .end-0\.5 {
                    inset-inline-end: calc(var(--spacing) * 0.5);
                }
                .end-2 {
                    inset-inline-end: calc(var(--spacing) * 2);
                }
                .end-4 {
                    inset-inline-end: calc(var(--spacing) * 4);
                }
                .-top-0\.5 {
                    top: calc(var(--spacing) * -0.5);
                }
                .-top-2 {
                    top: calc(var(--spacing) * -2);
                }
                .-top-5 {
                    top: calc(var(--spacing) * -5);
                }
                .-top-12 {
                    top: calc(var(--spacing) * -12);
                }
                .top-0 {
                    top: calc(var(--spacing) * 0);
                }
                .top-0\.5 {
                    top: calc(var(--spacing) * 0.5);
                }
                .top-1\.5 {
                    top: calc(var(--spacing) * 1.5);
                }
                .top-1\/2 {
                    top: 50%;
                }
                .top-2 {
                    top: calc(var(--spacing) * 2);
                }
                .top-2\.5 {
                    top: calc(var(--spacing) * 2.5);
                }
                .top-3 {
                    top: calc(var(--spacing) * 3);
                }
                .top-3\.5 {
                    top: calc(var(--spacing) * 3.5);
                }
                .top-4 {
                    top: calc(var(--spacing) * 4);
                }
                .top-8 {
                    top: calc(var(--spacing) * 8);
                }
                .top-20 {
                    top: calc(var(--spacing) * 20);
                }
                .top-\[1px\] {
                    top: 1px;
                }
                .top-\[50\%\] {
                    top: 50%;
                }
                .top-\[60\%\] {
                    top: 60%;
                }
                .top-full {
                    top: 100%;
                }
                .-right-2 {
                    right: calc(var(--spacing) * -2);
                }
                .-right-12 {
                    right: calc(var(--spacing) * -12);
                }
                .right-0 {
                    right: calc(var(--spacing) * 0);
                }
                .right-1 {
                    right: calc(var(--spacing) * 1);
                }
                .right-2 {
                    right: calc(var(--spacing) * 2);
                }
                .right-3 {
                    right: calc(var(--spacing) * 3);
                }
                .right-4 {
                    right: calc(var(--spacing) * 4);
                }
                .-bottom-1 {
                    bottom: calc(var(--spacing) * -1);
                }
                .-bottom-12 {
                    bottom: calc(var(--spacing) * -12);
                }
                .bottom-0 {
                    bottom: calc(var(--spacing) * 0);
                }
                .bottom-0\.5 {
                    bottom: calc(var(--spacing) * 0.5);
                }
                .bottom-4 {
                    bottom: calc(var(--spacing) * 4);
                }
                .-left-12 {
                    left: calc(var(--spacing) * -12);
                }
                .left-0 {
                    left: calc(var(--spacing) * 0);
                }
                .left-1 {
                    left: calc(var(--spacing) * 1);
                }
                .left-1\/2 {
                    left: 50%;
                }
                .left-2 {
                    left: calc(var(--spacing) * 2);
                }
                .left-2\.5 {
                    left: calc(var(--spacing) * 2.5);
                }
                .left-3 {
                    left: calc(var(--spacing) * 3);
                }
                .left-\[50\%\] {
                    left: 50%;
                }
                .left-full {
                    left: 100%;
                }
                .isolate {
                    isolation: isolate;
                }
                .z-0 {
                    z-index: 0;
                }
                .z-10 {
                    z-index: 10;
                }
                .z-20 {
                    z-index: 20;
                }
                .z-50 {
                    z-index: 50;
                }
                .z-100 {
                    z-index: 100;
                }
                .z-\[1\] {
                    z-index: 1;
                }
                .order-1 {
                    order: 1;
                }
                .order-2 {
                    order: 2;
                }
                .order-first {
                    order: -9999;
                }
                .order-last {
                    order: 9999;
                }
                .col-span-2 {
                    grid-column: span 2 / span 2;
                }
                .col-span-3 {
                    grid-column: span 3 / span 3;
                }
                .col-span-4 {
                    grid-column: span 4 / span 4;
                }
                .col-start-2 {
                    grid-column-start: 2;
                }
                .col-start-auto {
                    grid-column-start: auto;
                }
                .row-span-2 {
                    grid-row: span 2 / span 2;
                }
                .row-start-1 {
                    grid-row-start: 1;
                }
                .row-start-auto {
                    grid-row-start: auto;
                }
                .container {
                    width: 100%;
                }
                @media (min-width: 40rem) {
                    .container {
                        max-width: 40rem;
                    }
                }
                @media (min-width: 48rem) {
                    .container {
                        max-width: 48rem;
                    }
                }
                @media (min-width: 64rem) {
                    .container {
                        max-width: 64rem;
                    }
                }
                @media (min-width: 80rem) {
                    .container {
                        max-width: 80rem;
                    }
                }
                @media (min-width: 96rem) {
                    .container {
                        max-width: 96rem;
                    }
                }
                .m-0 {
                    margin: calc(var(--spacing) * 0);
                }
                .m-auto {
                    margin: auto;
                }
                .-mx-1 {
                    margin-inline: calc(var(--spacing) * -1);
                }
                .mx-2 {
                    margin-inline: calc(var(--spacing) * 2);
                }
                .mx-3\.5 {
                    margin-inline: calc(var(--spacing) * 3.5);
                }
                .mx-10 {
                    margin-inline: calc(var(--spacing) * 10);
                }
                .mx-auto {
                    margin-inline: auto;
                }
                .my-0\.5 {
                    margin-block: calc(var(--spacing) * 0.5);
                }
                .my-1 {
                    margin-block: calc(var(--spacing) * 1);
                }
                .my-4 {
                    margin-block: calc(var(--spacing) * 4);
                }
                .my-6 {
                    margin-block: calc(var(--spacing) * 6);
                }
                .-ms-0\.5 {
                    margin-inline-start: calc(var(--spacing) * -0.5);
                }
                .-ms-1 {
                    margin-inline-start: calc(var(--spacing) * -1);
                }
                .ms-2 {
                    margin-inline-start: calc(var(--spacing) * 2);
                }
                .ms-3 {
                    margin-inline-start: calc(var(--spacing) * 3);
                }
                .ms-3\.5 {
                    margin-inline-start: calc(var(--spacing) * 3.5);
                }
                .ms-4 {
                    margin-inline-start: calc(var(--spacing) * 4);
                }
                .ms-6 {
                    margin-inline-start: calc(var(--spacing) * 6);
                }
                .ms-auto {
                    margin-inline-start: auto;
                }
                .me-0 {
                    margin-inline-end: calc(var(--spacing) * 0);
                }
                .me-1 {
                    margin-inline-end: calc(var(--spacing) * 1);
                }
                .me-1\.5 {
                    margin-inline-end: calc(var(--spacing) * 1.5);
                }
                .me-2 {
                    margin-inline-end: calc(var(--spacing) * 2);
                }
                .me-4 {
                    margin-inline-end: calc(var(--spacing) * 4);
                }
                .-mt-3 {
                    margin-top: calc(var(--spacing) * -3);
                }
                .-mt-4 {
                    margin-top: calc(var(--spacing) * -4);
                }
                .mt-0 {
                    margin-top: calc(var(--spacing) * 0);
                }
                .mt-0\! {
                    margin-top: calc(var(--spacing) * 0) !important;
                }
                .mt-0\.5 {
                    margin-top: calc(var(--spacing) * 0.5);
                }
                .mt-1 {
                    margin-top: calc(var(--spacing) * 1);
                }
                .mt-1\.5 {
                    margin-top: calc(var(--spacing) * 1.5);
                }
                .mt-2 {
                    margin-top: calc(var(--spacing) * 2);
                }
                .mt-3 {
                    margin-top: calc(var(--spacing) * 3);
                }
                .mt-4 {
                    margin-top: calc(var(--spacing) * 4);
                }
                .mt-5 {
                    margin-top: calc(var(--spacing) * 5);
                }
                .mt-6 {
                    margin-top: calc(var(--spacing) * 6);
                }
                .mt-8 {
                    margin-top: calc(var(--spacing) * 8);
                }
                .mt-10 {
                    margin-top: calc(var(--spacing) * 10);
                }
                .mt-auto {
                    margin-top: auto;
                }
                .mr-0\.5 {
                    margin-right: calc(var(--spacing) * 0.5);
                }
                .mr-1 {
                    margin-right: calc(var(--spacing) * 1);
                }
                .mr-2 {
                    margin-right: calc(var(--spacing) * 2);
                }
                .mr-3 {
                    margin-right: calc(var(--spacing) * 3);
                }
                .mr-5 {
                    margin-right: calc(var(--spacing) * 5);
                }
                .mr-auto {
                    margin-right: auto;
                }
                .mb-0 {
                    margin-bottom: calc(var(--spacing) * 0);
                }
                .mb-1 {
                    margin-bottom: calc(var(--spacing) * 1);
                }
                .mb-1\.5 {
                    margin-bottom: calc(var(--spacing) * 1.5);
                }
                .mb-2 {
                    margin-bottom: calc(var(--spacing) * 2);
                }
                .mb-3 {
                    margin-bottom: calc(var(--spacing) * 3);
                }
                .mb-4 {
                    margin-bottom: calc(var(--spacing) * 4);
                }
                .mb-6 {
                    margin-bottom: calc(var(--spacing) * 6);
                }
                .mb-8 {
                    margin-bottom: calc(var(--spacing) * 8);
                }
                .mb-10 {
                    margin-bottom: calc(var(--spacing) * 10);
                }
                .-ml-3 {
                    margin-left: calc(var(--spacing) * -3);
                }
                .-ml-4 {
                    margin-left: calc(var(--spacing) * -4);
                }
                .ml-1 {
                    margin-left: calc(var(--spacing) * 1);
                }
                .ml-2 {
                    margin-left: calc(var(--spacing) * 2);
                }
                .ml-3 {
                    margin-left: calc(var(--spacing) * 3);
                }
                .ml-4 {
                    margin-left: calc(var(--spacing) * 4);
                }
                .ml-auto {
                    margin-left: auto;
                }
                .box-border {
                    box-sizing: border-box;
                }
                .line-clamp-1 {
                    -webkit-line-clamp: 1;
                    -webkit-box-orient: vertical;
                    display: -webkit-box;
                    overflow: hidden;
                }
                .block {
                    display: block;
                }
                .flex {
                    display: flex;
                }
                .grid {
                    display: grid;
                }
                .hidden {
                    display: none;
                }
                .inline {
                    display: inline;
                }
                .inline-block {
                    display: inline-block;
                }
                .inline-flex {
                    display: inline-flex;
                }
                .table {
                    display: table;
                }
                .table-caption {
                    display: table-caption;
                }
                .table-cell {
                    display: table-cell;
                }
                .table-row {
                    display: table-row;
                }
                .field-sizing-content {
                    field-sizing: content;
                }
                .\!aspect-21\/9 {
                    aspect-ratio: 21/9 !important;
                }
                .aspect-3\/2 {
                    aspect-ratio: 3/2;
                }
                .aspect-4\/3 {
                    aspect-ratio: 4/3;
                }
                .aspect-21\/9\! {
                    aspect-ratio: 21/9 !important;
                }
                .aspect-auto {
                    aspect-ratio: auto;
                }
                .aspect-square {
                    aspect-ratio: 1;
                }
                .aspect-video {
                    aspect-ratio: var(--aspect-video);
                }
                .size-1 {
                    width: calc(var(--spacing) * 1);
                    height: calc(var(--spacing) * 1);
                }
                .size-2 {
                    width: calc(var(--spacing) * 2);
                    height: calc(var(--spacing) * 2);
                }
                .size-2\.5 {
                    width: calc(var(--spacing) * 2.5);
                    height: calc(var(--spacing) * 2.5);
                }
                .size-3 {
                    width: calc(var(--spacing) * 3);
                    height: calc(var(--spacing) * 3);
                }
                .size-3\! {
                    width: calc(var(--spacing) * 3) !important;
                    height: calc(var(--spacing) * 3) !important;
                }
                .size-3\.5 {
                    width: calc(var(--spacing) * 3.5);
                    height: calc(var(--spacing) * 3.5);
                }
                .size-4 {
                    width: calc(var(--spacing) * 4);
                    height: calc(var(--spacing) * 4);
                }
                .size-5 {
                    width: calc(var(--spacing) * 5);
                    height: calc(var(--spacing) * 5);
                }
                .size-6 {
                    width: calc(var(--spacing) * 6);
                    height: calc(var(--spacing) * 6);
                }
                .size-7 {
                    width: calc(var(--spacing) * 7);
                    height: calc(var(--spacing) * 7);
                }
                .size-8 {
                    width: calc(var(--spacing) * 8);
                    height: calc(var(--spacing) * 8);
                }
                .size-9 {
                    width: calc(var(--spacing) * 9);
                    height: calc(var(--spacing) * 9);
                }
                .size-10 {
                    width: calc(var(--spacing) * 10);
                    height: calc(var(--spacing) * 10);
                }
                .size-11 {
                    width: calc(var(--spacing) * 11);
                    height: calc(var(--spacing) * 11);
                }
                .size-12 {
                    width: calc(var(--spacing) * 12);
                    height: calc(var(--spacing) * 12);
                }
                .size-16 {
                    width: calc(var(--spacing) * 16);
                    height: calc(var(--spacing) * 16);
                }
                .size-20 {
                    width: calc(var(--spacing) * 20);
                    height: calc(var(--spacing) * 20);
                }
                .size-32 {
                    width: calc(var(--spacing) * 32);
                    height: calc(var(--spacing) * 32);
                }
                .size-full {
                    width: 100%;
                    height: 100%;
                }
                .h-1 {
                    height: calc(var(--spacing) * 1);
                }
                .h-1\.5 {
                    height: calc(var(--spacing) * 1.5);
                }
                .h-1\/3 {
                    height: 33.3333%;
                }
                .h-2 {
                    height: calc(var(--spacing) * 2);
                }
                .h-2\.5 {
                    height: calc(var(--spacing) * 2.5);
                }
                .h-3 {
                    height: calc(var(--spacing) * 3);
                }
                .h-4 {
                    height: calc(var(--spacing) * 4);
                }
                .h-4\! {
                    height: calc(var(--spacing) * 4) !important;
                }
                .h-5 {
                    height: calc(var(--spacing) * 5);
                }
                .h-6 {
                    height: calc(var(--spacing) * 6);
                }
                .h-7 {
                    height: calc(var(--spacing) * 7);
                }
                .h-8 {
                    height: calc(var(--spacing) * 8);
                }
                .h-9 {
                    height: calc(var(--spacing) * 9);
                }
                .h-10 {
                    height: calc(var(--spacing) * 10);
                }
                .h-12 {
                    height: calc(var(--spacing) * 12);
                }
                .h-14 {
                    height: calc(var(--spacing) * 14);
                }
                .h-16 {
                    height: calc(var(--spacing) * 16);
                }
                .h-24 {
                    height: calc(var(--spacing) * 24);
                }
                .h-32 {
                    height: calc(var(--spacing) * 32);
                }
                .h-64 {
                    height: calc(var(--spacing) * 64);
                }
                .h-\[1\.15rem\] {
                    height: 1.15rem;
                }
                .h-\[1px\] {
                    height: 1px;
                }
                .h-\[32px\] {
                    height: 32px;
                }
                .h-\[60px\] {
                    height: 60px;
                }
                .h-\[90vh\] {
                    height: 90vh;
                }
                .h-\[100px\] {
                    height: 100px;
                }
                .h-\[186px\] {
                    height: 186px;
                }
                .h-\[200px\] {
                    height: 200px;
                }
                .h-\[300px\] {
                    height: 300px;
                }
                .h-\[calc\(100\%-1px\)\] {
                    height: calc(100% - 1px);
                }
                .h-\[calc\(100vh-5\.3rem\)\] {
                    height: calc(100vh - 5.3rem);
                }
                .h-\[calc\(100vh-6rem\)\] {
                    height: calc(100vh - 6rem);
                }
                .h-\[calc\(100vh-9\.8rem\)\] {
                    height: calc(100vh - 9.8rem);
                }
                .h-\[calc\(100vh-10rem\)\] {
                    height: calc(100vh - 10rem);
                }
                .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
                    height: var(--radix-navigation-menu-viewport-height);
                }
                .h-\[var\(--radix-select-trigger-height\)\] {
                    height: var(--radix-select-trigger-height);
                }
                .h-auto {
                    height: auto;
                }
                .h-full {
                    height: 100%;
                }
                .h-px {
                    height: 1px;
                }
                .h-screen {
                    height: 100vh;
                }
                .h-svh {
                    height: 100svh;
                }
                .max-h-\(--radix-context-menu-content-available-height\) {
                    max-height: var(--radix-context-menu-content-available-height);
                }
                .max-h-\(--radix-dropdown-menu-content-available-height\) {
                    max-height: var(--radix-dropdown-menu-content-available-height);
                }
                .max-h-\(--radix-select-content-available-height\) {
                    max-height: var(--radix-select-content-available-height);
                }
                .max-h-\[245px\] {
                    max-height: 245px;
                }
                .max-h-\[250px\] {
                    max-height: 250px;
                }
                .max-h-\[270px\] {
                    max-height: 270px;
                }
                .max-h-\[300px\] {
                    max-height: 300px;
                }
                .max-h-\[350px\] {
                    max-height: 350px;
                }
                .max-h-\[400px\] {
                    max-height: 400px;
                }
                .max-h-full {
                    max-height: 100%;
                }
                .max-h-screen {
                    max-height: 100vh;
                }
                .min-h-0 {
                    min-height: calc(var(--spacing) * 0);
                }
                .min-h-4 {
                    min-height: calc(var(--spacing) * 4);
                }
                .min-h-16 {
                    min-height: calc(var(--spacing) * 16);
                }
                .min-h-52 {
                    min-height: calc(var(--spacing) * 52);
                }
                .min-h-72 {
                    min-height: calc(var(--spacing) * 72);
                }
                .min-h-\[44px\] {
                    min-height: 44px;
                }
                .min-h-\[99vh\] {
                    min-height: 99vh;
                }
                .min-h-screen {
                    min-height: 100vh;
                }
                .min-h-svh {
                    min-height: 100svh;
                }
                .w-\(--radix-dropdown-menu-trigger-width\) {
                    width: var(--radix-dropdown-menu-trigger-width);
                }
                .w-\(--radix-popper-anchor-width\) {
                    width: var(--radix-popper-anchor-width);
                }
                .w-\(--sidebar-width\) {
                    width: var(--sidebar-width);
                }
                .w-0 {
                    width: calc(var(--spacing) * 0);
                }
                .w-0\.5 {
                    width: calc(var(--spacing) * 0.5);
                }
                .w-1 {
                    width: calc(var(--spacing) * 1);
                }
                .w-1\.5 {
                    width: calc(var(--spacing) * 1.5);
                }
                .w-1\/2 {
                    width: 50%;
                }
                .w-2 {
                    width: calc(var(--spacing) * 2);
                }
                .w-2\.5 {
                    width: calc(var(--spacing) * 2.5);
                }
                .w-3 {
                    width: calc(var(--spacing) * 3);
                }
                .w-3\/4 {
                    width: 75%;
                }
                .w-4 {
                    width: calc(var(--spacing) * 4);
                }
                .w-4\! {
                    width: calc(var(--spacing) * 4) !important;
                }
                .w-5 {
                    width: calc(var(--spacing) * 5);
                }
                .w-6 {
                    width: calc(var(--spacing) * 6);
                }
                .w-7 {
                    width: calc(var(--spacing) * 7);
                }
                .w-8 {
                    width: calc(var(--spacing) * 8);
                }
                .w-9 {
                    width: calc(var(--spacing) * 9);
                }
                .w-10 {
                    width: calc(var(--spacing) * 10);
                }
                .w-12 {
                    width: calc(var(--spacing) * 12);
                }
                .w-14 {
                    width: calc(var(--spacing) * 14);
                }
                .w-20 {
                    width: calc(var(--spacing) * 20);
                }
                .w-24 {
                    width: calc(var(--spacing) * 24);
                }
                .w-28 {
                    width: calc(var(--spacing) * 28);
                }
                .w-40 {
                    width: calc(var(--spacing) * 40);
                }
                .w-52 {
                    width: calc(var(--spacing) * 52);
                }
                .w-56 {
                    width: calc(var(--spacing) * 56);
                }
                .w-60 {
                    width: calc(var(--spacing) * 60);
                }
                .w-64 {
                    width: calc(var(--spacing) * 64);
                }
                .w-72 {
                    width: calc(var(--spacing) * 72);
                }
                .w-80 {
                    width: calc(var(--spacing) * 80);
                }
                .w-96 {
                    width: calc(var(--spacing) * 96);
                }
                .w-\[80px\] {
                    width: 80px;
                }
                .w-\[100px\] {
                    width: 100px;
                }
                .w-\[150px\] {
                    width: 150px;
                }
                .w-\[200px\] {
                    width: 200px;
                }
                .w-\[240px\] {
                    width: 240px;
                }
                .w-\[250px\] {
                    width: 250px;
                }
                .w-\[340px\] {
                    width: 340px;
                }
                .w-auto {
                    width: auto;
                }
                .w-fit {
                    width: fit-content;
                }
                .w-full {
                    width: 100%;
                }
                .w-max {
                    width: max-content;
                }
                .w-px {
                    width: 1px;
                }
                .max-w-\(--breakpoint-lg\) {
                    max-width: var(--breakpoint-lg);
                }
                .max-w-\(--breakpoint-md\) {
                    max-width: var(--breakpoint-md);
                }
                .max-w-\(--breakpoint-sm\) {
                    max-width: var(--breakpoint-sm);
                }
                .max-w-\(--skeleton-width\) {
                    max-width: var(--skeleton-width);
                }
                .max-w-3xl {
                    max-width: var(--container-3xl);
                }
                .max-w-4xl {
                    max-width: var(--container-4xl);
                }
                .max-w-96 {
                    max-width: calc(var(--spacing) * 96);
                }
                .max-w-\[75\%\] {
                    max-width: 75%;
                }
                .max-w-\[85\%\] {
                    max-width: 85%;
                }
                .max-w-\[120px\] {
                    max-width: 120px;
                }
                .max-w-\[230px\] {
                    max-width: 230px;
                }
                .max-w-\[calc\(100\%-2rem\)\] {
                    max-width: calc(100% - 2rem);
                }
                .max-w-max {
                    max-width: max-content;
                }
                .max-w-md {
                    max-width: var(--container-md);
                }
                .max-w-screen-lg {
                    max-width: var(--breakpoint-lg);
                }
                .max-w-sm {
                    max-width: var(--container-sm);
                }
                .max-w-xs {
                    max-width: var(--container-xs);
                }
                .min-w-0 {
                    min-width: calc(var(--spacing) * 0);
                }
                .min-w-2\.5 {
                    min-width: calc(var(--spacing) * 2.5);
                }
                .min-w-5 {
                    min-width: calc(var(--spacing) * 5);
                }
                .min-w-8 {
                    min-width: calc(var(--spacing) * 8);
                }
                .min-w-9 {
                    min-width: calc(var(--spacing) * 9);
                }
                .min-w-10 {
                    min-width: calc(var(--spacing) * 10);
                }
                .min-w-48 {
                    min-width: calc(var(--spacing) * 48);
                }
                .min-w-60 {
                    min-width: calc(var(--spacing) * 60);
                }
                .min-w-80 {
                    min-width: calc(var(--spacing) * 80);
                }
                .min-w-\[8rem\] {
                    min-width: 8rem;
                }
                .min-w-\[12rem\] {
                    min-width: 12rem;
                }
                .min-w-\[var\(--radix-select-trigger-width\)\] {
                    min-width: var(--radix-select-trigger-width);
                }
                .flex-0 {
                    flex: 0;
                }
                .flex-1 {
                    flex: 1;
                }
                .flex-none {
                    flex: none;
                }
                .flex-shrink-0,
                .shrink-0 {
                    flex-shrink: 0;
                }
                .grow {
                    flex-grow: 1;
                }
                .grow-0 {
                    flex-grow: 0;
                }
                .basis-full {
                    flex-basis: 100%;
                }
                .caption-bottom {
                    caption-side: bottom;
                }
                .border-collapse {
                    border-collapse: collapse;
                }
                .-translate-x-1\/2 {
                    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
                }
                .-translate-x-1\/2,
                .-translate-x-px {
                    translate: var(--tw-translate-x) var(--tw-translate-y);
                }
                .-translate-x-px {
                    --tw-translate-x: -1px;
                }
                .translate-x-\[-50\%\] {
                    --tw-translate-x: -50%;
                }
                .translate-x-\[-50\%\],
                .translate-x-px {
                    translate: var(--tw-translate-x) var(--tw-translate-y);
                }
                .translate-x-px {
                    --tw-translate-x: 1px;
                }
                .-translate-y-1\/2 {
                    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
                }
                .-translate-y-1\/2,
                .-translate-y-2 {
                    translate: var(--tw-translate-x) var(--tw-translate-y);
                }
                .-translate-y-2 {
                    --tw-translate-y: calc(var(--spacing) * -2);
                }
                .translate-y-0 {
                    --tw-translate-y: calc(var(--spacing) * 0);
                }
                .translate-y-0,
                .translate-y-0\.5 {
                    translate: var(--tw-translate-x) var(--tw-translate-y);
                }
                .translate-y-0\.5 {
                    --tw-translate-y: calc(var(--spacing) * 0.5);
                }
                .translate-y-4 {
                    --tw-translate-y: calc(var(--spacing) * 4);
                }
                .translate-y-4,
                .translate-y-\[-50\%\] {
                    translate: var(--tw-translate-x) var(--tw-translate-y);
                }
                .translate-y-\[-50\%\] {
                    --tw-translate-y: -50%;
                }
                .translate-y-\[calc\(-50\%_-_2px\)\] {
                    --tw-translate-y: calc(-50% - 2px);
                    translate: var(--tw-translate-x) var(--tw-translate-y);
                }
                .scale-95 {
                    --tw-scale-x: 95%;
                    --tw-scale-y: 95%;
                    --tw-scale-z: 95%;
                }
                .scale-100,
                .scale-95 {
                    scale: var(--tw-scale-x) var(--tw-scale-y);
                }
                .scale-100 {
                    --tw-scale-x: 100%;
                    --tw-scale-y: 100%;
                    --tw-scale-z: 100%;
                }
                .rotate-45 {
                    rotate: 45deg;
                }
                .rotate-90 {
                    rotate: 90deg;
                }
                .transform {
                    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
                }
                .animate-\[blink_1s_step-end_infinite\] {
                    animation: blink 1s step-end infinite;
                }
                .animate-\[bounce-dots_1\.4s_ease-in-out_infinite\] {
                    animation: bounce-dots 1.4s ease-in-out infinite;
                }
                .animate-\[loading-dots_1\.4s_infinite_0\.2s\] {
                    animation: loading-dots 1.4s 0.2s infinite;
                }
                .animate-\[loading-dots_1\.4s_infinite_0\.4s\] {
                    animation: loading-dots 1.4s 0.4s infinite;
                }
                .animate-\[loading-dots_1\.4s_infinite_0\.6s\] {
                    animation: loading-dots 1.4s 0.6s infinite;
                }
                .animate-\[pulse-dot_1\.2s_ease-in-out_infinite\] {
                    animation: pulse-dot 1.2s ease-in-out infinite;
                }
                .animate-\[shimmer_4s_infinite_linear\] {
                    animation: shimmer 4s linear infinite;
                }
                .animate-\[spinner-fade_1\.2s_linear_infinite\] {
                    animation: spinner-fade 1.2s linear infinite;
                }
                .animate-\[text-blink_2s_ease-in-out_infinite\] {
                    animation: text-blink 2s ease-in-out infinite;
                }
                .animate-\[thin-pulse_1\.5s_ease-in-out_infinite\] {
                    animation: thin-pulse 1.5s ease-in-out infinite;
                }
                .animate-\[typing_1s_infinite\] {
                    animation: typing 1s infinite;
                }
                .animate-\[wave-bars_1\.2s_ease-in-out_infinite\] {
                    animation: wave-bars 1.2s ease-in-out infinite;
                }
                .animate-\[wave_1s_ease-in-out_infinite\] {
                    animation: wave 1s ease-in-out infinite;
                }
                .animate-pulse {
                    animation: var(--animate-pulse);
                }
                .animate-spin {
                    animation: var(--animate-spin);
                }
                .cursor-col-resize {
                    cursor: col-resize;
                }
                .cursor-default {
                    cursor: default;
                }
                .cursor-pointer {
                    cursor: pointer;
                }
                .touch-none {
                    touch-action: none;
                }
                .resize {
                    resize: both;
                }
                .resize-none {
                    resize: none;
                }
                .scroll-my-1 {
                    scroll-margin-block: calc(var(--spacing) * 1);
                }
                .scroll-mt-4 {
                    scroll-margin-top: calc(var(--spacing) * 4);
                }
                .scroll-py-1 {
                    scroll-padding-block: calc(var(--spacing) * 1);
                }
                .list-inside {
                    list-style-position: inside;
                }
                .list-disc {
                    list-style-type: disc;
                }
                .list-none {
                    list-style-type: none;
                }
                .appearance-none {
                    appearance: none;
                }
                .columns-1 {
                    column-count: 1;
                }
                .break-inside-avoid {
                    break-inside: avoid;
                }
                .auto-cols-max {
                    grid-auto-columns: max-content;
                }
                .grid-flow-col {
                    grid-auto-flow: column;
                }
                .grid-flow-row {
                    grid-auto-flow: row;
                }
                .auto-rows-min {
                    grid-auto-rows: min-content;
                }
                .grid-cols-1 {
                    grid-template-columns: repeat(1, minmax(0, 1fr));
                }
                .grid-cols-2 {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                }
                .grid-cols-3 {
                    grid-template-columns: repeat(3, minmax(0, 1fr));
                }
                .grid-cols-4 {
                    grid-template-columns: repeat(4, minmax(0, 1fr));
                }
                .grid-cols-6 {
                    grid-template-columns: repeat(6, minmax(0, 1fr));
                }
                .grid-cols-8 {
                    grid-template-columns: repeat(8, minmax(0, 1fr));
                }
                .grid-cols-10 {
                    grid-template-columns: repeat(10, minmax(0, 1fr));
                }
                .grid-cols-\[0_1fr\] {
                    grid-template-columns: 0 1fr;
                }
                .grid-rows-10 {
                    grid-template-rows: repeat(10, minmax(0, 1fr));
                }
                .grid-rows-\[auto_auto\] {
                    grid-template-rows: auto auto;
                }
                .flex-col {
                    flex-direction: column;
                }
                .flex-col-reverse {
                    flex-direction: column-reverse;
                }
                .flex-row {
                    flex-direction: row;
                }
                .flex-wrap {
                    flex-wrap: wrap;
                }
                .items-baseline {
                    align-items: baseline;
                }
                .items-center {
                    align-items: center;
                }
                .items-end {
                    align-items: flex-end;
                }
                .items-start {
                    align-items: flex-start;
                }
                .items-stretch {
                    align-items: stretch;
                }
                .justify-around {
                    justify-content: space-around;
                }
                .justify-between {
                    justify-content: space-between;
                }
                .justify-center {
                    justify-content: center;
                }
                .justify-end {
                    justify-content: flex-end;
                }
                .justify-start {
                    justify-content: flex-start;
                }
                .justify-items-start {
                    justify-items: start;
                }
                .gap-0 {
                    gap: calc(var(--spacing) * 0);
                }
                .gap-0\.5 {
                    gap: calc(var(--spacing) * 0.5);
                }
                .gap-1 {
                    gap: calc(var(--spacing) * 1);
                }
                .gap-1\.5 {
                    gap: calc(var(--spacing) * 1.5);
                }
                .gap-2 {
                    gap: calc(var(--spacing) * 2);
                }
                .gap-3 {
                    gap: calc(var(--spacing) * 3);
                }
                .gap-4 {
                    gap: calc(var(--spacing) * 4);
                }
                .gap-6 {
                    gap: calc(var(--spacing) * 6);
                }
                .gap-8 {
                    gap: calc(var(--spacing) * 8);
                }
                .gap-9 {
                    gap: calc(var(--spacing) * 9);
                }
                .gap-px {
                    gap: 1px;
                }
                :where(.space-y-0 > :not(:last-child)) {
                    --tw-space-y-reverse: 0;
                    margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
                    margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
                }
                :where(.space-y-0\.5 > :not(:last-child)) {
                    --tw-space-y-reverse: 0;
                    margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
                    margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
                }
                :where(.space-y-1 > :not(:last-child)) {
                    --tw-space-y-reverse: 0;
                    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
                    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
                }
                :where(.space-y-1\.5 > :not(:last-child)) {
                    --tw-space-y-reverse: 0;
                    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
                    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
                }
                :where(.space-y-2 > :not(:last-child)) {
                    --tw-space-y-reverse: 0;
                    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
                    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
                }
                :where(.space-y-3 > :not(:last-child)) {
                    --tw-space-y-reverse: 0;
                    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
                    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
                }
                :where(.space-y-4 > :not(:last-child)) {
                    --tw-space-y-reverse: 0;
                    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
                    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
                }
                :where(.space-y-5 > :not(:last-child)) {
                    --tw-space-y-reverse: 0;
                    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
                    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
                }
                :where(.space-y-6 > :not(:last-child)) {
                    --tw-space-y-reverse: 0;
                    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
                    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
                }
                :where(.space-y-8 > :not(:last-child)) {
                    --tw-space-y-reverse: 0;
                    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
                    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
                }
                :where(.space-y-10 > :not(:last-child)) {
                    --tw-space-y-reverse: 0;
                    margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
                    margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
                }
                :where(.space-y-12 > :not(:last-child)) {
                    --tw-space-y-reverse: 0;
                    margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
                    margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
                }
                :where(.space-y-20 > :not(:last-child)) {
                    --tw-space-y-reverse: 0;
                    margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));
                    margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)));
                }
                .gap-x-2 {
                    column-gap: calc(var(--spacing) * 2);
                }
                :where(.-space-x-2 > :not(:last-child)) {
                    --tw-space-x-reverse: 0;
                    margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
                    margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
                }
                :where(.-space-x-4 > :not(:last-child)) {
                    --tw-space-x-reverse: 0;
                    margin-inline-start: calc(calc(var(--spacing) * -4) * var(--tw-space-x-reverse));
                    margin-inline-end: calc(calc(var(--spacing) * -4) * calc(1 - var(--tw-space-x-reverse)));
                }
                :where(.space-x-1 > :not(:last-child)) {
                    --tw-space-x-reverse: 0;
                    margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));
                    margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));
                }
                :where(.space-x-2 > :not(:last-child)) {
                    --tw-space-x-reverse: 0;
                    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
                    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
                }
                :where(.space-x-3 > :not(:last-child)) {
                    --tw-space-x-reverse: 0;
                    margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
                    margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
                }
                :where(.space-x-4 > :not(:last-child)) {
                    --tw-space-x-reverse: 0;
                    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
                    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
                }
                .gap-y-0\.5 {
                    row-gap: calc(var(--spacing) * 0.5);
                }
                .gap-y-2 {
                    row-gap: calc(var(--spacing) * 2);
                }
                .gap-y-4 {
                    row-gap: calc(var(--spacing) * 4);
                }
                :where(.divide-x > :not(:last-child)) {
                    --tw-divide-x-reverse: 0;
                    border-inline-style: var(--tw-border-style);
                    border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
                    border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
                }
                :where(.divide-y > :not(:last-child)) {
                    --tw-divide-y-reverse: 0;
                    border-bottom-style: var(--tw-border-style);
                    border-top-style: var(--tw-border-style);
                    border-top-width: calc(1px * var(--tw-divide-y-reverse));
                    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
                }
                :where(.divide-gray-100 > :not(:last-child)) {
                    border-color: var(--color-gray-100);
                }
                .self-end {
                    align-self: flex-end;
                }
                .self-start {
                    align-self: flex-start;
                }
                .justify-self-end {
                    justify-self: flex-end;
                }
                .justify-self-start {
                    justify-self: flex-start;
                }
                .truncate {
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden;
                }
                .overflow-auto {
                    overflow: auto;
                }
                .overflow-clip {
                    overflow: clip;
                }
                .overflow-hidden {
                    overflow: hidden;
                }
                .overflow-visible {
                    overflow: visible;
                }
                .overflow-x-auto {
                    overflow-x: auto;
                }
                .overflow-x-hidden {
                    overflow-x: hidden;
                }
                .overflow-y-auto {
                    overflow-y: auto;
                }
                .overflow-y-scroll {
                    overflow-y: scroll;
                }
                .rounded {
                    border-radius: 0.25rem;
                }
                .rounded-2xl {
                    border-radius: var(--radius-2xl);
                }
                .rounded-3xl {
                    border-radius: var(--radius-3xl);
                }
                .rounded-\[2px\] {
                    border-radius: 2px;
                }
                .rounded-\[4px\] {
                    border-radius: 4px;
                }
                .rounded-\[inherit\] {
                    border-radius: inherit;
                }
                .rounded-full {
                    border-radius: 3.40282e38px;
                }
                .rounded-lg {
                    border-radius: var(--radius);
                }
                .rounded-md {
                    border-radius: calc(var(--radius) - 2px);
                }
                .rounded-md\! {
                    border-radius: calc(var(--radius) - 2px) !important;
                }
                .rounded-none {
                    border-radius: 0;
                }
                .rounded-sm {
                    border-radius: calc(var(--radius) - 4px);
                }
                .rounded-xl {
                    border-radius: calc(var(--radius) + 4px);
                }
                .rounded-xs {
                    border-radius: var(--radius-xs);
                }
                .rounded-s-md {
                    border-start-start-radius: calc(var(--radius) - 2px);
                    border-end-start-radius: calc(var(--radius) - 2px);
                }
                .rounded-e-md {
                    border-start-end-radius: calc(var(--radius) - 2px);
                    border-end-end-radius: calc(var(--radius) - 2px);
                }
                .rounded-t-none {
                    border-top-left-radius: 0;
                    border-top-right-radius: 0;
                }
                .rounded-tl-md {
                    border-top-left-radius: calc(var(--radius) - 2px);
                }
                .rounded-tl-sm {
                    border-top-left-radius: calc(var(--radius) - 4px);
                }
                .rounded-tr-md {
                    border-top-right-radius: calc(var(--radius) - 2px);
                }
                .border {
                    border-style: var(--tw-border-style);
                    border-width: 1px;
                }
                .border-0 {
                    border-style: var(--tw-border-style);
                    border-width: 0;
                }
                .border-1 {
                    border-style: var(--tw-border-style);
                    border-width: 1px;
                }
                .border-2 {
                    border-style: var(--tw-border-style);
                    border-width: 2px;
                }
                .border-4 {
                    border-style: var(--tw-border-style);
                    border-width: 4px;
                }
                .border-\[0\.5px\] {
                    border-style: var(--tw-border-style);
                    border-width: 0.5px;
                }
                .border-\[1\.5px\] {
                    border-style: var(--tw-border-style);
                    border-width: 1.5px;
                }
                .border-y {
                    border-block-style: var(--tw-border-style);
                    border-block-width: 1px;
                }
                .border-s {
                    border-inline-start-style: var(--tw-border-style);
                    border-inline-start-width: 1px;
                }
                .border-s-0 {
                    border-inline-start-style: var(--tw-border-style);
                    border-inline-start-width: 0;
                }
                .border-e {
                    border-inline-end-style: var(--tw-border-style);
                    border-inline-end-width: 1px;
                }
                .border-t {
                    border-top-style: var(--tw-border-style);
                    border-top-width: 1px;
                }
                .border-r {
                    border-right-style: var(--tw-border-style);
                    border-right-width: 1px;
                }
                .border-b {
                    border-bottom-style: var(--tw-border-style);
                    border-bottom-width: 1px;
                }
                .border-l {
                    border-left-style: var(--tw-border-style);
                    border-left-width: 1px;
                }
                .border-dashed {
                    --tw-border-style: dashed;
                    border-style: dashed;
                }
                .border-none {
                    --tw-border-style: none;
                    border-style: none;
                }
                .border-solid {
                    --tw-border-style: solid;
                    border-style: solid;
                }
                .border-\(--color-border\) {
                    border-color: var(--color-border);
                }
                .border-\[var\(--mt-transparent-foreground\)\] {
                    border-color: var(--mt-transparent-foreground);
                }
                .border-background {
                    border-color: var(--background);
                }
                .border-blue-400 {
                    border-color: var(--color-blue-400);
                }
                .border-blue-500 {
                    border-color: var(--color-blue-500);
                }
                .border-border,
                .border-border\/50 {
                    border-color: var(--border);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .border-border\/50 {
                        border-color: color-mix(in oklab, var(--border) 50%, transparent);
                    }
                }
                .border-card {
                    border-color: var(--card);
                }
                .border-destructive {
                    border-color: var(--destructive);
                }
                .border-gray-200 {
                    border-color: var(--color-gray-200);
                }
                .border-gray-900\/25 {
                    border-color: #10182840;
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .border-gray-900\/25 {
                        border-color: color-mix(in oklab, var(--color-gray-900) 25%, transparent);
                    }
                }
                .border-green-400 {
                    border-color: var(--color-green-400);
                }
                .border-green-500 {
                    border-color: var(--color-green-500);
                }
                .border-input {
                    border-color: var(--input);
                }
                .border-muted {
                    border-color: var(--muted);
                }
                .border-orange-400 {
                    border-color: var(--color-orange-400);
                }
                .border-primary,
                .border-primary\/10 {
                    border-color: var(--primary);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .border-primary\/10 {
                        border-color: color-mix(in oklab, var(--primary) 10%, transparent);
                    }
                }
                .border-primary\/30 {
                    border-color: var(--primary);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .border-primary\/30 {
                        border-color: color-mix(in oklab, var(--primary) 30%, transparent);
                    }
                }
                .border-red-400 {
                    border-color: var(--color-red-400);
                }
                .border-red-500 {
                    border-color: var(--color-red-500);
                }
                .border-red-600\/10 {
                    border-color: #e400141a;
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .border-red-600\/10 {
                        border-color: color-mix(in oklab, var(--color-red-600) 10%, transparent);
                    }
                }
                .border-red-600\/30 {
                    border-color: #e400144d;
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .border-red-600\/30 {
                        border-color: color-mix(in oklab, var(--color-red-600) 30%, transparent);
                    }
                }
                .border-sidebar-border {
                    border-color: var(--sidebar-border);
                }
                .border-teal-400 {
                    border-color: var(--color-teal-400);
                }
                .border-transparent {
                    border-color: #0000;
                }
                .border-y-transparent {
                    border-block-color: #0000;
                }
                .border-s-transparent {
                    border-inline-start-color: #0000;
                }
                .border-t-transparent {
                    border-top-color: #0000;
                }
                .border-l-transparent {
                    border-left-color: #0000;
                }
                .bg-\(--color-bg\) {
                    background-color: var(--color-bg);
                }
                .bg-\[\#ecedef\] {
                    background-color: #ecedef;
                }
                .bg-\[var\(--chart-1\)\] {
                    background-color: var(--chart-1);
                }
                .bg-\[var\(--chart-2\)\] {
                    background-color: var(--chart-2);
                }
                .bg-\[var\(--chart-3\)\] {
                    background-color: var(--chart-3);
                }
                .bg-\[var\(--chart-4\)\] {
                    background-color: var(--chart-4);
                }
                .bg-\[var\(--chart-5\)\] {
                    background-color: var(--chart-5);
                }
                .bg-\[var\(--mt-bg-secondary\)\] {
                    background-color: var(--mt-bg-secondary);
                }
                .bg-\[var\(--mt-overlay\)\] {
                    background-color: var(--mt-overlay);
                }
                .bg-accent {
                    background-color: var(--accent);
                }
                .bg-amber-100 {
                    background-color: var(--color-amber-100);
                }
                .bg-amber-500 {
                    background-color: var(--color-amber-500);
                }
                .bg-background,
                .bg-background\/50 {
                    background-color: var(--background);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .bg-background\/50 {
                        background-color: color-mix(in oklab, var(--background) 50%, transparent);
                    }
                }
                .bg-black {
                    background-color: var(--color-black);
                }
                .bg-black\/40 {
                    background-color: #0006;
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .bg-black\/40 {
                        background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
                    }
                }
                .bg-black\/50 {
                    background-color: #00000080;
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .bg-black\/50 {
                        background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
                    }
                }
                .bg-black\/60 {
                    background-color: #0009;
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .bg-black\/60 {
                        background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
                    }
                }
                .bg-blue-50 {
                    background-color: var(--color-blue-50);
                }
                .bg-blue-100 {
                    background-color: var(--color-blue-100);
                }
                .bg-blue-400 {
                    background-color: var(--color-blue-400);
                }
                .bg-blue-500 {
                    background-color: var(--color-blue-500);
                }
                .bg-border {
                    background-color: var(--border);
                }
                .bg-card {
                    background-color: var(--card);
                }
                .bg-cyan-500 {
                    background-color: var(--color-cyan-500);
                }
                .bg-destructive {
                    background-color: var(--destructive);
                }
                .bg-emerald-500 {
                    background-color: var(--color-emerald-500);
                }
                .bg-foreground {
                    background-color: var(--foreground);
                }
                .bg-gray-100 {
                    background-color: var(--color-gray-100);
                }
                .bg-gray-200\! {
                    background-color: var(--color-gray-200) !important;
                }
                .bg-gray-400 {
                    background-color: var(--color-gray-400);
                }
                .bg-green-50 {
                    background-color: var(--color-green-50);
                }
                .bg-green-100 {
                    background-color: var(--color-green-100);
                }
                .bg-green-200 {
                    background-color: var(--color-green-200);
                }
                .bg-green-400 {
                    background-color: var(--color-green-400);
                }
                .bg-green-500 {
                    background-color: var(--color-green-500);
                }
                .bg-green-600 {
                    background-color: var(--color-green-600);
                }
                .bg-indigo-200 {
                    background-color: var(--color-indigo-200);
                }
                .bg-indigo-400 {
                    background-color: var(--color-indigo-400);
                }
                .bg-indigo-500 {
                    background-color: var(--color-indigo-500);
                }
                .bg-lime-500 {
                    background-color: var(--color-lime-500);
                }
                .bg-muted {
                    background-color: var(--muted);
                }
                .bg-muted\! {
                    background-color: var(--muted) !important;
                }
                .bg-muted\/30 {
                    background-color: var(--muted);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .bg-muted\/30 {
                        background-color: color-mix(in oklab, var(--muted) 30%, transparent);
                    }
                }
                .bg-muted\/50 {
                    background-color: var(--muted);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .bg-muted\/50 {
                        background-color: color-mix(in oklab, var(--muted) 50%, transparent);
                    }
                }
                .bg-orange-50 {
                    background-color: var(--color-orange-50);
                }
                .bg-orange-100 {
                    background-color: var(--color-orange-100);
                }
                .bg-orange-200 {
                    background-color: var(--color-orange-200);
                }
                .bg-orange-400 {
                    background-color: var(--color-orange-400);
                }
                .bg-orange-500 {
                    background-color: var(--color-orange-500);
                }
                .bg-orange-600 {
                    background-color: var(--color-orange-600);
                }
                .bg-pink-500 {
                    background-color: var(--color-pink-500);
                }
                .bg-popover {
                    background-color: var(--popover);
                }
                .bg-primary,
                .bg-primary\/5 {
                    background-color: var(--primary);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .bg-primary\/5 {
                        background-color: color-mix(in oklab, var(--primary) 5%, transparent);
                    }
                }
                .bg-primary\/20 {
                    background-color: var(--primary);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .bg-primary\/20 {
                        background-color: color-mix(in oklab, var(--primary) 20%, transparent);
                    }
                }
                .bg-purple-200 {
                    background-color: var(--color-purple-200);
                }
                .bg-purple-400 {
                    background-color: var(--color-purple-400);
                }
                .bg-purple-500 {
                    background-color: var(--color-purple-500);
                }
                .bg-red-50 {
                    background-color: var(--color-red-50);
                }
                .bg-red-100 {
                    background-color: var(--color-red-100);
                }
                .bg-red-400 {
                    background-color: var(--color-red-400);
                }
                .bg-red-500 {
                    background-color: var(--color-red-500);
                }
                .bg-red-500\/5 {
                    background-color: #fb2c360d;
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .bg-red-500\/5 {
                        background-color: color-mix(in oklab, var(--color-red-500) 5%, transparent);
                    }
                }
                .bg-red-600 {
                    background-color: var(--color-red-600);
                }
                .bg-secondary {
                    background-color: var(--secondary);
                }
                .bg-sidebar {
                    background-color: var(--sidebar);
                }
                .bg-sidebar-border {
                    background-color: var(--sidebar-border);
                }
                .bg-slate-400 {
                    background-color: var(--color-slate-400);
                }
                .bg-slate-800 {
                    background-color: var(--color-slate-800);
                }
                .bg-slate-950 {
                    background-color: var(--color-slate-950);
                }
                .bg-teal-100 {
                    background-color: var(--color-teal-100);
                }
                .bg-teal-200 {
                    background-color: var(--color-teal-200);
                }
                .bg-teal-400 {
                    background-color: var(--color-teal-400);
                }
                .bg-teal-500 {
                    background-color: var(--color-teal-500);
                }
                .bg-transparent {
                    background-color: #0000;
                }
                .bg-white {
                    background-color: var(--color-white);
                }
                .bg-yellow-100 {
                    background-color: var(--color-yellow-100);
                }
                .bg-yellow-300 {
                    background-color: var(--color-yellow-300);
                }
                .bg-yellow-400 {
                    background-color: var(--color-yellow-400);
                }
                .bg-yellow-500 {
                    background-color: var(--color-yellow-500);
                }
                .bg-yellow-600 {
                    background-color: var(--color-yellow-600);
                }
                .bg-zinc-200 {
                    background-color: var(--color-zinc-200);
                }
                .bg-linear-to-l {
                    --tw-gradient-position: to left;
                }
                @supports (background-image: linear-gradient(in lab, red, red)) {
                    .bg-linear-to-l {
                        --tw-gradient-position: to left in oklab;
                    }
                }
                .bg-linear-to-l {
                    background-image: linear-gradient(var(--tw-gradient-stops));
                }
                .bg-linear-to-r {
                    --tw-gradient-position: to right;
                }
                @supports (background-image: linear-gradient(in lab, red, red)) {
                    .bg-linear-to-r {
                        --tw-gradient-position: to right in oklab;
                    }
                }
                .bg-gradient-to-b,
                .bg-linear-to-r {
                    background-image: linear-gradient(var(--tw-gradient-stops));
                }
                .bg-gradient-to-b {
                    --tw-gradient-position: to bottom in oklab;
                }
                .bg-gradient-to-r {
                    --tw-gradient-position: to right in oklab;
                }
                .bg-gradient-to-r,
                .bg-gradient-to-t {
                    background-image: linear-gradient(var(--tw-gradient-stops));
                }
                .bg-gradient-to-t {
                    --tw-gradient-position: to top in oklab;
                }
                .bg-\[linear-gradient\(to_right\,var\(--muted-foreground\)_40\%\,var\(--foreground\)_60\%\,var\(--muted-foreground\)_80\%\)\] {
                    background-image: linear-gradient(to right, var(--muted-foreground) 40%, var(--foreground) 60%, var(--muted-foreground) 80%);
                }
                .from-background {
                    --tw-gradient-from: var(--background);
                    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
                }
                .from-background\/80 {
                    --tw-gradient-from: var(--background);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .from-background\/80 {
                        --tw-gradient-from: color-mix(in oklab, var(--background) 80%, transparent);
                    }
                }
                .from-background\/80 {
                    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
                }
                .from-blue-500 {
                    --tw-gradient-from: var(--color-blue-500);
                    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
                }
                .from-chart-1\/40 {
                    --tw-gradient-from: var(--chart-1);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .from-chart-1\/40 {
                        --tw-gradient-from: color-mix(in oklab, var(--chart-1) 40%, transparent);
                    }
                }
                .from-chart-1\/40 {
                    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
                }
                .from-gray-200 {
                    --tw-gradient-from: var(--color-gray-200);
                    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
                }
                .from-green-500 {
                    --tw-gradient-from: var(--color-green-500);
                    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
                }
                .from-muted {
                    --tw-gradient-from: var(--muted);
                    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
                }
                .from-orange-500 {
                    --tw-gradient-from: var(--color-orange-500);
                    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
                }
                .from-purple-500 {
                    --tw-gradient-from: var(--color-purple-500);
                    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
                }
                .from-red-500 {
                    --tw-gradient-from: var(--color-red-500);
                    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
                }
                .from-teal-500 {
                    --tw-gradient-from: var(--color-teal-500);
                    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
                }
                .from-50\% {
                    --tw-gradient-from-position: 50%;
                }
                .to-chart-2\/60 {
                    --tw-gradient-to: var(--chart-2);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .to-chart-2\/60 {
                        --tw-gradient-to: color-mix(in oklab, var(--chart-2) 60%, transparent);
                    }
                }
                .to-chart-2\/60 {
                    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
                }
                .to-green-500 {
                    --tw-gradient-to: var(--color-green-500);
                    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
                }
                .to-pink-500 {
                    --tw-gradient-to: var(--color-pink-500);
                    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
                }
                .to-purple-500 {
                    --tw-gradient-to: var(--color-purple-500);
                    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
                }
                .to-red-500 {
                    --tw-gradient-to: var(--color-red-500);
                    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
                }
                .to-secondary\/10 {
                    --tw-gradient-to: var(--secondary);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .to-secondary\/10 {
                        --tw-gradient-to: color-mix(in oklab, var(--secondary) 10%, transparent);
                    }
                }
                .to-secondary\/10 {
                    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
                }
                .to-transparent {
                    --tw-gradient-to: transparent;
                    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
                }
                .to-yellow-500 {
                    --tw-gradient-to: var(--color-yellow-500);
                    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
                }
                .bg-\[200\%_auto\] {
                    background-size: 200%;
                }
                .bg-cover {
                    background-size: cover;
                }
                .bg-clip-text {
                    -webkit-background-clip: text;
                    background-clip: text;
                }
                .fill-current {
                    fill: currentColor;
                }
                .fill-foreground {
                    fill: var(--foreground);
                }
                .fill-gray-200 {
                    fill: var(--color-gray-200);
                }
                .fill-muted-foreground {
                    fill: var(--muted-foreground);
                }
                .fill-orange-400 {
                    fill: var(--color-orange-400);
                }
                .fill-primary {
                    fill: var(--primary);
                }
                .fill-transparent {
                    fill: #0000;
                }
                .fill-yellow-400 {
                    fill: var(--color-yellow-400);
                }
                .fill-yellow-500 {
                    fill: var(--color-yellow-500);
                }
                .stroke-orange-400 {
                    stroke: var(--color-orange-400);
                }
                .object-contain {
                    object-fit: contain;
                }
                .object-cover {
                    object-fit: cover;
                }
                .p-0 {
                    padding: calc(var(--spacing) * 0);
                }
                .p-0\! {
                    padding: calc(var(--spacing) * 0) !important;
                }
                .p-1 {
                    padding: calc(var(--spacing) * 1);
                }
                .p-2 {
                    padding: calc(var(--spacing) * 2);
                }
                .p-3 {
                    padding: calc(var(--spacing) * 3);
                }
                .p-4 {
                    padding: calc(var(--spacing) * 4);
                }
                .p-5 {
                    padding: calc(var(--spacing) * 5);
                }
                .p-6 {
                    padding: calc(var(--spacing) * 6);
                }
                .p-\[3px\] {
                    padding: 3px;
                }
                .p-px {
                    padding: 1px;
                }
                .px-0 {
                    padding-inline: calc(var(--spacing) * 0);
                }
                .px-0\.5 {
                    padding-inline: calc(var(--spacing) * 0.5);
                }
                .px-1 {
                    padding-inline: calc(var(--spacing) * 1);
                }
                .px-1\.5 {
                    padding-inline: calc(var(--spacing) * 1.5);
                }
                .px-2 {
                    padding-inline: calc(var(--spacing) * 2);
                }
                .px-2\.5 {
                    padding-inline: calc(var(--spacing) * 2.5);
                }
                .px-3 {
                    padding-inline: calc(var(--spacing) * 3);
                }
                .px-4 {
                    padding-inline: calc(var(--spacing) * 4);
                }
                .px-6 {
                    padding-inline: calc(var(--spacing) * 6);
                }
                .py-0 {
                    padding-block: calc(var(--spacing) * 0);
                }
                .py-0\! {
                    padding-block: calc(var(--spacing) * 0) !important;
                }
                .py-0\.5 {
                    padding-block: calc(var(--spacing) * 0.5);
                }
                .py-1 {
                    padding-block: calc(var(--spacing) * 1);
                }
                .py-1\.5 {
                    padding-block: calc(var(--spacing) * 1.5);
                }
                .py-2 {
                    padding-block: calc(var(--spacing) * 2);
                }
                .py-3 {
                    padding-block: calc(var(--spacing) * 3);
                }
                .py-4 {
                    padding-block: calc(var(--spacing) * 4);
                }
                .py-6 {
                    padding-block: calc(var(--spacing) * 6);
                }
                .py-8 {
                    padding-block: calc(var(--spacing) * 8);
                }
                .py-10 {
                    padding-block: calc(var(--spacing) * 10);
                }
                .ps-0\! {
                    padding-inline-start: calc(var(--spacing) * 0) !important;
                }
                .ps-2 {
                    padding-inline-start: calc(var(--spacing) * 2);
                }
                .ps-9 {
                    padding-inline-start: calc(var(--spacing) * 9);
                }
                .ps-10 {
                    padding-inline-start: calc(var(--spacing) * 10);
                }
                .pe-0\! {
                    padding-inline-end: calc(var(--spacing) * 0) !important;
                }
                .pe-2 {
                    padding-inline-end: calc(var(--spacing) * 2);
                }
                .pe-32 {
                    padding-inline-end: calc(var(--spacing) * 32);
                }
                .pt-0 {
                    padding-top: calc(var(--spacing) * 0);
                }
                .pt-1 {
                    padding-top: calc(var(--spacing) * 1);
                }
                .pt-2 {
                    padding-top: calc(var(--spacing) * 2);
                }
                .pt-3 {
                    padding-top: calc(var(--spacing) * 3);
                }
                .pt-4 {
                    padding-top: calc(var(--spacing) * 4);
                }
                .pt-5 {
                    padding-top: calc(var(--spacing) * 5);
                }
                .pt-6 {
                    padding-top: calc(var(--spacing) * 6);
                }
                .pr-2 {
                    padding-right: calc(var(--spacing) * 2);
                }
                .pr-2\.5 {
                    padding-right: calc(var(--spacing) * 2.5);
                }
                .pr-4 {
                    padding-right: calc(var(--spacing) * 4);
                }
                .pr-8 {
                    padding-right: calc(var(--spacing) * 8);
                }
                .pb-0 {
                    padding-bottom: calc(var(--spacing) * 0);
                }
                .pb-2 {
                    padding-bottom: calc(var(--spacing) * 2);
                }
                .pb-3 {
                    padding-bottom: calc(var(--spacing) * 3);
                }
                .pb-4 {
                    padding-bottom: calc(var(--spacing) * 4);
                }
                .pb-5 {
                    padding-bottom: calc(var(--spacing) * 5);
                }
                .pb-8 {
                    padding-bottom: calc(var(--spacing) * 8);
                }
                .pb-20 {
                    padding-bottom: calc(var(--spacing) * 20);
                }
                .pl-1 {
                    padding-left: calc(var(--spacing) * 1);
                }
                .pl-2 {
                    padding-left: calc(var(--spacing) * 2);
                }
                .pl-3 {
                    padding-left: calc(var(--spacing) * 3);
                }
                .pl-4 {
                    padding-left: calc(var(--spacing) * 4);
                }
                .pl-8 {
                    padding-left: calc(var(--spacing) * 8);
                }
                .pl-10 {
                    padding-left: calc(var(--spacing) * 10);
                }
                .text-center {
                    text-align: center;
                }
                .text-end {
                    text-align: end;
                }
                .text-left {
                    text-align: left;
                }
                .text-right {
                    text-align: right;
                }
                .text-start {
                    text-align: start;
                }
                .-indent-\[9999px\] {
                    text-indent: -9999px;
                }
                .align-baseline {
                    vertical-align: baseline;
                }
                .align-middle {
                    vertical-align: middle;
                }
                .font-display {
                    font-family: var(--display-family);
                }
                .font-mono {
                    font-family: var(--font-mono);
                }
                .font-sans {
                    font-family: var(--text-family);
                }
                .text-2xl {
                    font-size: var(--text-2xl);
                    line-height: var(--tw-leading, var(--text-2xl--line-height));
                }
                .text-3xl {
                    font-size: var(--text-3xl);
                    line-height: var(--tw-leading, var(--text-3xl--line-height));
                }
                .text-4xl {
                    font-size: var(--text-4xl);
                    line-height: var(--tw-leading, var(--text-4xl--line-height));
                }
                .text-8xl {
                    font-size: var(--text-8xl);
                    line-height: var(--tw-leading, var(--text-8xl--line-height));
                }
                .text-base {
                    font-size: var(--text-base);
                    line-height: var(--tw-leading, var(--text-base--line-height));
                }
                .text-base\! {
                    font-size: var(--text-base) !important;
                    line-height: var(--tw-leading, var(--text-base--line-height)) !important;
                }
                .text-lg {
                    font-size: var(--text-lg);
                    line-height: var(--tw-leading, var(--text-lg--line-height));
                }
                .text-sm {
                    font-size: var(--text-sm);
                    line-height: var(--tw-leading, var(--text-sm--line-height));
                }
                .text-xl {
                    font-size: var(--text-xl);
                    line-height: var(--tw-leading, var(--text-xl--line-height));
                }
                .text-xs {
                    font-size: var(--text-xs);
                    line-height: var(--tw-leading, var(--text-xs--line-height));
                }
                .text-\[0\.70rem\] {
                    font-size: 0.7rem;
                }
                .text-\[13px\] {
                    font-size: 13px;
                }
                .leading-5 {
                    --tw-leading: calc(var(--spacing) * 5);
                    line-height: calc(var(--spacing) * 5);
                }
                .leading-6 {
                    --tw-leading: calc(var(--spacing) * 6);
                    line-height: calc(var(--spacing) * 6);
                }
                .leading-7 {
                    --tw-leading: calc(var(--spacing) * 7);
                    line-height: calc(var(--spacing) * 7);
                }
                .leading-none {
                    --tw-leading: 1;
                    line-height: 1;
                }
                .leading-tight {
                    --tw-leading: var(--leading-tight);
                    line-height: var(--leading-tight);
                }
                .font-black {
                    --tw-font-weight: var(--font-weight-black);
                    font-weight: var(--font-weight-black);
                }
                .font-bold {
                    --tw-font-weight: var(--font-weight-bold);
                    font-weight: var(--font-weight-bold);
                }
                .font-extrabold {
                    --tw-font-weight: var(--font-weight-extrabold);
                    font-weight: var(--font-weight-extrabold);
                }
                .font-medium {
                    --tw-font-weight: var(--font-weight-medium);
                    font-weight: var(--font-weight-medium);
                }
                .font-normal {
                    --tw-font-weight: var(--font-weight-normal);
                    font-weight: var(--font-weight-normal);
                }
                .font-semibold {
                    --tw-font-weight: var(--font-weight-semibold);
                    font-weight: var(--font-weight-semibold);
                }
                .tracking-tight {
                    --tw-tracking: var(--tracking-tight);
                    letter-spacing: var(--tracking-tight);
                }
                .tracking-tighter {
                    --tw-tracking: var(--tracking-tighter);
                    letter-spacing: var(--tracking-tighter);
                }
                .tracking-wide {
                    --tw-tracking: var(--tracking-wide);
                    letter-spacing: var(--tracking-wide);
                }
                .tracking-wider {
                    --tw-tracking: var(--tracking-wider);
                    letter-spacing: var(--tracking-wider);
                }
                .tracking-widest {
                    --tw-tracking: var(--tracking-widest);
                    letter-spacing: var(--tracking-widest);
                }
                .text-balance {
                    text-wrap: balance;
                }
                .break-words {
                    overflow-wrap: break-word;
                }
                .whitespace-normal {
                    white-space: normal;
                }
                .whitespace-nowrap {
                    white-space: nowrap;
                }
                .whitespace-pre-line {
                    white-space: pre-line;
                }
                .whitespace-pre-wrap {
                    white-space: pre-wrap;
                }
                .\!text-foreground {
                    color: var(--foreground) !important;
                }
                .text-\[rgb\(156\,157\,160\)\] {
                    color: #9c9da0;
                }
                .text-accent-foreground {
                    color: var(--accent-foreground);
                }
                .text-amber-700 {
                    color: var(--color-amber-700);
                }
                .text-blue-500 {
                    color: var(--color-blue-500);
                }
                .text-blue-600 {
                    color: var(--color-blue-600);
                }
                .text-blue-800 {
                    color: var(--color-blue-800);
                }
                .text-blue-900 {
                    color: var(--color-blue-900);
                }
                .text-card-foreground {
                    color: var(--card-foreground);
                }
                .text-current {
                    color: currentColor;
                }
                .text-destructive {
                    color: var(--destructive);
                }
                .text-foreground,
                .text-foreground\/50 {
                    color: var(--foreground);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .text-foreground\/50 {
                        color: color-mix(in oklab, var(--foreground) 50%, transparent);
                    }
                }
                .text-gray-200 {
                    color: var(--color-gray-200);
                }
                .text-gray-300 {
                    color: var(--color-gray-300);
                }
                .text-gray-400 {
                    color: var(--color-gray-400);
                }
                .text-gray-500 {
                    color: var(--color-gray-500);
                }
                .text-gray-600 {
                    color: var(--color-gray-600);
                }
                .text-gray-900 {
                    color: var(--color-gray-900);
                }
                .text-green-500 {
                    color: var(--color-green-500);
                }
                .text-green-600 {
                    color: var(--color-green-600);
                }
                .text-green-700 {
                    color: var(--color-green-700);
                }
                .text-green-800 {
                    color: var(--color-green-800);
                }
                .text-green-900 {
                    color: var(--color-green-900);
                }
                .text-muted-foreground,
                .text-muted-foreground\/50 {
                    color: var(--muted-foreground);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .text-muted-foreground\/50 {
                        color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
                    }
                }
                .text-orange-400 {
                    color: var(--color-orange-400);
                }
                .text-orange-500 {
                    color: var(--color-orange-500);
                }
                .text-orange-800 {
                    color: var(--color-orange-800);
                }
                .text-orange-900 {
                    color: var(--color-orange-900);
                }
                .text-popover-foreground {
                    color: var(--popover-foreground);
                }
                .text-primary {
                    color: var(--primary);
                }
                .text-primary-foreground {
                    color: var(--primary-foreground);
                }
                .text-red-500 {
                    color: var(--color-red-500);
                }
                .text-red-600 {
                    color: var(--color-red-600);
                }
                .text-red-700 {
                    color: var(--color-red-700);
                }
                .text-red-800 {
                    color: var(--color-red-800);
                }
                .text-secondary-foreground {
                    color: var(--secondary-foreground);
                }
                .text-sidebar-foreground,
                .text-sidebar-foreground\/70 {
                    color: var(--sidebar-foreground);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .text-sidebar-foreground\/70 {
                        color: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent);
                    }
                }
                .text-transparent {
                    color: #0000;
                }
                .text-white {
                    color: var(--color-white);
                }
                .text-white\/60 {
                    color: #fff9;
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .text-white\/60 {
                        color: color-mix(in oklab, var(--color-white) 60%, transparent);
                    }
                }
                .text-white\/80 {
                    color: #fffc;
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .text-white\/80 {
                        color: color-mix(in oklab, var(--color-white) 80%, transparent);
                    }
                }
                .text-yellow-400 {
                    color: var(--color-yellow-400);
                }
                .text-yellow-500 {
                    color: var(--color-yellow-500);
                }
                .text-yellow-600 {
                    color: var(--color-yellow-600);
                }
                .text-yellow-800 {
                    color: var(--color-yellow-800);
                }
                .capitalize {
                    text-transform: capitalize;
                }
                .lowercase {
                    text-transform: lowercase;
                }
                .uppercase {
                    text-transform: uppercase;
                }
                .italic {
                    font-style: italic;
                }
                .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);
                }
                .line-through {
                    text-decoration-line: line-through;
                }
                .underline {
                    text-decoration-line: underline;
                }
                .underline-offset-4 {
                    text-underline-offset: 4px;
                }
                .accent-sidebar-foreground {
                    accent-color: var(--sidebar-foreground);
                }
                .opacity-0 {
                    opacity: 0;
                }
                .opacity-10 {
                    opacity: 0.1;
                }
                .opacity-25 {
                    opacity: 0.25;
                }
                .opacity-30 {
                    opacity: 0.3;
                }
                .opacity-40 {
                    opacity: 0.4;
                }
                .opacity-50 {
                    opacity: 0.5;
                }
                .opacity-60 {
                    opacity: 0.6;
                }
                .opacity-70 {
                    opacity: 0.7;
                }
                .opacity-75 {
                    opacity: 0.75;
                }
                .opacity-80 {
                    opacity: 0.8;
                }
                .opacity-90 {
                    opacity: 0.9;
                }
                .opacity-100 {
                    opacity: 1;
                }
                .shadow {
                    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
                }
                .shadow,
                .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
                    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
                }
                .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
                    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border)));
                }
                .shadow-lg {
                    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
                }
                .shadow-lg,
                .shadow-md {
                    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
                }
                .shadow-md {
                    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
                }
                .shadow-none {
                    --tw-shadow: 0 0 #0000;
                }
                .shadow-none,
                .shadow-sm {
                    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
                }
                .shadow-sm {
                    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
                }
                .shadow-xl {
                    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
                }
                .shadow-xl,
                .shadow-xs {
                    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
                }
                .shadow-xs {
                    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
                }
                .ring-0 {
                    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
                }
                .ring-0,
                .ring-2 {
                    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
                }
                .ring-2 {
                    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
                }
                .shadow-transparent\! {
                    --tw-shadow-color: transparent !important;
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .shadow-transparent\! {
                        --tw-shadow-color: color-mix(in oklab, transparent var(--tw-shadow-alpha), transparent) !important;
                    }
                }
                .ring-primary {
                    --tw-ring-color: var(--primary);
                }
                .ring-ring\/10 {
                    --tw-ring-color: var(--ring);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .ring-ring\/10 {
                        --tw-ring-color: color-mix(in oklab, var(--ring) 10%, transparent);
                    }
                }
                .ring-ring\/50 {
                    --tw-ring-color: var(--ring);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .ring-ring\/50 {
                        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
                    }
                }
                .ring-sidebar-ring {
                    --tw-ring-color: var(--sidebar-ring);
                }
                .ring-transparent\! {
                    --tw-ring-color: transparent !important;
                }
                .ring-offset-2 {
                    --tw-ring-offset-width: 2px;
                    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
                }
                .ring-offset-background {
                    --tw-ring-offset-color: var(--background);
                }
                .outline-hidden {
                    --tw-outline-style: none;
                    outline-style: none;
                }
                @media (forced-colors: active) {
                    .outline-hidden {
                        outline-offset: 2px;
                        outline: 2px solid #0000;
                    }
                }
                .outline {
                    outline-style: var(--tw-outline-style);
                    outline-width: 1px;
                }
                .outline-offset-1 {
                    outline-offset: 1px;
                }
                .outline-primary {
                    outline-color: var(--primary);
                }
                .outline-ring\/50 {
                    outline-color: var(--ring);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .outline-ring\/50 {
                        outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
                    }
                }
                .filter {
                    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
                }
                .backdrop-blur-xl {
                    --tw-backdrop-blur: blur(var(--blur-xl));
                    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
                        var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
                    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity)
                        var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
                }
                .\[backdrop-filter\:saturate\(1\.8\)_blur\(20px\)\] {
                    -webkit-backdrop-filter: saturate(1.8) blur(20px);
                    backdrop-filter: saturate(1.8) blur(20px);
                }
                .transition {
                    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale,
                        rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
                    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
                    transition-duration: var(--tw-duration, var(--default-transition-duration));
                }
                .transition-\[color\,box-shadow\] {
                    transition-property: color, box-shadow;
                    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
                    transition-duration: var(--tw-duration, var(--default-transition-duration));
                }
                .transition-\[left\,right\,width\] {
                    transition-property: left, right, width;
                    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
                    transition-duration: var(--tw-duration, var(--default-transition-duration));
                }
                .transition-\[margin\,opacity\] {
                    transition-property: margin, opacity;
                    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
                    transition-duration: var(--tw-duration, var(--default-transition-duration));
                }
                .transition-\[width\,height\,padding\] {
                    transition-property: width, height, padding;
                    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
                    transition-duration: var(--tw-duration, var(--default-transition-duration));
                }
                .transition-\[width\] {
                    transition-property: width;
                    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
                    transition-duration: var(--tw-duration, var(--default-transition-duration));
                }
                .transition-all {
                    transition-property: all;
                    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
                    transition-duration: var(--tw-duration, var(--default-transition-duration));
                }
                .transition-colors {
                    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
                    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
                    transition-duration: var(--tw-duration, var(--default-transition-duration));
                }
                .transition-opacity {
                    transition-property: opacity;
                    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
                    transition-duration: var(--tw-duration, var(--default-transition-duration));
                }
                .transition-shadow {
                    transition-property: box-shadow;
                    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
                    transition-duration: var(--tw-duration, var(--default-transition-duration));
                }
                .transition-transform {
                    transition-property: transform, translate, scale, rotate;
                    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
                    transition-duration: var(--tw-duration, var(--default-transition-duration));
                }
                .transition-none {
                    transition-property: none;
                }
                .duration-150 {
                    --tw-duration: 0.15s;
                    transition-duration: 0.15s;
                }
                .duration-200 {
                    --tw-duration: 0.2s;
                    transition-duration: 0.2s;
                }
                .duration-300 {
                    --tw-duration: 0.3s;
                    transition-duration: 0.3s;
                }
                .duration-1000 {
                    --tw-duration: 1s;
                    transition-duration: 1s;
                }
                .ease-in-out {
                    --tw-ease: var(--ease-in-out);
                    transition-timing-function: var(--ease-in-out);
                }
                .ease-linear {
                    --tw-ease: linear;
                    transition-timing-function: linear;
                }
                .ease-out {
                    --tw-ease: var(--ease-out);
                    transition-timing-function: var(--ease-out);
                }
                .contain-paint {
                    --tw-contain-paint: paint;
                    contain: var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style);
                }
                .animate-in {
                    --tw-enter-opacity: initial;
                    --tw-enter-scale: initial;
                    --tw-enter-rotate: initial;
                    --tw-enter-translate-x: initial;
                    --tw-enter-translate-y: initial;
                    animation-name: enter;
                    animation-duration: 0.15s;
                }
                .outline-none {
                    --tw-outline-style: none;
                    outline-style: none;
                }
                .select-none {
                    -webkit-user-select: none;
                    user-select: none;
                }
                .\[column-fill\:_balance\] {
                    column-fill: balance;
                }
                .duration-150 {
                    animation-duration: 0.15s;
                }
                .duration-200 {
                    animation-duration: 0.2s;
                }
                .duration-300 {
                    animation-duration: 0.3s;
                }
                .duration-1000 {
                    animation-duration: 1s;
                }
                .ease-in-out {
                    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                }
                .ease-linear {
                    animation-timing-function: linear;
                }
                .ease-out {
                    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
                }
                .fade-in-0 {
                    --tw-enter-opacity: 0;
                }
                .running {
                    animation-play-state: running;
                }
                .zoom-in-95 {
                    --tw-enter-scale: 0.95;
                }
                :is(.\*\:h-5 > *) {
                    height: calc(var(--spacing) * 5);
                }
                :is(.\*\:w-5 > *) {
                    width: calc(var(--spacing) * 5);
                }
                :is(.\*\:shrink-0 > *) {
                    flex-shrink: 0;
                }
                :is(.\*\:basis-1\/4 > *) {
                    flex-basis: 25%;
                }
                :is(.\*\:justify-center > *) {
                    justify-content: center;
                }
                :is(.\*\:rounded-md > *) {
                    border-radius: calc(var(--radius) - 2px);
                }
                :is(.\*\:border > *) {
                    border-style: var(--tw-border-style);
                    border-width: 1px;
                }
                :is(.\*\:border-input > *) {
                    border-color: var(--input);
                }
                :is(.\*\:py-3 > *) {
                    padding-block: calc(var(--spacing) * 3);
                }
                .not-data-\[files\]\:justify-center:not([data-files]) {
                    justify-content: center;
                }
                .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *) {
                    opacity: 1;
                }
                @media (hover: hover) {
                    .group-hover\/item\:opacity-100:is(:where(.group\/item):hover *),
                    .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *),
                    .group-hover\:opacity-100:is(:where(.group):hover *) {
                        opacity: 1;
                    }
                    .group-hover\/node-image\:opacity-80:is(:where(.group\/node-image):hover *) {
                        opacity: 0.8;
                    }
                    .group-hover\/node-image\:opacity-100:is(:where(.group\/node-image):hover *) {
                        opacity: 1;
                    }
                }
                .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar="menu-action"]) *) {
                    padding-right: calc(var(--spacing) * 8);
                }
                .group-data-collapsible\:size-7:is(:where(.group)[data-collapsible] *) {
                    width: calc(var(--spacing) * 7);
                    height: calc(var(--spacing) * 7);
                }
                .group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible="icon"] *) {
                    margin-top: calc(var(--spacing) * -8);
                }
                .group-data-\[collapsible\=icon\]\:block:is(:where(.group)[data-collapsible="icon"] *) {
                    display: block;
                }
                .group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible="icon"] *) {
                    display: none;
                }
                .group-data-\[collapsible\=icon\]\:size-8:is(:where(.group)[data-collapsible="icon"] *) {
                    width: calc(var(--spacing) * 8);
                    height: calc(var(--spacing) * 8);
                }
                .group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible="icon"] *) {
                    width: calc(var(--spacing) * 8) !important;
                    height: calc(var(--spacing) * 8) !important;
                }
                .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible="icon"] *) {
                    width: var(--sidebar-width-icon);
                }
                .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible="icon"] *) {
                    width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)));
                }
                .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible="icon"] *) {
                    width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px);
                }
                .group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible="icon"] *) {
                    overflow: hidden;
                }
                .group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible="icon"] *) {
                    padding: calc(var(--spacing) * 0) !important;
                }
                .group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible="icon"] *) {
                    padding: calc(var(--spacing) * 2) !important;
                }
                .group-data-\[collapsible\=icon\]\:px-0\!:is(:where(.group)[data-collapsible="icon"] *) {
                    padding-inline: calc(var(--spacing) * 0) !important;
                }
                .group-data-\[collapsible\=icon\]\:pt-2:is(:where(.group)[data-collapsible="icon"] *) {
                    padding-top: calc(var(--spacing) * 2);
                }
                .group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible="icon"] *) {
                    opacity: 0;
                }
                .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *) {
                    right: calc(var(--sidebar-width) * -1);
                }
                .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *) {
                    left: calc(var(--sidebar-width) * -1);
                }
                .group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible="offcanvas"] *) {
                    width: calc(var(--spacing) * 0);
                }
                .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible="offcanvas"] *) {
                    --tw-translate-x: calc(var(--spacing) * 0);
                    translate: var(--tw-translate-x) var(--tw-translate-y);
                }
                .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) {
                    pointer-events: none;
                }
                .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *) {
                    opacity: 0.5;
                }
                .group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side="left"] *) {
                    right: calc(var(--spacing) * -4);
                }
                .group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side="left"] *) {
                    border-right-style: var(--tw-border-style);
                    border-right-width: 1px;
                }
                .group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side="right"] *) {
                    left: calc(var(--spacing) * 0);
                }
                .group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side="right"] *) {
                    rotate: 180deg;
                }
                .group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side="right"] *) {
                    border-left-style: var(--tw-border-style);
                    border-left-width: 1px;
                }
                .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state="open"] *) {
                    rotate: 180deg;
                }
                .group-data-\[state\=open\]\/collapsible\:rotate-90:is(:where(.group\/collapsible)[data-state="open"] *) {
                    rotate: 90deg;
                }
                .group-data-\[theme-content-layout\=centered\]\/layout\:h-\[calc\(100vh-8rem\)\]:is(:where(.group\/layout)[data-theme-content-layout="centered"] *) {
                    height: calc(100vh - 8rem);
                }
                .group-data-\[theme-content-layout\=centered\]\/layout\:columns-3:is(:where(.group\/layout)[data-theme-content-layout="centered"] *) {
                    column-count: 3;
                }
                .group-data-\[theme-content-layout\=full\]\/layout\:h-\[calc\(100vh-6rem\)\]:is(:where(.group\/layout)[data-theme-content-layout="full"] *) {
                    height: calc(100vh - 6rem);
                }
                .group-data-\[theme-content-layout\=full\]\/layout\:columns-1:is(:where(.group\/layout)[data-theme-content-layout="full"] *) {
                    column-count: 1;
                }
                .group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant="floating"] *) {
                    border-radius: var(--radius);
                }
                .group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant="floating"] *) {
                    border-style: var(--tw-border-style);
                    border-width: 1px;
                }
                .group-data-\[variant\=floating\]\:border-sidebar-border:is(:where(.group)[data-variant="floating"] *) {
                    border-color: var(--sidebar-border);
                }
                .group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant="floating"] *) {
                    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
                    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
                }
                .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) {
                    display: block;
                }
                .group-data-\[view-mode\=list\]\:py-0:is(:where(.group)[data-view-mode="list"] *) {
                    padding-block: calc(var(--spacing) * 0);
                }
                .group-data-\[view-mode\=list\]\:pb-6:is(:where(.group)[data-view-mode="list"] *) {
                    padding-bottom: calc(var(--spacing) * 6);
                }
                .group-data-\[view-mode\=masonry\]\:pt-0:is(:where(.group)[data-view-mode="masonry"] *) {
                    padding-top: calc(var(--spacing) * 0);
                }
                .group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
                    top: 100%;
                }
                .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
                    margin-top: calc(var(--spacing) * 1.5);
                }
                .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
                    overflow: hidden;
                }
                .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
                    border-radius: calc(var(--radius) - 2px);
                }
                .group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
                    border-style: var(--tw-border-style);
                    border-width: 1px;
                }
                .group-data-\[viewport\=false\]\/navigation-menu\:bg-popover:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
                    background-color: var(--popover);
                }
                .group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
                    color: var(--popover-foreground);
                }
                .group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
                    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
                    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
                }
                .group-data-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
                    --tw-duration: 0.2s;
                    transition-duration: 0.2s;
                    animation-duration: 0.2s;
                }
                .group-\[\.destructive\]\:border-muted\/40:is(:where(.group).destructive *) {
                    border-color: var(--muted);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .group-\[\.destructive\]\:border-muted\/40:is(:where(.group).destructive *) {
                        border-color: color-mix(in oklab, var(--muted) 40%, transparent);
                    }
                }
                .group-\[\.destructive\]\:text-red-300:is(:where(.group).destructive *) {
                    color: var(--color-red-300);
                }
                .group-\[\.swiper-slide-thumb-active\]\:border-primary:is(:where(.group).swiper-slide-thumb-active *) {
                    border-color: var(--primary);
                }
                .group-\[\.swiper-slide-thumb-active\]\:opacity-100\!:is(:where(.group).swiper-slide-thumb-active *) {
                    opacity: 1 !important;
                }
                @media (hover: hover) {
                    .peer-hover\/menu-button\:text-foreground:is(:where(.peer\/menu-button):hover ~ *) {
                        color: var(--foreground);
                    }
                    .peer-hover\/menu-button\:text-green-600:is(:where(.peer\/menu-button):hover ~ *) {
                        color: var(--color-green-600);
                    }
                    .peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button):hover ~ *) {
                        color: var(--sidebar-accent-foreground);
                    }
                }
                .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
                    cursor: not-allowed;
                }
                .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
                    opacity: 0.5;
                }
                .peer-disabled\:opacity-70:is(:where(.peer):disabled ~ *) {
                    opacity: 0.7;
                }
                .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button)[data-active="true"] ~ *) {
                    color: var(--sidebar-accent-foreground);
                }
                .peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size="default"] ~ *) {
                    top: calc(var(--spacing) * 1.5);
                }
                .peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) {
                    top: calc(var(--spacing) * 2.5);
                }
                .peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) {
                    top: calc(var(--spacing) * 1);
                }
                .peer-data-\[state\=checked\]\:border-primary:is(:where(.peer)[data-state="checked"] ~ *) {
                    border-color: var(--primary);
                }
                .peer-data-\[state\=checked\]\:ring:is(:where(.peer)[data-state="checked"] ~ *) {
                    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
                    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
                }
                .peer-data-\[state\=checked\]\:ring-primary:is(:where(.peer)[data-state="checked"] ~ *) {
                    --tw-ring-color: var(--primary);
                }
                .selection\:bg-primary ::selection {
                    background-color: var(--primary);
                }
                .selection\:bg-primary::selection {
                    background-color: var(--primary);
                }
                .selection\:text-primary-foreground ::selection {
                    color: var(--primary-foreground);
                }
                .selection\:text-primary-foreground::selection {
                    color: var(--primary-foreground);
                }
                .file\:inline-flex::file-selector-button {
                    display: inline-flex;
                }
                .file\:h-7::file-selector-button {
                    height: calc(var(--spacing) * 7);
                }
                .file\:border-0::file-selector-button {
                    border-style: var(--tw-border-style);
                    border-width: 0;
                }
                .file\:bg-transparent::file-selector-button {
                    background-color: #0000;
                }
                .file\:text-sm::file-selector-button {
                    font-size: var(--text-sm);
                    line-height: var(--tw-leading, var(--text-sm--line-height));
                }
                .file\:font-medium::file-selector-button {
                    --tw-font-weight: var(--font-weight-medium);
                    font-weight: var(--font-weight-medium);
                }
                .file\:text-foreground::file-selector-button {
                    color: var(--foreground);
                }
                .placeholder\:text-muted-foreground::placeholder {
                    color: var(--muted-foreground);
                }
                .before\:absolute:before {
                    content: var(--tw-content);
                    position: absolute;
                }
                .before\:inset-y-0:before {
                    content: var(--tw-content);
                    inset-block: calc(var(--spacing) * 0);
                }
                .before\:-right-1:before {
                    content: var(--tw-content);
                    right: calc(var(--spacing) * -1);
                }
                .before\:-left-1:before {
                    content: var(--tw-content);
                    left: calc(var(--spacing) * -1);
                }
                .after\:absolute:after {
                    content: var(--tw-content);
                    position: absolute;
                }
                .after\:-inset-2:after {
                    content: var(--tw-content);
                    inset: calc(var(--spacing) * -2);
                }
                .after\:inset-0:after {
                    content: var(--tw-content);
                    inset: calc(var(--spacing) * 0);
                }
                .after\:inset-y-0:after {
                    content: var(--tw-content);
                    inset-block: calc(var(--spacing) * 0);
                }
                .after\:left-1\/2:after {
                    content: var(--tw-content);
                    left: 50%;
                }
                .after\:w-1:after {
                    content: var(--tw-content);
                    width: calc(var(--spacing) * 1);
                }
                .after\:w-\[2px\]:after {
                    content: var(--tw-content);
                    width: 2px;
                }
                .after\:-translate-x-1\/2:after {
                    content: var(--tw-content);
                    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
                    translate: var(--tw-translate-x) var(--tw-translate-y);
                }
                .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible="offcanvas"] *):after {
                    content: var(--tw-content);
                    left: 100%;
                }
                .first\:rounded-l-md:first-child {
                    border-top-left-radius: calc(var(--radius) - 2px);
                    border-bottom-left-radius: calc(var(--radius) - 2px);
                }
                .first\:border-l:first-child {
                    border-left-style: var(--tw-border-style);
                    border-left-width: 1px;
                }
                .last\:rounded-r-md:last-child {
                    border-top-right-radius: calc(var(--radius) - 2px);
                    border-bottom-right-radius: calc(var(--radius) - 2px);
                }
                .last\:border-b-0:last-child {
                    border-bottom-style: var(--tw-border-style);
                    border-bottom-width: 0;
                }
                .focus-within\:relative:focus-within {
                    position: relative;
                }
                .focus-within\:z-20:focus-within {
                    z-index: 20;
                }
                .focus-within\:border-primary:focus-within {
                    border-color: var(--primary);
                }
                .focus-within\:ring-2:focus-within {
                    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
                    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
                }
                .focus-within\:ring-blue-600:focus-within {
                    --tw-ring-color: var(--color-blue-600);
                }
                .focus-within\:ring-offset-2:focus-within {
                    --tw-ring-offset-width: 2px;
                    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
                }
                .focus-within\:outline-hidden:focus-within {
                    --tw-outline-style: none;
                    outline-style: none;
                }
                @media (forced-colors: active) {
                    .focus-within\:outline-hidden:focus-within {
                        outline-offset: 2px;
                        outline: 2px solid #0000;
                    }
                }
                @media (hover: hover) {
                    .hover\:z-10:hover {
                        z-index: 10;
                    }
                    .hover\:border-accent:hover {
                        border-color: var(--accent);
                    }
                    .hover\:border-primary\/30:hover {
                        border-color: var(--primary);
                    }
                    @supports (color: color-mix(in lab, red, red)) {
                        .hover\:border-primary\/30:hover {
                            border-color: color-mix(in oklab, var(--primary) 30%, transparent);
                        }
                    }
                    .hover\:bg-\[var\(--primary\)\]\/10:hover {
                        background-color: var(--primary);
                    }
                    @supports (color: color-mix(in lab, red, red)) {
                        .hover\:bg-\[var\(--primary\)\]\/10:hover {
                            background-color: color-mix(in oklab, var(--primary) 10%, transparent);
                        }
                    }
                    .hover\:bg-\[var\(--primary\)\]\/10\!:hover {
                        background-color: var(--primary) !important;
                    }
                    @supports (color: color-mix(in lab, red, red)) {
                        .hover\:bg-\[var\(--primary\)\]\/10\!:hover {
                            background-color: color-mix(in oklab, var(--primary) 10%, transparent) !important;
                        }
                    }
                    .hover\:bg-accent:hover {
                        background-color: var(--accent);
                    }
                    .hover\:bg-black\/80:hover {
                        background-color: #000c;
                    }
                    @supports (color: color-mix(in lab, red, red)) {
                        .hover\:bg-black\/80:hover {
                            background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
                        }
                    }
                    .hover\:bg-destructive\/90:hover {
                        background-color: var(--destructive);
                    }
                    @supports (color: color-mix(in lab, red, red)) {
                        .hover\:bg-destructive\/90:hover {
                            background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
                        }
                    }
                    .hover\:bg-green-700:hover {
                        background-color: var(--color-green-700);
                    }
                    .hover\:bg-muted:hover,
                    .hover\:bg-muted\/50:hover {
                        background-color: var(--muted);
                    }
                    @supports (color: color-mix(in lab, red, red)) {
                        .hover\:bg-muted\/50:hover {
                            background-color: color-mix(in oklab, var(--muted) 50%, transparent);
                        }
                    }
                    .hover\:bg-primary\/90:hover {
                        background-color: var(--primary);
                    }
                    @supports (color: color-mix(in lab, red, red)) {
                        .hover\:bg-primary\/90:hover {
                            background-color: color-mix(in oklab, var(--primary) 90%, transparent);
                        }
                    }
                    .hover\:bg-secondary:hover {
                        background-color: var(--secondary);
                    }
                    .hover\:bg-secondary-foreground\/10:hover {
                        background-color: var(--secondary-foreground);
                    }
                    @supports (color: color-mix(in lab, red, red)) {
                        .hover\:bg-secondary-foreground\/10:hover {
                            background-color: color-mix(in oklab, var(--secondary-foreground) 10%, transparent);
                        }
                    }
                    .hover\:bg-secondary\/50:hover {
                        background-color: var(--secondary);
                    }
                    @supports (color: color-mix(in lab, red, red)) {
                        .hover\:bg-secondary\/50:hover {
                            background-color: color-mix(in oklab, var(--secondary) 50%, transparent);
                        }
                    }
                    .hover\:bg-secondary\/80:hover {
                        background-color: var(--secondary);
                    }
                    @supports (color: color-mix(in lab, red, red)) {
                        .hover\:bg-secondary\/80:hover {
                            background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
                        }
                    }
                    .hover\:bg-sidebar-accent:hover {
                        background-color: var(--sidebar-accent);
                    }
                    .hover\:bg-transparent:hover {
                        background-color: #0000;
                    }
                    .hover\:bg-transparent\!:hover {
                        background-color: #0000 !important;
                    }
                    .hover\:bg-linear-to-r:hover {
                        --tw-gradient-position: to right;
                    }
                    @supports (background-image: linear-gradient(in lab, red, red)) {
                        .hover\:bg-linear-to-r:hover {
                            --tw-gradient-position: to right in oklab;
                        }
                    }
                    .hover\:bg-linear-to-r:hover {
                        background-image: linear-gradient(var(--tw-gradient-stops));
                    }
                    .hover\:text-accent-foreground:hover {
                        color: var(--accent-foreground);
                    }
                    .hover\:text-blue-500:hover {
                        color: var(--color-blue-500);
                    }
                    .hover\:text-foreground:hover {
                        color: var(--foreground);
                    }
                    .hover\:text-foreground\!:hover {
                        color: var(--foreground) !important;
                    }
                    .hover\:text-gray-400:hover {
                        color: var(--color-gray-400);
                    }
                    .hover\:text-muted-foreground:hover {
                        color: var(--muted-foreground);
                    }
                    .hover\:text-primary:hover {
                        color: var(--primary);
                    }
                    .hover\:text-sidebar-accent-foreground:hover {
                        color: var(--sidebar-accent-foreground);
                    }
                    .hover\:underline:hover {
                        text-decoration-line: underline;
                    }
                    .hover\:opacity-80:hover {
                        opacity: 0.8;
                    }
                    .hover\:opacity-90:hover {
                        opacity: 0.9;
                    }
                    .hover\:opacity-100:hover {
                        opacity: 1;
                    }
                    .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover {
                        --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-accent)));
                    }
                    .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover,
                    .hover\:shadow-lg:hover {
                        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
                    }
                    .hover\:shadow-lg:hover {
                        --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
                    }
                    .hover\:ring-4:hover {
                        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
                        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
                    }
                    .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover:is(:where(.group)[data-collapsible="offcanvas"] *) {
                        background-color: var(--sidebar);
                    }
                    .hover\:group-\[\.destructive\]\:border-destructive\/30:hover:is(:where(.group).destructive *) {
                        border-color: var(--destructive);
                    }
                    @supports (color: color-mix(in lab, red, red)) {
                        .hover\:group-\[\.destructive\]\:border-destructive\/30:hover:is(:where(.group).destructive *) {
                            border-color: color-mix(in oklab, var(--destructive) 30%, transparent);
                        }
                    }
                    .hover\:group-\[\.destructive\]\:bg-destructive:hover:is(:where(.group).destructive *) {
                        background-color: var(--destructive);
                    }
                    .hover\:group-\[\.destructive\]\:text-red-50:hover:is(:where(.group).destructive *) {
                        color: var(--color-red-50);
                    }
                    .hover\:after\:bg-sidebar-border:hover:after {
                        content: var(--tw-content);
                        background-color: var(--sidebar-border);
                    }
                }
                .focus\:z-10:focus {
                    z-index: 10;
                }
                .focus\:bg-accent:focus {
                    background-color: var(--accent);
                }
                .focus\:text-accent-foreground:focus {
                    color: var(--accent-foreground);
                }
                .focus\:opacity-100:focus {
                    opacity: 1;
                }
                .focus\:ring-2:focus {
                    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
                    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
                }
                .focus\:ring-ring:focus {
                    --tw-ring-color: var(--ring);
                }
                .focus\:ring-offset-2:focus {
                    --tw-ring-offset-width: 2px;
                    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
                }
                .focus\:outline-hidden:focus {
                    --tw-outline-style: none;
                    outline-style: none;
                }
                @media (forced-colors: active) {
                    .focus\:outline-hidden:focus {
                        outline-offset: 2px;
                        outline: 2px solid #0000;
                    }
                }
                .focus\:outline-none:focus {
                    --tw-outline-style: none;
                    outline-style: none;
                }
                .focus\:group-\[\.destructive\]\:ring-destructive:focus:is(:where(.group).destructive *) {
                    --tw-ring-color: var(--destructive);
                }
                .focus\:group-\[\.destructive\]\:ring-red-400:focus:is(:where(.group).destructive *) {
                    --tw-ring-color: var(--color-red-400);
                }
                .focus\:group-\[\.destructive\]\:ring-offset-red-600:focus:is(:where(.group).destructive *) {
                    --tw-ring-offset-color: var(--color-red-600);
                }
                .focus-visible\:z-10:focus-visible {
                    z-index: 10;
                }
                .focus-visible\:border-background:focus-visible {
                    border-color: var(--background);
                }
                .focus-visible\:border-ring:focus-visible {
                    border-color: var(--ring);
                }
                .focus-visible\:ring-0:focus-visible {
                    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
                    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
                }
                .focus-visible\:ring-1:focus-visible {
                    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
                    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
                }
                .focus-visible\:ring-2:focus-visible {
                    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
                    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
                }
                .focus-visible\:ring-4:focus-visible {
                    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
                    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
                }
                .focus-visible\:ring-\[3px\]:focus-visible {
                    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
                    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
                }
                .focus-visible\:ring-blue-500\/20:focus-visible {
                    --tw-ring-color: #3080ff33;
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .focus-visible\:ring-blue-500\/20:focus-visible {
                        --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
                    }
                }
                .focus-visible\:ring-destructive\/20:focus-visible {
                    --tw-ring-color: var(--destructive);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .focus-visible\:ring-destructive\/20:focus-visible {
                        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
                    }
                }
                .focus-visible\:ring-green-500\/20:focus-visible {
                    --tw-ring-color: #00c75833;
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .focus-visible\:ring-green-500\/20:focus-visible {
                        --tw-ring-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
                    }
                }
                .focus-visible\:ring-orange-500\/20:focus-visible {
                    --tw-ring-color: #fe6e0033;
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .focus-visible\:ring-orange-500\/20:focus-visible {
                        --tw-ring-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent);
                    }
                }
                .focus-visible\:ring-red-500\/20:focus-visible {
                    --tw-ring-color: #fb2c3633;
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .focus-visible\:ring-red-500\/20:focus-visible {
                        --tw-ring-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
                    }
                }
                .focus-visible\:ring-ring:focus-visible,
                .focus-visible\:ring-ring\/50:focus-visible {
                    --tw-ring-color: var(--ring);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .focus-visible\:ring-ring\/50:focus-visible {
                        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
                    }
                }
                .focus-visible\:ring-offset-0:focus-visible {
                    --tw-ring-offset-width: 0px;
                    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
                }
                .focus-visible\:ring-offset-1:focus-visible {
                    --tw-ring-offset-width: 1px;
                    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
                }
                .focus-visible\:outline-hidden:focus-visible {
                    --tw-outline-style: none;
                    outline-style: none;
                }
                @media (forced-colors: active) {
                    .focus-visible\:outline-hidden:focus-visible {
                        outline-offset: 2px;
                        outline: 2px solid #0000;
                    }
                }
                .focus-visible\:outline-1:focus-visible {
                    outline-style: var(--tw-outline-style);
                    outline-width: 1px;
                }
                .focus-visible\:outline-ring:focus-visible {
                    outline-color: var(--ring);
                }
                .active\:bg-\[var\(--primary\)\]\/10:active {
                    background-color: var(--primary);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .active\:bg-\[var\(--primary\)\]\/10:active {
                        background-color: color-mix(in oklab, var(--primary) 10%, transparent);
                    }
                }
                .active\:bg-\[var\(--primary\)\]\/10\!:active {
                    background-color: var(--primary) !important;
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .active\:bg-\[var\(--primary\)\]\/10\!:active {
                        background-color: color-mix(in oklab, var(--primary) 10%, transparent) !important;
                    }
                }
                .active\:bg-sidebar-accent:active {
                    background-color: var(--sidebar-accent);
                }
                .active\:text-foreground:active {
                    color: var(--foreground);
                }
                .active\:text-foreground\!:active {
                    color: var(--foreground) !important;
                }
                .active\:text-sidebar-accent-foreground:active {
                    color: var(--sidebar-accent-foreground);
                }
                .disabled\:pointer-events-none:disabled {
                    pointer-events: none;
                }
                .disabled\:cursor-not-allowed:disabled {
                    cursor: not-allowed;
                }
                .disabled\:opacity-50:disabled {
                    opacity: 0.5;
                }
                :where([data-side="left"]) .in-data-\[side\=left\]\:cursor-w-resize {
                    cursor: w-resize;
                }
                :where([data-side="right"]) .in-data-\[side\=right\]\:cursor-e-resize {
                    cursor: e-resize;
                }
                .has-focus-visible\:border-ring:has(:focus-visible) {
                    border-color: var(--ring);
                }
                .has-focus-visible\:ring-ring\/50:has(:focus-visible) {
                    --tw-ring-color: var(--ring);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .has-focus-visible\:ring-ring\/50:has(:focus-visible) {
                        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
                    }
                }
                .has-disabled\:opacity-50:has(:disabled) {
                    opacity: 0.5;
                }
                .has-data-\[state\=checked\]\:border-primary:has([data-state="checked"]) {
                    border-color: var(--primary);
                }
                .has-data-\[variant\=inset\]\:bg-sidebar:has([data-variant="inset"]) {
                    background-color: var(--sidebar);
                }
                .has-\[data-slot\=card-action\]\:grid-cols-\[1fr_auto\]:has(:is()) {
                    grid-template-columns: 1fr auto;
                }
                .has-\[input\:focus\]\:border-ring:has(:is(input:focus)) {
                    border-color: var(--ring);
                }
                .has-\[input\:focus\]\:ring-\[3px\]:has(:is(input:focus)) {
                    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
                    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
                }
                .has-\[input\:focus\]\:ring-ring\/50:has(:is(input:focus)) {
                    --tw-ring-color: var(--ring);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .has-\[input\:focus\]\:ring-ring\/50:has(:is(input:focus)) {
                        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
                    }
                }
                .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(> svg) {
                    grid-template-columns: calc(var(--spacing) * 4) 1fr;
                }
                .has-\[\>svg\]\:gap-x-3:has(> svg) {
                    column-gap: calc(var(--spacing) * 3);
                }
                .has-\[\>svg\]\:px-2\.5:has(> svg) {
                    padding-inline: calc(var(--spacing) * 2.5);
                }
                .has-\[\>svg\]\:px-3:has(> svg) {
                    padding-inline: calc(var(--spacing) * 3);
                }
                .has-\[\>svg\]\:px-4:has(> svg) {
                    padding-inline: calc(var(--spacing) * 4);
                }
                .aria-checked\:line-through[aria-checked="true"] {
                    text-decoration-line: line-through;
                }
                .aria-disabled\:pointer-events-none[aria-disabled="true"] {
                    pointer-events: none;
                }
                .aria-disabled\:opacity-50[aria-disabled="true"] {
                    opacity: 0.5;
                }
                .aria-invalid\:border-destructive[aria-invalid="true"] {
                    border-color: var(--destructive);
                }
                .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
                    --tw-ring-color: var(--destructive);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
                        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
                    }
                }
                .aria-selected\:bg-accent\/50[aria-selected="true"] {
                    background-color: var(--accent);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .aria-selected\:bg-accent\/50[aria-selected="true"] {
                        background-color: color-mix(in oklab, var(--accent) 50%, transparent);
                    }
                }
                .aria-selected\:text-muted-foreground[aria-selected="true"] {
                    color: var(--muted-foreground);
                }
                .aria-selected\:opacity-30[aria-selected="true"] {
                    opacity: 0.3;
                }
                .aria-selected\:opacity-100[aria-selected="true"] {
                    opacity: 1;
                }
                .data-\[active\=true\]\:z-10[data-active="true"] {
                    z-index: 10;
                }
                .data-\[active\=true\]\:border-ring[data-active="true"] {
                    border-color: var(--ring);
                }
                .data-\[active\=true\]\:bg-accent\/50[data-active="true"] {
                    background-color: var(--accent);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .data-\[active\=true\]\:bg-accent\/50[data-active="true"] {
                        background-color: color-mix(in oklab, var(--accent) 50%, transparent);
                    }
                }
                .data-\[active\=true\]\:bg-muted[data-active="true"] {
                    background-color: var(--muted);
                }
                .data-\[active\=true\]\:bg-sidebar-accent[data-active="true"] {
                    background-color: var(--sidebar-accent);
                }
                .data-\[active\=true\]\:font-medium[data-active="true"] {
                    --tw-font-weight: var(--font-weight-medium);
                    font-weight: var(--font-weight-medium);
                }
                .data-\[active\=true\]\:text-accent-foreground[data-active="true"] {
                    color: var(--accent-foreground);
                }
                .data-\[active\=true\]\:text-sidebar-accent-foreground[data-active="true"] {
                    color: var(--sidebar-accent-foreground);
                }
                .data-\[active\=true\]\:ring-\[3px\][data-active="true"] {
                    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
                    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
                }
                .data-\[active\=true\]\:ring-ring\/50[data-active="true"] {
                    --tw-ring-color: var(--ring);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .data-\[active\=true\]\:ring-ring\/50[data-active="true"] {
                        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
                    }
                }
                @media (hover: hover) {
                    .data-\[active\=true\]\:hover\:bg-accent[data-active="true"]:hover {
                        background-color: var(--accent);
                    }
                }
                .data-\[active\=true\]\:focus\:bg-accent[data-active="true"]:focus {
                    background-color: var(--accent);
                }
                .data-\[active\=true\]\:aria-invalid\:border-destructive[data-active="true"][aria-invalid="true"] {
                    border-color: var(--destructive);
                }
                .data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active="true"][aria-invalid="true"] {
                    --tw-ring-color: var(--destructive);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active="true"][aria-invalid="true"] {
                        --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
                    }
                }
                .data-\[disabled\]\:pointer-events-none[data-disabled] {
                    pointer-events: none;
                }
                .data-\[disabled\]\:opacity-50[data-disabled] {
                    opacity: 0.5;
                }
                .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
                    pointer-events: none;
                }
                .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
                    opacity: 0.5;
                }
                .data-\[dragging\=true\]\:bg-accent\/50[data-dragging="true"] {
                    background-color: var(--accent);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .data-\[dragging\=true\]\:bg-accent\/50[data-dragging="true"] {
                        background-color: color-mix(in oklab, var(--accent) 50%, transparent);
                    }
                }
                .data-\[error\=true\]\:text-destructive[data-error="true"] {
                    color: var(--destructive);
                }
                .data-\[inset\]\:pl-8[data-inset] {
                    padding-left: calc(var(--spacing) * 8);
                }
                .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"] {
                    --tw-enter-translate-x: 13rem;
                }
                .data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"] {
                    --tw-enter-translate-x: -13rem;
                }
                .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"] {
                    --tw-exit-translate-x: 13rem;
                }
                .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"] {
                    --tw-exit-translate-x: -13rem;
                }
                .data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"] {
                    --tw-enter-opacity: initial;
                    --tw-enter-scale: initial;
                    --tw-enter-rotate: initial;
                    --tw-enter-translate-x: initial;
                    --tw-enter-translate-y: initial;
                    animation-name: enter;
                    animation-duration: 0.15s;
                }
                .data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"] {
                    --tw-enter-opacity: 0;
                }
                .data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"] {
                    --tw-exit-opacity: initial;
                    --tw-exit-scale: initial;
                    --tw-exit-rotate: initial;
                    --tw-exit-translate-x: initial;
                    --tw-exit-translate-y: initial;
                    animation-name: exit;
                    animation-duration: 0.15s;
                }
                .data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"] {
                    --tw-exit-opacity: 0;
                }
                .data-\[orientation\=horizontal\]\:h-1\.5[data-orientation="horizontal"] {
                    height: calc(var(--spacing) * 1.5);
                }
                .data-\[orientation\=horizontal\]\:h-full[data-orientation="horizontal"] {
                    height: 100%;
                }
                .data-\[orientation\=horizontal\]\:h-px[data-orientation="horizontal"] {
                    height: 1px;
                }
                .data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"] {
                    width: 100%;
                }
                .data-\[orientation\=vertical\]\:h-full[data-orientation="vertical"] {
                    height: 100%;
                }
                .data-\[orientation\=vertical\]\:min-h-44[data-orientation="vertical"] {
                    min-height: calc(var(--spacing) * 44);
                }
                .data-\[orientation\=vertical\]\:w-1\.5[data-orientation="vertical"] {
                    width: calc(var(--spacing) * 1.5);
                }
                .data-\[orientation\=vertical\]\:w-auto[data-orientation="vertical"] {
                    width: auto;
                }
                .data-\[orientation\=vertical\]\:w-full[data-orientation="vertical"] {
                    width: 100%;
                }
                .data-\[orientation\=vertical\]\:w-px[data-orientation="vertical"] {
                    width: 1px;
                }
                .data-\[orientation\=vertical\]\:flex-col[data-orientation="vertical"] {
                    flex-direction: column;
                }
                .data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction="vertical"] {
                    height: 1px;
                }
                .data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction="vertical"] {
                    width: 100%;
                }
                .data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction="vertical"] {
                    flex-direction: column;
                }
                .data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]:after {
                    content: var(--tw-content);
                    left: calc(var(--spacing) * 0);
                }
                .data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]:after {
                    content: var(--tw-content);
                    height: calc(var(--spacing) * 1);
                }
                .data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction="vertical"]:after {
                    content: var(--tw-content);
                    width: 100%;
                }
                .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction="vertical"]:after {
                    content: var(--tw-content);
                    --tw-translate-x: calc(var(--spacing) * 0);
                    translate: var(--tw-translate-x) var(--tw-translate-y);
                }
                .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction="vertical"]:after {
                    content: var(--tw-content);
                    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
                    translate: var(--tw-translate-x) var(--tw-translate-y);
                }
                .data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
                    color: var(--muted-foreground);
                }
                .data-\[selected\=true\]\:bg-accent[data-selected="true"] {
                    background-color: var(--accent);
                }
                .data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] {
                    color: var(--accent-foreground);
                }
                .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
                    --tw-translate-y: calc(var(--spacing) * 1);
                    translate: var(--tw-translate-x) var(--tw-translate-y);
                }
                .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
                    --tw-enter-translate-y: -0.5rem;
                }
                .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
                    --tw-translate-x: calc(var(--spacing) * -1);
                    translate: var(--tw-translate-x) var(--tw-translate-y);
                }
                .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
                    --tw-enter-translate-x: 0.5rem;
                }
                .data-\[side\=right\]\:translate-x-1[data-side="right"] {
                    --tw-translate-x: calc(var(--spacing) * 1);
                    translate: var(--tw-translate-x) var(--tw-translate-y);
                }
                .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
                    --tw-enter-translate-x: -0.5rem;
                }
                .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
                    --tw-translate-y: calc(var(--spacing) * -1);
                    translate: var(--tw-translate-x) var(--tw-translate-y);
                }
                .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
                    --tw-enter-translate-y: 0.5rem;
                }
                .data-\[size\=default\]\:h-9[data-size="default"] {
                    height: calc(var(--spacing) * 9);
                }
                .data-\[size\=sm\]\:h-8[data-size="sm"] {
                    height: calc(var(--spacing) * 8);
                }
                :is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90 > *)[data-slot="alert-description"] {
                    color: var(--destructive);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    :is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90 > *)[data-slot="alert-description"] {
                        color: color-mix(in oklab, var(--destructive) 90%, transparent);
                    }
                }
                :is(.\*\:data-\[slot\=card\]\:bg-gradient-to-t > *)[data-slot="card"] {
                    --tw-gradient-position: to top in oklab;
                    background-image: linear-gradient(var(--tw-gradient-stops));
                }
                :is(.\*\:data-\[slot\=card\]\:from-primary\/10 > *)[data-slot="card"] {
                    --tw-gradient-from: var(--primary);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    :is(.\*\:data-\[slot\=card\]\:from-primary\/10 > *)[data-slot="card"] {
                        --tw-gradient-from: color-mix(in oklab, var(--primary) 10%, transparent);
                    }
                }
                :is(.\*\:data-\[slot\=card\]\:from-primary\/10 > *)[data-slot="card"] {
                    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
                }
                :is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot="command-input-wrapper"] {
                    height: calc(var(--spacing) * 12);
                }
                :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot="navigation-menu-link"]:focus {
                    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
                    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
                }
                :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot="navigation-menu-link"]:focus {
                    --tw-outline-style: none;
                    outline-style: none;
                }
                :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"] {
                    -webkit-line-clamp: 1;
                    -webkit-box-orient: vertical;
                    display: -webkit-box;
                    overflow: hidden;
                }
                :is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"] {
                    display: flex;
                }
                :is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"] {
                    align-items: center;
                }
                :is(.\*\:data-\[slot\=select-value\]\:gap-2 > *)[data-slot="select-value"] {
                    gap: calc(var(--spacing) * 2);
                }
                :is(.\*\*\:data-\[slot\=select-value\]\:block *)[data-slot="select-value"] {
                    display: block;
                }
                :is(.\*\*\:data-\[slot\=select-value\]\:truncate *)[data-slot="select-value"] {
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden;
                }
                :is(.\*\:data-\[slot\=toggle-group-item\]\:\!px-4 > *)[data-slot="toggle-group-item"] {
                    padding-inline: calc(var(--spacing) * 4) !important;
                }
                .data-\[state\=active\]\:bg-background[data-state="active"] {
                    background-color: var(--background);
                }
                .data-\[state\=active\]\:text-foreground[data-state="active"] {
                    color: var(--foreground);
                }
                .data-\[state\=active\]\:shadow-sm[data-state="active"] {
                    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
                    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
                }
                .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state="checked"] {
                    --tw-translate-x: calc(100% - 2px);
                    translate: var(--tw-translate-x) var(--tw-translate-y);
                }
                .data-\[state\=checked\]\:border-primary[data-state="checked"] {
                    border-color: var(--primary);
                }
                .data-\[state\=checked\]\:bg-primary[data-state="checked"] {
                    background-color: var(--primary);
                }
                .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
                    color: var(--primary-foreground);
                }
                .data-\[state\=closed\]\:duration-300[data-state="closed"] {
                    --tw-duration: 0.3s;
                    transition-duration: 0.3s;
                }
                .data-\[state\=closed\]\:animate-out[data-state="closed"] {
                    --tw-exit-opacity: initial;
                    --tw-exit-scale: initial;
                    --tw-exit-rotate: initial;
                    --tw-exit-translate-x: initial;
                    --tw-exit-translate-y: initial;
                    animation-name: exit;
                    animation-duration: 0.15s;
                }
                .data-\[state\=closed\]\:duration-300[data-state="closed"] {
                    animation-duration: 0.3s;
                }
                .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
                    --tw-exit-opacity: 0;
                }
                .data-\[state\=closed\]\:fade-out-80[data-state="closed"] {
                    --tw-exit-opacity: 0.8;
                }
                .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] {
                    --tw-exit-translate-y: 100%;
                }
                .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] {
                    --tw-exit-translate-x: -100%;
                }
                .data-\[state\=closed\]\:slide-out-to-right-full[data-state="closed"],
                .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] {
                    --tw-exit-translate-x: 100%;
                }
                .data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] {
                    --tw-exit-translate-y: -100%;
                }
                .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
                    --tw-exit-scale: 0.95;
                }
                .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="closed"] {
                    --tw-exit-opacity: initial;
                    --tw-exit-scale: initial;
                    --tw-exit-rotate: initial;
                    --tw-exit-translate-x: initial;
                    --tw-exit-translate-y: initial;
                    animation-name: exit;
                    animation-duration: 0.15s;
                }
                .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="closed"] {
                    --tw-exit-opacity: 0;
                }
                .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="closed"] {
                    --tw-exit-scale: 0.95;
                }
                .data-\[state\=hidden\]\:animate-out[data-state="hidden"] {
                    --tw-exit-opacity: initial;
                    --tw-exit-scale: initial;
                    --tw-exit-rotate: initial;
                    --tw-exit-translate-x: initial;
                    --tw-exit-translate-y: initial;
                    animation-name: exit;
                    animation-duration: 0.15s;
                }
                .data-\[state\=hidden\]\:fade-out[data-state="hidden"] {
                    --tw-exit-opacity: 0;
                }
                .data-\[state\=on\]\:bg-accent[data-state="on"] {
                    background-color: var(--accent);
                }
                .data-\[state\=on\]\:text-accent-foreground[data-state="on"] {
                    color: var(--accent-foreground);
                }
                .data-\[state\=open\]\:bg-accent[data-state="open"],
                .data-\[state\=open\]\:bg-accent\/50[data-state="open"] {
                    background-color: var(--accent);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .data-\[state\=open\]\:bg-accent\/50[data-state="open"] {
                        background-color: color-mix(in oklab, var(--accent) 50%, transparent);
                    }
                }
                .data-\[state\=open\]\:bg-secondary[data-state="open"] {
                    background-color: var(--secondary);
                }
                .data-\[state\=open\]\:text-accent-foreground[data-state="open"] {
                    color: var(--accent-foreground);
                }
                .data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
                    color: var(--muted-foreground);
                }
                .data-\[state\=open\]\:opacity-100[data-state="open"] {
                    opacity: 1;
                }
                .data-\[state\=open\]\:duration-500[data-state="open"] {
                    --tw-duration: 0.5s;
                    transition-duration: 0.5s;
                }
                .data-\[state\=open\]\:animate-in[data-state="open"] {
                    --tw-enter-opacity: initial;
                    --tw-enter-scale: initial;
                    --tw-enter-rotate: initial;
                    --tw-enter-translate-x: initial;
                    --tw-enter-translate-y: initial;
                    animation-name: enter;
                    animation-duration: 0.15s;
                }
                .data-\[state\=open\]\:duration-500[data-state="open"] {
                    animation-duration: 0.5s;
                }
                .data-\[state\=open\]\:fade-in-0[data-state="open"] {
                    --tw-enter-opacity: 0;
                }
                .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] {
                    --tw-enter-translate-y: 100%;
                }
                .data-\[state\=open\]\:slide-in-from-left[data-state="open"] {
                    --tw-enter-translate-x: -100%;
                }
                .data-\[state\=open\]\:slide-in-from-right[data-state="open"] {
                    --tw-enter-translate-x: 100%;
                }
                .data-\[state\=open\]\:slide-in-from-top-full[data-state="open"],
                .data-\[state\=open\]\:slide-in-from-top[data-state="open"] {
                    --tw-enter-translate-y: -100%;
                }
                .data-\[state\=open\]\:zoom-in-90[data-state="open"] {
                    --tw-enter-scale: 0.9;
                }
                .data-\[state\=open\]\:zoom-in-95[data-state="open"] {
                    --tw-enter-scale: 0.95;
                }
                .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="open"] {
                    --tw-enter-opacity: initial;
                    --tw-enter-scale: initial;
                    --tw-enter-rotate: initial;
                    --tw-enter-translate-x: initial;
                    --tw-enter-translate-y: initial;
                    animation-name: enter;
                    animation-duration: 0.15s;
                }
                .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="open"] {
                    --tw-enter-opacity: 0;
                }
                .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="open"] {
                    --tw-enter-scale: 0.95;
                }
                @media (hover: hover) {
                    .data-\[state\=open\]\:hover\:bg-accent[data-state="open"]:hover {
                        background-color: var(--accent);
                    }
                    .data-\[state\=open\]\:hover\:bg-sidebar-accent[data-state="open"]:hover {
                        background-color: var(--sidebar-accent);
                    }
                    .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground[data-state="open"]:hover {
                        color: var(--sidebar-accent-foreground);
                    }
                }
                .data-\[state\=open\]\:focus\:bg-accent[data-state="open"]:focus {
                    background-color: var(--accent);
                }
                .data-\[state\=selected\]\:bg-muted[data-state="selected"] {
                    background-color: var(--muted);
                }
                .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
                    --tw-translate-x: calc(var(--spacing) * 0);
                    translate: var(--tw-translate-x) var(--tw-translate-y);
                }
                .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] {
                    background-color: var(--input);
                }
                .data-\[state\=visible\]\:animate-in[data-state="visible"] {
                    --tw-enter-opacity: initial;
                    --tw-enter-scale: initial;
                    --tw-enter-rotate: initial;
                    --tw-enter-translate-x: initial;
                    --tw-enter-translate-y: initial;
                    animation-name: enter;
                    animation-duration: 0.15s;
                }
                .data-\[state\=visible\]\:fade-in[data-state="visible"] {
                    --tw-enter-opacity: 0;
                }
                .data-\[swipe\=cancel\]\:translate-x-0[data-swipe="cancel"] {
                    --tw-translate-x: calc(var(--spacing) * 0);
                    translate: var(--tw-translate-x) var(--tw-translate-y);
                }
                .data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe="end"] {
                    --tw-translate-x: var(--radix-toast-swipe-end-x);
                    translate: var(--tw-translate-x) var(--tw-translate-y);
                }
                .data-\[swipe\=end\]\:animate-out[data-swipe="end"] {
                    --tw-exit-opacity: initial;
                    --tw-exit-scale: initial;
                    --tw-exit-rotate: initial;
                    --tw-exit-translate-x: initial;
                    --tw-exit-translate-y: initial;
                    animation-name: exit;
                    animation-duration: 0.15s;
                }
                .data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe="move"] {
                    --tw-translate-x: var(--radix-toast-swipe-move-x);
                    translate: var(--tw-translate-x) var(--tw-translate-y);
                }
                .data-\[swipe\=move\]\:transition-none[data-swipe="move"] {
                    transition-property: none;
                }
                .data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"] {
                    color: var(--destructive);
                }
                .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
                    background-color: var(--destructive);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
                        background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
                    }
                }
                .data-\[variant\=destructive\]\:focus\:text-destructive[data-variant="destructive"]:focus {
                    color: var(--destructive);
                }
                .data-\[variant\=outline\]\:border-l-0[data-variant="outline"] {
                    border-left-style: var(--tw-border-style);
                    border-left-width: 0;
                }
                .data-\[variant\=outline\]\:border-l-1[data-variant="outline"] {
                    border-left-style: var(--tw-border-style);
                    border-left-width: 1px;
                }
                .data-\[variant\=outline\]\:shadow-xs[data-variant="outline"] {
                    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
                    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
                }
                .data-\[variant\=outline\]\:first\:border-l[data-variant="outline"]:first-child {
                    border-left-style: var(--tw-border-style);
                    border-left-width: 1px;
                }
                .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction="bottom"] {
                    inset-inline: calc(var(--spacing) * 0);
                }
                .data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction="bottom"] {
                    bottom: calc(var(--spacing) * 0);
                }
                .data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction="bottom"] {
                    margin-top: calc(var(--spacing) * 24);
                }
                .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction="bottom"] {
                    max-height: 80vh;
                }
                .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction="bottom"] {
                    border-top-left-radius: var(--radius);
                    border-top-right-radius: var(--radius);
                }
                .data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction="bottom"] {
                    border-top-style: var(--tw-border-style);
                    border-top-width: 1px;
                }
                .data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction="left"] {
                    inset-block: calc(var(--spacing) * 0);
                }
                .data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction="left"] {
                    left: calc(var(--spacing) * 0);
                }
                .data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction="left"] {
                    width: 75%;
                }
                .data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction="left"] {
                    border-right-style: var(--tw-border-style);
                    border-right-width: 1px;
                }
                .data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction="right"] {
                    inset-block: calc(var(--spacing) * 0);
                }
                .data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction="right"] {
                    right: calc(var(--spacing) * 0);
                }
                .data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction="right"] {
                    width: 75%;
                }
                .data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction="right"] {
                    border-left-style: var(--tw-border-style);
                    border-left-width: 1px;
                }
                .data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction="top"] {
                    inset-inline: calc(var(--spacing) * 0);
                }
                .data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction="top"] {
                    top: calc(var(--spacing) * 0);
                }
                .data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction="top"] {
                    margin-bottom: calc(var(--spacing) * 24);
                }
                .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction="top"] {
                    max-height: 80vh;
                }
                .data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction="top"] {
                    border-bottom-right-radius: var(--radius);
                    border-bottom-left-radius: var(--radius);
                }
                .data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction="top"] {
                    border-bottom-style: var(--tw-border-style);
                    border-bottom-width: 1px;
                }
                @media (min-width: 40rem) {
                    .sm\:top-auto {
                        top: auto;
                    }
                    .sm\:right-0 {
                        right: calc(var(--spacing) * 0);
                    }
                    .sm\:bottom-0 {
                        bottom: calc(var(--spacing) * 0);
                    }
                    .sm\:block {
                        display: block;
                    }
                    .sm\:flex {
                        display: flex;
                    }
                    .sm\:hidden {
                        display: none;
                    }
                    .sm\:inline {
                        display: inline;
                    }
                    .sm\:h-80 {
                        height: calc(var(--spacing) * 80);
                    }
                    .sm\:w-52 {
                        width: calc(var(--spacing) * 52);
                    }
                    .sm\:w-auto {
                        width: auto;
                    }
                    .sm\:w-full {
                        width: 100%;
                    }
                    .sm\:max-w-\[75\%\] {
                        max-width: 75%;
                    }
                    .sm\:max-w-\[425px\] {
                        max-width: 425px;
                    }
                    .sm\:max-w-lg {
                        max-width: var(--container-lg);
                    }
                    .sm\:max-w-sm {
                        max-width: var(--container-sm);
                    }
                    .sm\:grid-cols-2 {
                        grid-template-columns: repeat(2, minmax(0, 1fr));
                    }
                    .sm\:flex-col {
                        flex-direction: column;
                    }
                    .sm\:flex-row {
                        flex-direction: row;
                    }
                    .sm\:justify-between {
                        justify-content: space-between;
                    }
                    .sm\:justify-end {
                        justify-content: flex-end;
                    }
                    .sm\:gap-2\.5 {
                        gap: calc(var(--spacing) * 2.5);
                    }
                    :where(.sm\:space-y-0 > :not(:last-child)) {
                        --tw-space-y-reverse: 0;
                        margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
                        margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
                    }
                    :where(.sm\:space-x-4 > :not(:last-child)) {
                        --tw-space-x-reverse: 0;
                        margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
                        margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
                    }
                    :where(.sm\:divide-x > :not(:last-child)) {
                        --tw-divide-x-reverse: 0;
                        border-inline-style: var(--tw-border-style);
                        border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
                        border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
                    }
                    :where(.sm\:divide-y-0 > :not(:last-child)) {
                        --tw-divide-y-reverse: 0;
                        border-bottom-style: var(--tw-border-style);
                        border-top-style: var(--tw-border-style);
                        border-top-width: calc(0px * var(--tw-divide-y-reverse));
                        border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
                    }
                    .sm\:px-6 {
                        padding-inline: calc(var(--spacing) * 6);
                    }
                    .sm\:pt-6 {
                        padding-top: calc(var(--spacing) * 6);
                    }
                    .sm\:pr-2\.5 {
                        padding-right: calc(var(--spacing) * 2.5);
                    }
                    .sm\:pl-2\.5 {
                        padding-left: calc(var(--spacing) * 2.5);
                    }
                    .sm\:text-left {
                        text-align: left;
                    }
                    .sm\:text-2xl {
                        font-size: var(--text-2xl);
                        line-height: var(--tw-leading, var(--text-2xl--line-height));
                    }
                    .sm\:text-9xl {
                        font-size: var(--text-9xl);
                        line-height: var(--tw-leading, var(--text-9xl--line-height));
                    }
                    .sm\:group-data-\[theme-content-layout\=full\]\:columns-2:is(:where(.group)[data-theme-content-layout="full"] *) {
                        column-count: 2;
                    }
                    .sm\:data-\[state\=open\]\:slide-in-from-bottom-full[data-state="open"] {
                        --tw-enter-translate-y: 100%;
                    }
                    .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction="left"],
                    .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction="right"] {
                        max-width: var(--container-sm);
                    }
                }
                @media (min-width: 48rem) {
                    .md\:absolute {
                        position: absolute;
                    }
                    .md\:col-span-4 {
                        grid-column: span 4 / span 4;
                    }
                    .md\:col-span-6 {
                        grid-column: span 6 / span 6;
                    }
                    .md\:col-start-2 {
                        grid-column-start: 2;
                    }
                    .md\:row-start-1 {
                        grid-row-start: 1;
                    }
                    .md\:ms-0 {
                        margin-inline-start: calc(var(--spacing) * 0);
                    }
                    .md\:mt-6 {
                        margin-top: calc(var(--spacing) * 6);
                    }
                    .md\:block {
                        display: block;
                    }
                    .md\:flex {
                        display: flex;
                    }
                    .md\:grid {
                        display: grid;
                    }
                    .md\:hidden {
                        display: none;
                    }
                    .md\:inline {
                        display: inline;
                    }
                    .md\:size-12 {
                        width: calc(var(--spacing) * 12);
                        height: calc(var(--spacing) * 12);
                    }
                    .md\:h-\[280px\] {
                        height: 280px;
                    }
                    .md\:w-1\/3 {
                        width: 33.3333%;
                    }
                    .md\:w-\[300px\] {
                        width: 300px;
                    }
                    .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
                        width: var(--radix-navigation-menu-viewport-width);
                    }
                    .md\:w-auto {
                        width: auto;
                    }
                    .md\:max-w-\[420px\] {
                        max-width: 420px;
                    }
                    .md\:max-w-sm {
                        max-width: var(--container-sm);
                    }
                    .md\:grid-cols-2 {
                        grid-template-columns: repeat(2, minmax(0, 1fr));
                    }
                    .md\:grid-cols-3 {
                        grid-template-columns: repeat(3, minmax(0, 1fr));
                    }
                    .md\:grid-cols-4 {
                        grid-template-columns: repeat(4, minmax(0, 1fr));
                    }
                    .md\:flex-col {
                        flex-direction: column;
                    }
                    .md\:flex-row {
                        flex-direction: row;
                    }
                    .md\:justify-between {
                        justify-content: space-between;
                    }
                    .md\:justify-normal {
                        justify-content: normal;
                    }
                    .md\:justify-self-end {
                        justify-self: flex-end;
                    }
                    .md\:rounded-none {
                        border-radius: 0;
                    }
                    .md\:rounded-bl-md {
                        border-bottom-left-radius: calc(var(--radius) - 2px);
                    }
                    .md\:border-e-transparent {
                        border-inline-end-color: #0000;
                    }
                    .md\:border-t-transparent {
                        border-top-color: #0000;
                    }
                    .md\:pb-0 {
                        padding-bottom: calc(var(--spacing) * 0);
                    }
                    .md\:text-5xl {
                        font-size: var(--text-5xl);
                        line-height: var(--tw-leading, var(--text-5xl--line-height));
                    }
                    .md\:text-sm {
                        font-size: var(--text-sm);
                        line-height: var(--tw-leading, var(--text-sm--line-height));
                    }
                    .md\:opacity-0 {
                        opacity: 0;
                    }
                    .md\:group-data-\[theme-content-layout\=full\]\/layout\:columns-3:is(:where(.group\/layout)[data-theme-content-layout="full"] *) {
                        column-count: 3;
                    }
                    .group-data-\[view-mode\=list\]\:md\:absolute:is(:where(.group)[data-view-mode="list"] *) {
                        position: absolute;
                    }
                    .md\:group-data-\[view-mode\=list\]\:flex:is(:where(.group)[data-view-mode="list"] *) {
                        display: flex;
                    }
                    .md\:group-data-\[view-mode\=list\]\:w-62:is(:where(.group)[data-view-mode="list"] *) {
                        width: calc(var(--spacing) * 62);
                    }
                    .md\:group-data-\[view-mode\=list\]\:flex-row:is(:where(.group)[data-view-mode="list"] *) {
                        flex-direction: row;
                    }
                    .md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant="inset"] ~ *) {
                        margin: calc(var(--spacing) * 2);
                    }
                    .md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant="inset"] ~ *) {
                        margin-left: calc(var(--spacing) * 0);
                    }
                    .md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant="inset"] ~ *) {
                        border-radius: calc(var(--radius) + 4px);
                    }
                    .md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant="inset"] ~ *) {
                        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
                        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
                    }
                    .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant="inset"] ~ *):is(:where(.peer)[data-state="collapsed"] ~ *) {
                        margin-left: calc(var(--spacing) * 2);
                    }
                    .md\:after\:hidden:after {
                        content: var(--tw-content);
                        display: none;
                    }
                }
                @media (min-width: 64rem) {
                    .lg\:absolute {
                        position: absolute;
                    }
                    .lg\:relative {
                        position: relative;
                    }
                    .lg\:z-10 {
                        z-index: 10;
                    }
                    .lg\:order-first {
                        order: -9999;
                    }
                    .lg\:order-last {
                        order: 9999;
                    }
                    .lg\:col-span-1 {
                        grid-column: span 1 / span 1;
                    }
                    .lg\:col-span-2 {
                        grid-column: span 2 / span 2;
                    }
                    .lg\:col-span-4 {
                        grid-column: span 4 / span 4;
                    }
                    .lg\:col-span-5 {
                        grid-column: span 5 / span 5;
                    }
                    .lg\:col-span-6 {
                        grid-column: span 6 / span 6;
                    }
                    .lg\:col-span-7 {
                        grid-column: span 7 / span 7;
                    }
                    .lg\:col-span-12 {
                        grid-column: span 12 / span 12;
                    }
                    .lg\:col-start-2 {
                        grid-column-start: 2;
                    }
                    .lg\:row-start-1 {
                        grid-row-start: 1;
                    }
                    .lg\:my-12 {
                        margin-block: calc(var(--spacing) * 12);
                    }
                    .lg\:me-0 {
                        margin-inline-end: calc(var(--spacing) * 0);
                    }
                    .lg\:me-4 {
                        margin-inline-end: calc(var(--spacing) * 4);
                    }
                    .lg\:me-auto {
                        margin-inline-end: auto;
                    }
                    .lg\:-mt-14 {
                        margin-top: calc(var(--spacing) * -14);
                    }
                    .lg\:mt-0 {
                        margin-top: calc(var(--spacing) * 0);
                    }
                    .lg\:mt-8 {
                        margin-top: calc(var(--spacing) * 8);
                    }
                    .lg\:mt-10 {
                        margin-top: calc(var(--spacing) * 10);
                    }
                    .lg\:mb-1 {
                        margin-bottom: calc(var(--spacing) * 1);
                    }
                    .lg\:mb-4 {
                        margin-bottom: calc(var(--spacing) * 4);
                    }
                    .lg\:mb-6 {
                        margin-bottom: calc(var(--spacing) * 6);
                    }
                    .lg\:block {
                        display: block;
                    }
                    .lg\:flex {
                        display: flex;
                    }
                    .lg\:grid {
                        display: grid;
                    }
                    .lg\:hidden {
                        display: none;
                    }
                    .lg\:inline {
                        display: inline;
                    }
                    .lg\:aspect-square {
                        aspect-ratio: 1;
                    }
                    .lg\:size-6 {
                        width: calc(var(--spacing) * 6);
                        height: calc(var(--spacing) * 6);
                    }
                    .lg\:size-12 {
                        width: calc(var(--spacing) * 12);
                        height: calc(var(--spacing) * 12);
                    }
                    .lg\:size-14 {
                        width: calc(var(--spacing) * 14);
                        height: calc(var(--spacing) * 14);
                    }
                    .lg\:h-9 {
                        height: calc(var(--spacing) * 9);
                    }
                    .lg\:h-\[60px\] {
                        height: 60px;
                    }
                    .lg\:h-\[250px\] {
                        height: 250px;
                    }
                    .lg\:h-\[350px\] {
                        height: 350px;
                    }
                    .lg\:h-\[375px\] {
                        height: 375px;
                    }
                    .lg\:h-\[400px\] {
                        height: 400px;
                    }
                    .lg\:h-screen {
                        height: 100vh;
                    }
                    .lg\:w-1\/2 {
                        width: 50%;
                    }
                    .lg\:w-1\/5 {
                        width: 20%;
                    }
                    .lg\:w-2\/3 {
                        width: 66.6667%;
                    }
                    .lg\:w-32 {
                        width: calc(var(--spacing) * 32);
                    }
                    .lg\:w-60 {
                        width: calc(var(--spacing) * 60);
                    }
                    .lg\:w-96 {
                        width: calc(var(--spacing) * 96);
                    }
                    .lg\:w-\[300px\] {
                        width: 300px;
                    }
                    .lg\:w-auto {
                        width: auto;
                    }
                    .lg\:max-w-\(--breakpoint-sm\) {
                        max-width: var(--breakpoint-sm);
                    }
                    .lg\:max-w-2xl {
                        max-width: var(--container-2xl);
                    }
                    .lg\:flex-1 {
                        flex: 1;
                    }
                    .lg\:columns-2 {
                        column-count: 2;
                    }
                    .lg\:grid-flow-col {
                        grid-auto-flow: column;
                    }
                    .lg\:grid-cols-2 {
                        grid-template-columns: repeat(2, minmax(0, 1fr));
                    }
                    .lg\:grid-cols-3 {
                        grid-template-columns: repeat(3, minmax(0, 1fr));
                    }
                    .lg\:grid-cols-4 {
                        grid-template-columns: repeat(4, minmax(0, 1fr));
                    }
                    .lg\:grid-cols-6 {
                        grid-template-columns: repeat(6, minmax(0, 1fr));
                    }
                    .lg\:grid-cols-7 {
                        grid-template-columns: repeat(7, minmax(0, 1fr));
                    }
                    .lg\:grid-cols-12 {
                        grid-template-columns: repeat(12, minmax(0, 1fr));
                    }
                    .lg\:flex-col {
                        flex-direction: column;
                    }
                    .lg\:flex-row {
                        flex-direction: row;
                    }
                    .lg\:items-center {
                        align-items: center;
                    }
                    .lg\:justify-end {
                        justify-content: flex-end;
                    }
                    .lg\:gap-0 {
                        gap: calc(var(--spacing) * 0);
                    }
                    .lg\:gap-2 {
                        gap: calc(var(--spacing) * 2);
                    }
                    .lg\:gap-4 {
                        gap: calc(var(--spacing) * 4);
                    }
                    :where(.lg\:space-y-0 > :not(:last-child)) {
                        --tw-space-y-reverse: 0;
                        margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
                        margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
                    }
                    :where(.lg\:space-y-4 > :not(:last-child)) {
                        --tw-space-y-reverse: 0;
                        margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
                        margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
                    }
                    :where(.lg\:space-y-6 > :not(:last-child)) {
                        --tw-space-y-reverse: 0;
                        margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
                        margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
                    }
                    :where(.lg\:space-y-8 > :not(:last-child)) {
                        --tw-space-y-reverse: 0;
                        margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
                        margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
                    }
                    :where(.lg\:space-x-0 > :not(:last-child)) {
                        --tw-space-x-reverse: 0;
                        margin-inline-start: calc(calc(var(--spacing) * 0) * var(--tw-space-x-reverse));
                        margin-inline-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-x-reverse)));
                    }
                    :where(.lg\:space-x-4 > :not(:last-child)) {
                        --tw-space-x-reverse: 0;
                        margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
                        margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
                    }
                    :where(.lg\:space-x-5 > :not(:last-child)) {
                        --tw-space-x-reverse: 0;
                        margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse));
                        margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse)));
                    }
                    :where(.lg\:space-x-6 > :not(:last-child)) {
                        --tw-space-x-reverse: 0;
                        margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));
                        margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
                    }
                    .lg\:justify-self-end {
                        justify-self: flex-end;
                    }
                    .lg\:overflow-y-auto {
                        overflow-y: auto;
                    }
                    .lg\:border-s {
                        border-inline-start-style: var(--tw-border-style);
                        border-inline-start-width: 1px;
                    }
                    .lg\:bg-transparent {
                        background-color: #0000;
                    }
                    .lg\:p-0 {
                        padding: calc(var(--spacing) * 0);
                    }
                    .lg\:px-4 {
                        padding-inline: calc(var(--spacing) * 4);
                    }
                    .lg\:py-6 {
                        padding-block: calc(var(--spacing) * 6);
                    }
                    .lg\:py-16 {
                        padding-block: calc(var(--spacing) * 16);
                    }
                    .lg\:ps-4\! {
                        padding-inline-start: calc(var(--spacing) * 4) !important;
                    }
                    .lg\:ps-6 {
                        padding-inline-start: calc(var(--spacing) * 6);
                    }
                    .lg\:pe-56 {
                        padding-inline-end: calc(var(--spacing) * 56);
                    }
                    .lg\:pb-0 {
                        padding-bottom: calc(var(--spacing) * 0);
                    }
                    .lg\:text-2xl {
                        font-size: var(--text-2xl);
                        line-height: var(--tw-leading, var(--text-2xl--line-height));
                    }
                    .lg\:text-3xl {
                        font-size: var(--text-3xl);
                        line-height: var(--tw-leading, var(--text-3xl--line-height));
                    }
                    .lg\:text-4xl {
                        font-size: var(--text-4xl);
                        line-height: var(--tw-leading, var(--text-4xl--line-height));
                    }
                    .lg\:text-5xl {
                        font-size: var(--text-5xl);
                        line-height: var(--tw-leading, var(--text-5xl--line-height));
                    }
                    .lg\:text-7xl {
                        font-size: var(--text-7xl);
                        line-height: var(--tw-leading, var(--text-7xl--line-height));
                    }
                    .lg\:text-lg {
                        font-size: var(--text-lg);
                        line-height: var(--tw-leading, var(--text-lg--line-height));
                    }
                    .lg\:text-xl {
                        font-size: var(--text-xl);
                        line-height: var(--tw-leading, var(--text-xl--line-height));
                    }
                }
                @media (min-width: 80rem) {
                    .xl\:col-span-1 {
                        grid-column: span 1 / span 1;
                    }
                    .xl\:col-span-2 {
                        grid-column: span 2 / span 2;
                    }
                    .xl\:col-span-3 {
                        grid-column: span 3 / span 3;
                    }
                    .xl\:col-span-4 {
                        grid-column: span 4 / span 4;
                    }
                    .xl\:col-span-5 {
                        grid-column: span 5 / span 5;
                    }
                    .xl\:col-span-6 {
                        grid-column: span 6 / span 6;
                    }
                    .xl\:col-span-8 {
                        grid-column: span 8 / span 8;
                    }
                    .xl\:block {
                        display: block;
                    }
                    .xl\:flex {
                        display: flex;
                    }
                    .xl\:grid {
                        display: grid;
                    }
                    .xl\:hidden {
                        display: none;
                    }
                    .xl\:max-h-\[350px\] {
                        max-height: 350px;
                    }
                    .xl\:w-64 {
                        width: calc(var(--spacing) * 64);
                    }
                    .xl\:w-72 {
                        width: calc(var(--spacing) * 72);
                    }
                    .xl\:grid-cols-2 {
                        grid-template-columns: repeat(2, minmax(0, 1fr));
                    }
                    .xl\:grid-cols-3 {
                        grid-template-columns: repeat(3, minmax(0, 1fr));
                    }
                    .xl\:grid-cols-4 {
                        grid-template-columns: repeat(4, minmax(0, 1fr));
                    }
                    .xl\:grid-cols-5 {
                        grid-template-columns: repeat(5, minmax(0, 1fr));
                    }
                    .xl\:grid-cols-8 {
                        grid-template-columns: repeat(8, minmax(0, 1fr));
                    }
                    .xl\:grid-cols-12 {
                        grid-template-columns: repeat(12, minmax(0, 1fr));
                    }
                    .xl\:flex-row {
                        flex-direction: row;
                    }
                    .xl\:items-center {
                        align-items: center;
                    }
                    .xl\:justify-between {
                        justify-content: space-between;
                    }
                    .xl\:gap-4 {
                        gap: calc(var(--spacing) * 4);
                    }
                    :where(.xl\:space-y-0 > :not(:last-child)) {
                        --tw-space-y-reverse: 0;
                        margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
                        margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
                    }
                    :where(.xl\:space-x-0 > :not(:last-child)) {
                        --tw-space-x-reverse: 0;
                        margin-inline-start: calc(calc(var(--spacing) * 0) * var(--tw-space-x-reverse));
                        margin-inline-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-x-reverse)));
                    }
                    .xl\:border {
                        border-style: var(--tw-border-style);
                        border-width: 1px;
                    }
                    .xl\:px-4 {
                        padding-inline: calc(var(--spacing) * 4);
                    }
                    .xl\:group-data-\[theme-content-layout\=centered\]\/layout\:container:is(:where(.group\/layout)[data-theme-content-layout="centered"] *) {
                        width: 100%;
                    }
                    @media (min-width: 40rem) {
                        .xl\:group-data-\[theme-content-layout\=centered\]\/layout\:container:is(:where(.group\/layout)[data-theme-content-layout="centered"] *) {
                            max-width: 40rem;
                        }
                    }
                    @media (min-width: 48rem) {
                        .xl\:group-data-\[theme-content-layout\=centered\]\/layout\:container:is(:where(.group\/layout)[data-theme-content-layout="centered"] *) {
                            max-width: 48rem;
                        }
                    }
                    @media (min-width: 64rem) {
                        .xl\:group-data-\[theme-content-layout\=centered\]\/layout\:container:is(:where(.group\/layout)[data-theme-content-layout="centered"] *) {
                            max-width: 64rem;
                        }
                    }
                    @media (min-width: 80rem) {
                        .xl\:group-data-\[theme-content-layout\=centered\]\/layout\:container:is(:where(.group\/layout)[data-theme-content-layout="centered"] *) {
                            max-width: 80rem;
                        }
                    }
                    @media (min-width: 96rem) {
                        .xl\:group-data-\[theme-content-layout\=centered\]\/layout\:container:is(:where(.group\/layout)[data-theme-content-layout="centered"] *) {
                            max-width: 96rem;
                        }
                    }
                    .xl\:group-data-\[theme-content-layout\=centered\]\/layout\:mx-auto:is(:where(.group\/layout)[data-theme-content-layout="centered"] *) {
                        margin-inline: auto;
                    }
                    .xl\:group-data-\[theme-content-layout\=centered\]\/layout\:mt-8:is(:where(.group\/layout)[data-theme-content-layout="centered"] *) {
                        margin-top: calc(var(--spacing) * 8);
                    }
                    .xl\:group-data-\[theme-content-layout\=full\]\/layout\:columns-4:is(:where(.group\/layout)[data-theme-content-layout="full"] *) {
                        column-count: 4;
                    }
                    @media (hover: hover) {
                        .xl\:hover\:bg-muted:hover {
                            background-color: var(--muted);
                        }
                    }
                }
                @media (min-width: 96rem) {
                    .\32 xl\:grid-cols-4 {
                        grid-template-columns: repeat(4, minmax(0, 1fr));
                    }
                }
                @container card (min-width:540px) {
                    .\@\[540px\]\/card\:block {
                        display: block;
                    }
                    .\@\[540px\]\/card\:hidden {
                        display: none;
                    }
                }
                @container card (min-width:767px) {
                    .\@\[767px\]\/card\:flex {
                        display: flex;
                    }
                    .\@\[767px\]\/card\:hidden {
                        display: none;
                    }
                }
                .dark\:block:is(.dark *) {
                    display: block;
                }
                .dark\:hidden:is(.dark *) {
                    display: none;
                }
                .dark\:border-blue-700:is(.dark *) {
                    border-color: var(--color-blue-700);
                }
                .dark\:border-blue-900:is(.dark *) {
                    border-color: var(--color-blue-900);
                }
                .dark\:border-green-700:is(.dark *) {
                    border-color: var(--color-green-700);
                }
                .dark\:border-green-900:is(.dark *) {
                    border-color: var(--color-green-900);
                }
                .dark\:border-input:is(.dark *) {
                    border-color: var(--input);
                }
                .dark\:border-orange-700:is(.dark *) {
                    border-color: var(--color-orange-700);
                }
                .dark\:border-red-900:is(.dark *) {
                    border-color: var(--color-red-900);
                }
                .dark\:bg-background:is(.dark *) {
                    background-color: var(--background);
                }
                .dark\:bg-blue-900:is(.dark *) {
                    background-color: var(--color-blue-900);
                }
                .dark\:bg-blue-900\/70:is(.dark *) {
                    background-color: #1c398eb3;
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .dark\:bg-blue-900\/70:is(.dark *) {
                        background-color: color-mix(in oklab, var(--color-blue-900) 70%, transparent);
                    }
                }
                .dark\:bg-blue-950:is(.dark *) {
                    background-color: var(--color-blue-950);
                }
                .dark\:bg-blue-950\/70:is(.dark *) {
                    background-color: #162456b3;
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .dark\:bg-blue-950\/70:is(.dark *) {
                        background-color: color-mix(in oklab, var(--color-blue-950) 70%, transparent);
                    }
                }
                .dark\:bg-destructive\/60:is(.dark *) {
                    background-color: var(--destructive);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .dark\:bg-destructive\/60:is(.dark *) {
                        background-color: color-mix(in oklab, var(--destructive) 60%, transparent);
                    }
                }
                .dark\:bg-green-800:is(.dark *) {
                    background-color: var(--color-green-800);
                }
                .dark\:bg-green-900:is(.dark *) {
                    background-color: var(--color-green-900);
                }
                .dark\:bg-green-900\/70:is(.dark *) {
                    background-color: #0d542bb3;
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .dark\:bg-green-900\/70:is(.dark *) {
                        background-color: color-mix(in oklab, var(--color-green-900) 70%, transparent);
                    }
                }
                .dark\:bg-green-950:is(.dark *) {
                    background-color: var(--color-green-950);
                }
                .dark\:bg-green-950\/70:is(.dark *) {
                    background-color: #032e15b3;
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .dark\:bg-green-950\/70:is(.dark *) {
                        background-color: color-mix(in oklab, var(--color-green-950) 70%, transparent);
                    }
                }
                .dark\:bg-indigo-950:is(.dark *) {
                    background-color: var(--color-indigo-950);
                }
                .dark\:bg-input\/30:is(.dark *) {
                    background-color: var(--input);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .dark\:bg-input\/30:is(.dark *) {
                        background-color: color-mix(in oklab, var(--input) 30%, transparent);
                    }
                }
                .dark\:bg-muted:is(.dark *) {
                    background-color: var(--muted);
                }
                .dark\:bg-muted\!:is(.dark *) {
                    background-color: var(--muted) !important;
                }
                .dark\:bg-neutral-700:is(.dark *) {
                    background-color: var(--color-neutral-700);
                }
                .dark\:bg-orange-900:is(.dark *) {
                    background-color: var(--color-orange-900);
                }
                .dark\:bg-orange-900\/70:is(.dark *) {
                    background-color: #7e2a0cb3;
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .dark\:bg-orange-900\/70:is(.dark *) {
                        background-color: color-mix(in oklab, var(--color-orange-900) 70%, transparent);
                    }
                }
                .dark\:bg-orange-950:is(.dark *) {
                    background-color: var(--color-orange-950);
                }
                .dark\:bg-purple-950:is(.dark *) {
                    background-color: var(--color-purple-950);
                }
                .dark\:bg-red-900:is(.dark *) {
                    background-color: var(--color-red-900);
                }
                .dark\:bg-red-900\/70:is(.dark *) {
                    background-color: #82181ab3;
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .dark\:bg-red-900\/70:is(.dark *) {
                        background-color: color-mix(in oklab, var(--color-red-900) 70%, transparent);
                    }
                }
                .dark\:bg-red-950\/70:is(.dark *) {
                    background-color: #460809b3;
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .dark\:bg-red-950\/70:is(.dark *) {
                        background-color: color-mix(in oklab, var(--color-red-950) 70%, transparent);
                    }
                }
                .dark\:bg-teal-900:is(.dark *) {
                    background-color: var(--color-teal-900);
                }
                .dark\:bg-teal-950:is(.dark *) {
                    background-color: var(--color-teal-950);
                }
                .dark\:bg-white\/90:is(.dark *) {
                    background-color: #ffffffe6;
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .dark\:bg-white\/90:is(.dark *) {
                        background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
                    }
                }
                .dark\:bg-yellow-900:is(.dark *) {
                    background-color: var(--color-yellow-900);
                }
                .dark\:from-muted:is(.dark *) {
                    --tw-gradient-from: var(--muted);
                    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
                }
                .dark\:text-blue-200:is(.dark *) {
                    color: var(--color-blue-200);
                }
                .dark\:text-green-200:is(.dark *) {
                    color: var(--color-green-200);
                }
                .dark\:text-orange-200:is(.dark *) {
                    color: var(--color-orange-200);
                }
                .dark\:text-red-200:is(.dark *) {
                    color: var(--color-red-200);
                }
                .dark\:text-white:is(.dark *) {
                    color: var(--color-white);
                }
                .dark\:text-white\/80:is(.dark *) {
                    color: #fffc;
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .dark\:text-white\/80:is(.dark *) {
                        color: color-mix(in oklab, var(--color-white) 80%, transparent);
                    }
                }
                .dark\:text-yellow-200:is(.dark *) {
                    color: var(--color-yellow-200);
                }
                .dark\:ring-ring\/20:is(.dark *) {
                    --tw-ring-color: var(--ring);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .dark\:ring-ring\/20:is(.dark *) {
                        --tw-ring-color: color-mix(in oklab, var(--ring) 20%, transparent);
                    }
                }
                .dark\:outline-ring\/40:is(.dark *) {
                    outline-color: var(--ring);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .dark\:outline-ring\/40:is(.dark *) {
                        outline-color: color-mix(in oklab, var(--ring) 40%, transparent);
                    }
                }
                @media (hover: hover) {
                    .dark\:hover\:bg-accent\/50:is(.dark *):hover {
                        background-color: var(--accent);
                    }
                    @supports (color: color-mix(in lab, red, red)) {
                        .dark\:hover\:bg-accent\/50:is(.dark *):hover {
                            background-color: color-mix(in oklab, var(--accent) 50%, transparent);
                        }
                    }
                    .dark\:hover\:bg-input\/50:is(.dark *):hover {
                        background-color: var(--input);
                    }
                    @supports (color: color-mix(in lab, red, red)) {
                        .dark\:hover\:bg-input\/50:is(.dark *):hover {
                            background-color: color-mix(in oklab, var(--input) 50%, transparent);
                        }
                    }
                }
                .dark\:focus-visible\:ring-blue-500\/40:is(.dark *):focus-visible {
                    --tw-ring-color: #3080ff66;
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .dark\:focus-visible\:ring-blue-500\/40:is(.dark *):focus-visible {
                        --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent);
                    }
                }
                .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
                    --tw-ring-color: var(--destructive);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
                        --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
                    }
                }
                .dark\:focus-visible\:ring-green-500\/40:is(.dark *):focus-visible {
                    --tw-ring-color: #00c75866;
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .dark\:focus-visible\:ring-green-500\/40:is(.dark *):focus-visible {
                        --tw-ring-color: color-mix(in oklab, var(--color-green-500) 40%, transparent);
                    }
                }
                .dark\:focus-visible\:ring-orange-500\/40:is(.dark *):focus-visible {
                    --tw-ring-color: #fe6e0066;
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .dark\:focus-visible\:ring-orange-500\/40:is(.dark *):focus-visible {
                        --tw-ring-color: color-mix(in oklab, var(--color-orange-500) 40%, transparent);
                    }
                }
                .dark\:focus-visible\:ring-red-500\/40:is(.dark *):focus-visible {
                    --tw-ring-color: #fb2c3666;
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .dark\:focus-visible\:ring-red-500\/40:is(.dark *):focus-visible {
                        --tw-ring-color: color-mix(in oklab, var(--color-red-500) 40%, transparent);
                    }
                }
                .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] {
                    --tw-ring-color: var(--destructive);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] {
                        --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
                    }
                }
                .dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40:is(.dark *)[data-active="true"][aria-invalid="true"] {
                    --tw-ring-color: var(--destructive);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40:is(.dark *)[data-active="true"][aria-invalid="true"] {
                        --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
                    }
                }
                .dark\:data-\[state\=active\]\:border-input:is(.dark *)[data-state="active"] {
                    border-color: var(--input);
                }
                .dark\:data-\[state\=active\]\:bg-input\/50:is(.dark *)[data-state="active"] {
                    background-color: var(--input);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .dark\:data-\[state\=active\]\:bg-input\/50:is(.dark *)[data-state="active"] {
                        background-color: color-mix(in oklab, var(--input) 50%, transparent);
                    }
                }
                .dark\:data-\[state\=checked\]\:bg-primary:is(.dark *)[data-state="checked"] {
                    background-color: var(--primary);
                }
                .dark\:data-\[state\=checked\]\:bg-primary-foreground:is(.dark *)[data-state="checked"] {
                    background-color: var(--primary-foreground);
                }
                .dark\:data-\[state\=unchecked\]\:bg-foreground:is(.dark *)[data-state="unchecked"] {
                    background-color: var(--foreground);
                }
                .dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state="unchecked"] {
                    background-color: var(--input);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state="unchecked"] {
                        background-color: color-mix(in oklab, var(--input) 80%, transparent);
                    }
                }
                .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:focus {
                    background-color: var(--destructive);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:focus {
                        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
                    }
                }
                .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text {
                    fill: var(--muted-foreground);
                }
                .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="\#ccc"] {
                    stroke: var(--border);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="\#ccc"] {
                        stroke: color-mix(in oklab, var(--border) 50%, transparent);
                    }
                }
                .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor {
                    stroke: var(--border);
                }
                .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="\#fff"] {
                    stroke: #0000;
                }
                .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
                    --tw-outline-style: none;
                    outline-style: none;
                }
                @media (forced-colors: active) {
                    .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
                        outline-offset: 2px;
                        outline: 2px solid #0000;
                    }
                }
                .\[\&_\.recharts-pie-label-text\]\:fill-foreground .recharts-pie-label-text {
                    fill: var(--foreground);
                }
                .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="\#ccc"] {
                    stroke: var(--border);
                }
                .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector,
                .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor {
                    fill: var(--muted);
                }
                .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="\#ccc"] {
                    stroke: var(--border);
                }
                .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
                    --tw-outline-style: none;
                    outline-style: none;
                }
                @media (forced-colors: active) {
                    .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
                        outline-offset: 2px;
                        outline: 2px solid #0000;
                    }
                }
                .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="\#fff"] {
                    stroke: #0000;
                }
                .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
                    --tw-outline-style: none;
                    outline-style: none;
                }
                @media (forced-colors: active) {
                    .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
                        outline-offset: 2px;
                        outline: 2px solid #0000;
                    }
                }
                .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
                    padding-inline: calc(var(--spacing) * 2);
                }
                .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
                    padding-block: calc(var(--spacing) * 1.5);
                }
                .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
                    font-size: var(--text-xs);
                    line-height: var(--tw-leading, var(--text-xs--line-height));
                }
                .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
                    --tw-font-weight: var(--font-weight-medium);
                    font-weight: var(--font-weight-medium);
                }
                .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
                    color: var(--muted-foreground);
                }
                .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
                    padding-inline: calc(var(--spacing) * 2);
                }
                .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] {
                    padding-top: calc(var(--spacing) * 0);
                }
                .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
                    height: calc(var(--spacing) * 5);
                }
                .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
                    width: calc(var(--spacing) * 5);
                }
                .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
                    height: calc(var(--spacing) * 12);
                }
                .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
                    padding-inline: calc(var(--spacing) * 2);
                }
                .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
                    padding-block: calc(var(--spacing) * 3);
                }
                .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
                    height: calc(var(--spacing) * 5);
                }
                .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
                    width: calc(var(--spacing) * 5);
                }
                .\[\&_p\]\:leading-relaxed p {
                    --tw-leading: var(--leading-relaxed);
                    line-height: var(--leading-relaxed);
                }
                .\[\&_svg\]\:pointer-events-none svg {
                    pointer-events: none;
                }
                .\[\&_svg\]\:shrink-0 svg {
                    flex-shrink: 0;
                }
                .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
                    width: calc(var(--spacing) * 4);
                    height: calc(var(--spacing) * 4);
                }
                .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*="text-"]) {
                    color: var(--muted-foreground);
                }
                .\[\&_tr\]\:border-b tr {
                    border-bottom-style: var(--tw-border-style);
                    border-bottom-width: 1px;
                }
                .\[\&_tr\:last-child\]\:border-0 tr:last-child {
                    border-style: var(--tw-border-style);
                    border-width: 0;
                }
                .\[\&\:has\(\[aria-selected\]\)\]\:bg-transparent:has([aria-selected]) {
                    background-color: #0000;
                }
                .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:first-child:has([aria-selected]) {
                    border-top-left-radius: calc(var(--radius) - 2px);
                    border-bottom-left-radius: calc(var(--radius) - 2px);
                }
                .last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:last-child:has([aria-selected]) {
                    border-top-right-radius: calc(var(--radius) - 2px);
                    border-bottom-right-radius: calc(var(--radius) - 2px);
                }
                .\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside) {
                    background-color: var(--accent);
                }
                @supports (color: color-mix(in lab, red, red)) {
                    .\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50:has([aria-selected].day-outside) {
                        background-color: color-mix(in oklab, var(--accent) 50%, transparent);
                    }
                }
                .\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end) {
                    border-top-right-radius: calc(var(--radius) - 2px);
                    border-bottom-right-radius: calc(var(--radius) - 2px);
                }
                .\[\&\:has\(\[data-state\=checked\]\)\>div\]\:border-primary:has([data-state="checked"]) > div,
                .\[\&\:has\(\[data-state\=checked\]\)\]\:border-primary:has([data-state="checked"]) {
                    border-color: var(--primary);
                }
                .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) {
                    padding-right: calc(var(--spacing) * 0);
                }
                .\[\&\:has\(\[role\=checkbox\]\)\]\:pl-3:has([role="checkbox"]) {
                    padding-left: calc(var(--spacing) * 3);
                }
                .\[\.border-b\]\:pb-6.border-b {
                    padding-bottom: calc(var(--spacing) * 6);
                }
                .\[\.border-t\]\:pt-6.border-t {
                    padding-top: calc(var(--spacing) * 6);
                }
                :is(.\*\:\[span\]\:last\:flex > *):is(span):last-child {
                    display: flex;
                }
                :is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child {
                    align-items: center;
                }
                :is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child {
                    gap: calc(var(--spacing) * 2);
                }
                :is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant="destructive"] > *):is(svg) {
                    color: var(--destructive) !important;
                }
                .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] > [role="checkbox"] {
                    --tw-translate-y: 2px;
                    translate: var(--tw-translate-x) var(--tw-translate-y);
                }
                .\[\&\>button\]\:hidden > button {
                    display: none;
                }
                .\[\&\>button\]\:bg-accent > button {
                    background-color: var(--accent);
                }
                .\[\&\>button\]\:bg-primary > button {
                    background-color: var(--primary);
                }
                .\[\&\>button\]\:bg-transparent > button {
                    background-color: #0000;
                }
                .\[\&\>button\]\:\!text-foreground > button {
                    color: var(--foreground) !important;
                }
                .\[\&\>button\]\:text-accent-foreground > button {
                    color: var(--accent-foreground);
                }
                .\[\&\>button\]\:text-primary-foreground > button {
                    color: var(--primary-foreground);
                }
                @media (hover: hover) {
                    .\[\&\>button\]\:hover\:bg-primary > button:hover {
                        background-color: var(--primary);
                    }
                    .\[\&\>button\]\:hover\:bg-transparent > button:hover {
                        background-color: #0000;
                    }
                    .\[\&\>button\]\:hover\:\!text-foreground > button:hover {
                        color: var(--foreground) !important;
                    }
                    .\[\&\>button\]\:hover\:text-primary-foreground > button:hover {
                        color: var(--primary-foreground);
                    }
                }
                .\[\&\>pre\]\:min-w-full > pre {
                    min-width: 100%;
                }
                .\[\&\>pre\]\:px-4 > pre {
                    padding-inline: calc(var(--spacing) * 4);
                }
                .\[\&\>pre\]\:py-4 > pre {
                    padding-block: calc(var(--spacing) * 4);
                }
                .\[\&\>span\:last-child\]\:truncate > span:last-child {
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden;
                }
                .\[\&\>svg\]\:pointer-events-none > svg {
                    pointer-events: none;
                }
                .\[\&\>svg\]\:size-3 > svg {
                    width: calc(var(--spacing) * 3);
                    height: calc(var(--spacing) * 3);
                }
                .\[\&\>svg\]\:size-3\.5 > svg {
                    width: calc(var(--spacing) * 3.5);
                    height: calc(var(--spacing) * 3.5);
                }
                .\[\&\>svg\]\:size-4 > svg {
                    width: calc(var(--spacing) * 4);
                    height: calc(var(--spacing) * 4);
                }
                .\[\&\>svg\]\:h-2\.5 > svg {
                    height: calc(var(--spacing) * 2.5);
                }
                .\[\&\>svg\]\:h-3 > svg {
                    height: calc(var(--spacing) * 3);
                }
                .\[\&\>svg\]\:w-2\.5 > svg {
                    width: calc(var(--spacing) * 2.5);
                }
                .\[\&\>svg\]\:w-3 > svg {
                    width: calc(var(--spacing) * 3);
                }
                .\[\&\>svg\]\:shrink-0 > svg {
                    flex-shrink: 0;
                }
                .\[\&\>svg\]\:translate-y-0\.5 > svg {
                    --tw-translate-y: calc(var(--spacing) * 0.5);
                    translate: var(--tw-translate-x) var(--tw-translate-y);
                }
                .\[\&\>svg\]\:text-current > svg {
                    color: currentColor;
                }
                .\[\&\>svg\]\:text-muted-foreground > svg {
                    color: var(--muted-foreground);
                }
                .\[\&\>svg\]\:text-sidebar-accent-foreground > svg {
                    color: var(--sidebar-accent-foreground);
                }
                .\[\&\>tr\]\:last\:border-b-0 > tr:last-child {
                    border-bottom-style: var(--tw-border-style);
                    border-bottom-width: 0;
                }
                .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction="vertical"] > div {
                    rotate: 90deg;
                }
                .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state="open"] > svg {
                    rotate: 180deg;
                }
                [data-side="left"][data-collapsible="offcanvas"] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
                    right: calc(var(--spacing) * -2);
                }
                [data-side="left"][data-state="collapsed"] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
                    cursor: e-resize;
                }
                [data-side="right"][data-collapsible="offcanvas"] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
                    left: calc(var(--spacing) * -2);
                }
                [data-side="right"][data-state="collapsed"] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
                    cursor: w-resize;
                }
                @media (hover: hover) {
                    a.\[a\&\]\:hover\:bg-accent:hover {
                        background-color: var(--accent);
                    }
                    a.\[a\&\]\:hover\:bg-blue-500\/90:hover {
                        background-color: #3080ffe6;
                    }
                    @supports (color: color-mix(in lab, red, red)) {
                        a.\[a\&\]\:hover\:bg-blue-500\/90:hover {
                            background-color: color-mix(in oklab, var(--color-blue-500) 90%, transparent);
                        }
                    }
                    a.\[a\&\]\:hover\:bg-green-500\/90:hover {
                        background-color: #00c758e6;
                    }
                    @supports (color: color-mix(in lab, red, red)) {
                        a.\[a\&\]\:hover\:bg-green-500\/90:hover {
                            background-color: color-mix(in oklab, var(--color-green-500) 90%, transparent);
                        }
                    }
                    a.\[a\&\]\:hover\:bg-orange-500\/90:hover {
                        background-color: #fe6e00e6;
                    }
                    @supports (color: color-mix(in lab, red, red)) {
                        a.\[a\&\]\:hover\:bg-orange-500\/90:hover {
                            background-color: color-mix(in oklab, var(--color-orange-500) 90%, transparent);
                        }
                    }
                    a.\[a\&\]\:hover\:bg-primary\/90:hover {
                        background-color: var(--primary);
                    }
                    @supports (color: color-mix(in lab, red, red)) {
                        a.\[a\&\]\:hover\:bg-primary\/90:hover {
                            background-color: color-mix(in oklab, var(--primary) 90%, transparent);
                        }
                    }
                    a.\[a\&\]\:hover\:bg-red-500\/90:hover {
                        background-color: #fb2c36e6;
                    }
                    @supports (color: color-mix(in lab, red, red)) {
                        a.\[a\&\]\:hover\:bg-red-500\/90:hover {
                            background-color: color-mix(in oklab, var(--color-red-500) 90%, transparent);
                        }
                    }
                    a.\[a\&\]\:hover\:bg-secondary\/90:hover {
                        background-color: var(--secondary);
                    }
                    @supports (color: color-mix(in lab, red, red)) {
                        a.\[a\&\]\:hover\:bg-secondary\/90:hover {
                            background-color: color-mix(in oklab, var(--secondary) 90%, transparent);
                        }
                    }
                    a.\[a\&\]\:hover\:text-accent-foreground:hover {
                        color: var(--accent-foreground);
                    }
                }
            }
            body {
                overscroll-behavior: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                background-color: #0000;
            }
            [data-theme-preset="underground"] {
                --base-50: oklch(98.4% 0.0022 247.84);
                --base-100: oklch(96.87% 0.0051 247.88);
                --base-200: oklch(92.9% 0.0095 255.53);
                --base-300: oklch(86.9% 0.016 252.91);
                --base-400: oklch(70.4% 0.0291 256.81);
                --base-500: oklch(55.4% 0.0335 257.44);
                --base-600: oklch(44.6% 0.0313 257.3);
                --base-700: oklch(37.2% 0.0321 257.31);
                --base-800: oklch(27.9% 0.0299 260.05);
                --base-900: oklch(20.8% 0.0306 265.77);
                --base-950: oklch(12.9% 0.0306 264.71);
                --base-1000: oklch(7.8% 0.0306 264.02);
                --primary-50: oklch(97.97% 0.0095 159.88);
                --primary-100: oklch(95.64% 0.0234 159.23);
                --primary-200: oklch(91.64% 0.0434 159.21);
                --primary-300: oklch(86.03% 0.0731 158.6);
                --primary-400: oklch(78.1% 0.0975 156.24);
                --primary-500: oklch(71.22% 0.0991 154.66);
                --primary-600: oklch(61.47% 0.0867 154.73);
                --primary-700: oklch(53.15% 0.0694 156.19);
                --primary-800: oklch(44.16% 0.0544 157.47);
                --primary-900: oklch(38.7% 0.0436 159);
                --primary-950: oklch(26.43% 0.0295 160.27);
                --primary-1000: oklch(18.45% 0.0202 160.95);
                --secondary-50: oklch(97.55% 0.0049 330.01);
                --secondary-100: oklch(95.12% 0.0104 328.92);
                --secondary-200: oklch(90.2% 0.0219 329.77);
                --secondary-300: oklch(82.92% 0.0422 332);
                --secondary-400: oklch(73.08% 0.07 333.6);
                --secondary-500: oklch(66.24% 0.0855 334.26);
                --secondary-600: oklch(57.48% 0.0862 336.52);
                --secondary-700: oklch(52.11% 0.0755 338.14);
                --secondary-800: oklch(45.52% 0.0631 338.88);
                --secondary-900: oklch(40.42% 0.0512 339.72);
                --secondary-950: oklch(28.93% 0.0391 340.38);
                --secondary-1000: oklch(21.46% 0.0313 340.82);
                --background: var(--base-50);
                --foreground: var(--base-800);
                --card: var(--color-white);
                --card-foreground: var(--base-800);
                --popover: var(--color-white);
                --popover-foreground: var(--base-800);
                --primary: var(--primary-700);
                --primary-foreground: var(--color-white);
                --secondary: var(--secondary-600);
                --secondary-foreground: var(--color-white);
                --muted: var(--base-100);
                --muted-foreground: var(--base-600);
                --accent: var(--base-200);
                --accent-foreground: var(--base-800);
                --destructive: oklch(57.7% 0.245 27.325);
                --border: var(--base-200);
                --input: var(--base-300);
                --ring: var(--primary-700);
                --chart-1: var(--primary-700);
                --chart-2: var(--secondary-600);
                --chart-3: var(--primary-300);
                --chart-4: var(--secondary-300);
                --chart-5: var(--primary-100);
                --radius: 0.5rem;
                --sidebar: var(--color-white);
                --sidebar-foreground: var(--base-800);
                --sidebar-primary: var(--primary-700);
                --sidebar-primary-foreground: var(--color-white);
                --sidebar-accent: var(--primary);
                --sidebar-accent-foreground: var(--color-white);
                --sidebar-border: var(--base-200);
                --sidebar-ring: var(--primary-700);
                --display-family: var(--font-hedvig-letters-serif), sans-serif;
                --display-weight: 800;
                --text-family: var(--font-kumbh-sans), sans-serif;
            }
            [data-theme-preset="underground"]:is(.dark *) {
                --background: var(--base-950);
                --foreground: var(--base-200);
                --card: var(--base-900);
                --card-foreground: var(--base-200);
                --popover: var(--base-900);
                --popover-foreground: var(--base-200);
                --primary: var(--primary-700);
                --primary-foreground: var(--color-white);
                --secondary: var(--secondary-600);
                --secondary-foreground: var(--color-white);
                --muted: var(--base-800);
                --muted-foreground: var(--base-300);
                --accent: var(--base-800);
                --accent-foreground: var(--base-200);
                --destructive: oklch(70.4% 0.191 22.216);
                --border: var(--base-800);
                --input: var(--base-700);
                --ring: var(--primary-700);
                --chart-1: var(--primary-700);
                --chart-2: var(--secondary-600);
                --chart-3: var(--primary-300);
                --chart-4: var(--secondary-300);
                --chart-5: var(--primary-100);
                --sidebar: var(--base-900);
                --sidebar-foreground: var(--base-200);
                --sidebar-primary: var(--primary-700);
                --sidebar-primary-foreground: var(--color-white);
                --sidebar-accent: var(--primary);
                --sidebar-accent-foreground: var(--base-200);
                --sidebar-border: var(--base-800);
                --sidebar-ring: var(--primary-700);
            }
            [data-theme-preset="rose-garden"] {
                --base-50: oklch(98.51% 0.001 33.69);
                --base-100: oklch(95.67% 0.0021 34.31);
                --base-200: oklch(92.27% 0.0029 34.49);
                --base-300: oklch(86.96% 0.0034 34.89);
                --base-400: oklch(70.88% 0.0038 34.83);
                --base-500: oklch(55.43% 0.0041 35.95);
                --base-600: oklch(44.23% 0.004 36.92);
                --base-700: oklch(37.31% 0.0037 36.25);
                --base-800: oklch(26.86% 0.0032 34.85);
                --base-900: oklch(21.2% 0.0029 34.69);
                --base-950: oklch(14.63% 0.0027 33.58);
                --base-1000: oklch(10.36% 0.0021 33.95);
                --primary-50: oklch(96.98% 0.0142 5.62);
                --primary-100: oklch(94.29% 0.0283 5.52);
                --primary-200: oklch(89.38% 0.0563 3.77);
                --primary-300: oklch(81.31% 0.1129 5.67);
                --primary-400: oklch(71.35% 0.1879 7.69);
                --primary-500: oklch(64.76% 0.2348 10.36);
                --primary-600: oklch(58.27% 0.2418 12.23);
                --primary-700: oklch(51.66% 0.2131 12.28);
                --primary-800: oklch(45.59% 0.1801 10);
                --primary-900: oklch(40.96% 0.1512 7.52);
                --primary-950: oklch(27.41% 0.1016 9.26);
                --primary-1000: oklch(18.61% 0.0693 10.39);
                --background: var(--color-white);
                --foreground: var(--base-800);
                --card: var(--color-white);
                --card-foreground: var(--base-800);
                --popover: var(--color-white);
                --popover-foreground: var(--base-800);
                --primary: var(--primary-600);
                --primary-foreground: var(--color-white);
                --secondary: var(--primary-300);
                --secondary-foreground: var(--base-800);
                --muted: var(--base-200);
                --muted-foreground: var(--base-600);
                --accent: var(--base-100);
                --accent-foreground: var(--base-800);
                --destructive: oklch(57.7% 0.245 27.325);
                --border: var(--base-200);
                --input: var(--base-300);
                --ring: var(--primary-600);
                --chart-1: var(--primary-600);
                --chart-2: var(--primary-200);
                --chart-3: var(--primary-400);
                --chart-4: var(--primary-300);
                --chart-5: var(--primary-100);
                --radius: 1rem;
                --sidebar: var(--base-100);
                --sidebar-foreground: var(--base-800);
                --sidebar-primary: var(--primary-600);
                --sidebar-primary-foreground: var(--color-white);
                --sidebar-accent: var(--primary-600);
                --sidebar-accent-foreground: var(--color-white);
                --sidebar-border: var(--base-200);
                --sidebar-ring: var(--primary-600);
                --text-family: var(--font-poppins), sans-serif;
                --display-weight: 600;
            }
            [data-theme-preset="rose-garden"]:is(.dark *) {
                --background: var(--base-950);
                --foreground: var(--base-200);
                --card: var(--base-950);
                --card-foreground: var(--base-200);
                --popover: var(--base-950);
                --popover-foreground: var(--base-200);
                --primary: var(--primary-600);
                --primary-foreground: var(--color-white);
                --secondary: var(--primary-300);
                --secondary-foreground: var(--base-200);
                --muted: var(--base-900);
                --muted-foreground: var(--base-400);
                --accent: var(--base-900);
                --accent-foreground: var(--base-200);
                --destructive: oklch(70.4% 0.191 22.216);
                --border: var(--base-800);
                --input: var(--base-700);
                --ring: var(--primary-600);
                --chart-1: var(--primary-600);
                --chart-2: var(--primary-200);
                --chart-3: var(--primary-400);
                --chart-4: var(--primary-300);
                --chart-5: var(--primary-100);
                --sidebar: var(--base-800);
                --sidebar-foreground: var(--base-200);
                --sidebar-primary: var(--primary-600);
                --sidebar-primary-foreground: var(--color-white);
                --sidebar-accent: var(--primary-600);
                --sidebar-accent-foreground: var(--base-200);
                --sidebar-border: var(--base-800);
                --sidebar-ring: var(--primary-600);
            }
            [data-theme-preset="lake-view"] {
                --base-50: oklch(98.49% 0.0024 160.68);
                --base-100: oklch(96.92% 0.005 161.7);
                --base-200: oklch(92.63% 0.0099 162.17);
                --base-300: oklch(85.04% 0.0147 163.22);
                --base-400: oklch(70.64% 0.0222 164.73);
                --base-500: oklch(55.37% 0.0287 165.9);
                --base-600: oklch(44.53% 0.0279 166.55);
                --base-700: oklch(37.31% 0.0248 166.06);
                --base-800: oklch(27.42% 0.0208 165.96);
                --base-900: oklch(21.19% 0.0173 166.78);
                --base-950: oklch(13.74% 0.0152 166.46);
                --base-1000: oklch(8.91% 0.0136 166.9);
                --primary-50: oklch(97.9% 0.021 166.11);
                --primary-100: oklch(95% 0.052 163.05);
                --primary-200: oklch(90.5% 0.093 164.15);
                --primary-300: oklch(84.5% 0.143 164.98);
                --primary-400: oklch(76.5% 0.177 163.22);
                --primary-500: oklch(69.6% 0.17 162.48);
                --primary-600: oklch(59.6% 0.145 163.22);
                --primary-700: oklch(50.8% 0.118 165.61);
                --primary-800: oklch(43.2% 0.095 166.91);
                --primary-900: oklch(37.8% 0.077 168.94);
                --primary-950: oklch(26.2% 0.051 171.55);
                --primary-1000: oklch(18.7% 0.034 172.89);
                --secondary-50: oklch(98.08% 0.0145 191.25);
                --secondary-100: oklch(95.16% 0.0437 191.52);
                --secondary-200: oklch(91.08% 0.0804 191.57);
                --secondary-300: oklch(85.76% 0.1202 192.38);
                --secondary-400: oklch(78.09% 0.1376 194.73);
                --secondary-500: oklch(70.79% 0.1273 196.21);
                --secondary-600: oklch(60.35% 0.1094 198.95);
                --secondary-700: oklch(55.1% 0.0899 200.52);
                --secondary-800: oklch(44.22% 0.0729 202.06);
                --secondary-900: oklch(39.06% 0.0594 203.06);
                --secondary-950: oklch(28.71% 0.0452 205.42);
                --secondary-1000: oklch(21.98% 0.036 206.01);
                --background: var(--base-50);
                --foreground: var(--base-800);
                --card: var(--color-white);
                --card-foreground: var(--base-800);
                --popover: var(--color-white);
                --popover-foreground: var(--base-800);
                --primary: var(--primary-400);
                --primary-foreground: var(--color-black);
                --secondary: var(--secondary-700);
                --secondary-foreground: var(--color-white);
                --muted: var(--base-100);
                --muted-foreground: var(--base-600);
                --accent: var(--base-100);
                --accent-foreground: var(--base-800);
                --destructive: oklch(57.7% 0.245 27.325);
                --border: var(--base-200);
                --input: var(--base-300);
                --ring: var(--primary-400);
                --chart-1: var(--primary-400);
                --chart-2: var(--secondary-700);
                --chart-3: var(--primary-300);
                --chart-4: var(--secondary-300);
                --chart-5: var(--primary-100);
                --radius: 0.75rem;
                --sidebar: var(--color-white);
                --sidebar-foreground: var(--base-800);
                --sidebar-primary: var(--primary-400);
                --sidebar-primary-foreground: var(--color-black);
                --sidebar-accent: var(--primary);
                --sidebar-accent-foreground: var(--base-800);
                --sidebar-border: var(--base-200);
                --sidebar-ring: var(--primary-400);
                --display-weight: 800;
                --text-family: var(--font-pt-sans), sans-serif;
            }
            [data-theme-preset="lake-view"]:is(.dark *) {
                --background: var(--base-950);
                --foreground: var(--base-200);
                --card: var(--base-900);
                --card-foreground: var(--base-200);
                --popover: var(--base-900);
                --popover-foreground: var(--base-200);
                --primary: var(--primary-400);
                --primary-foreground: var(--color-black);
                --secondary: var(--secondary-700);
                --secondary-foreground: var(--color-white);
                --muted: var(--base-800);
                --muted-foreground: var(--base-300);
                --accent: var(--base-800);
                --accent-foreground: var(--base-200);
                --destructive: oklch(70.4% 0.191 22.216);
                --border: var(--base-800);
                --input: var(--base-700);
                --ring: var(--primary-400);
                --chart-1: var(--primary-400);
                --chart-2: var(--secondary-700);
                --chart-3: var(--primary-300);
                --chart-4: var(--secondary-300);
                --chart-5: var(--primary-100);
                --sidebar: var(--base-900);
                --sidebar-foreground: var(--base-200);
                --sidebar-primary: var(--primary-400);
                --sidebar-primary-foreground: var(--color-black);
                --sidebar-accent: var(--primary);
                --sidebar-accent-foreground: var(--color-black);
                --sidebar-border: var(--base-800);
                --sidebar-ring: var(--primary-400);
            }
            [data-theme-preset="sunset-glow"] {
                --base-50: oklch(98.53% 0.0041 157.18);
                --base-100: oklch(96.9% 0.0045 158.2);
                --base-200: oklch(92.61% 0.0057 158.66);
                --base-300: oklch(86.9% 0.0066 159.7);
                --base-400: oklch(70.64% 0.0074 161.16);
                --base-500: oklch(55.35% 0.008 162.35);
                --base-600: oklch(44.5% 0.0078 163.03);
                --base-700: oklch(37.3% 0.0072 162.52);
                --base-800: oklch(27.38% 0.0062 162.35);
                --base-900: oklch(21.18% 0.0057 163.13);
                --base-950: oklch(13.76% 0.0053 162.77);
                --base-1000: oklch(8.94% 0.0049 163.21);
                --primary-50: oklch(97.19% 0.0102 16.36);
                --primary-100: oklch(93.81% 0.0241 16.66);
                --primary-200: oklch(88.72% 0.0467 16.63);
                --primary-300: oklch(80.9% 0.0875 17.95);
                --primary-400: oklch(70.59% 0.1462 20.42);
                --primary-500: oklch(63.87% 0.1822 23.51);
                --primary-600: oklch(55.91% 0.1882 25.33);
                --primary-700: oklch(50.69% 0.1639 25.35);
                --primary-800: oklch(44.65% 0.1368 24.19);
                --primary-900: oklch(39.92% 0.1104 22.56);
                --primary-950: oklch(26.09% 0.0723 23.19);
                --primary-1000: oklch(17.09% 0.0473 23.59);
                --secondary-50: oklch(97.81% 0.0149 45.53);
                --secondary-100: oklch(94.91% 0.0351 44.57);
                --secondary-200: oklch(89.64% 0.0724 43.73);
                --secondary-300: oklch(79.38% 0.1248 42.42);
                --secondary-400: oklch(73.63% 0.1869 41.57);
                --secondary-500: oklch(68.49% 0.222 40.89);
                --secondary-600: oklch(62.57% 0.2229 39.75);
                --secondary-700: oklch(53.91% 0.1994 37.91);
                --secondary-800: oklch(46.28% 0.1643 36.26);
                --secondary-900: oklch(40.51% 0.1294 35.11);
                --secondary-950: oklch(26.41% 0.0836 34.57);
                --secondary-1000: oklch(17.26% 0.0534 33.77);
                --background: var(--color-white);
                --foreground: var(--base-800);
                --card: var(--color-white);
                --card-foreground: var(--base-800);
                --popover: var(--color-white);
                --popover-foreground: var(--base-800);
                --primary: var(--primary-600);
                --primary-foreground: var(--color-white);
                --secondary: var(--secondary-300);
                --secondary-foreground: var(--color-black);
                --muted: var(--base-50);
                --muted-foreground: var(--base-600);
                --accent: var(--primary-100);
                --accent-foreground: var(--base-800);
                --destructive: oklch(57.7% 0.245 27.325);
                --border: var(--base-200);
                --input: var(--base-300);
                --ring: var(--primary-600);
                --chart-1: var(--primary-600);
                --chart-2: var(--secondary-300);
                --chart-3: var(--primary-300);
                --chart-4: var(--secondary-300);
                --chart-5: var(--primary-100);
                --radius: 1rem;
                --sidebar: var(--base-100);
                --sidebar-foreground: var(--base-800);
                --sidebar-primary: var(--primary-600);
                --sidebar-primary-foreground: var(--color-white);
                --sidebar-accent: var(--primary);
                --sidebar-accent-foreground: var(--color-white);
                --sidebar-border: var(--base-200);
                --sidebar-ring: var(--primary-600);
            }
            [data-theme-preset="sunset-glow"]:is(.dark *) {
                --background: var(--base-950);
                --foreground: var(--base-200);
                --card: var(--base-950);
                --card-foreground: var(--base-200);
                --popover: var(--base-950);
                --popover-foreground: var(--base-200);
                --primary: var(--primary-600);
                --primary-foreground: var(--color-white);
                --secondary: var(--secondary-300);
                --secondary-foreground: var(--color-black);
                --muted: var(--base-900);
                --muted-foreground: var(--base-400);
                --accent: var(--base-900);
                --accent-foreground: var(--base-200);
                --destructive: oklch(70.4% 0.191 22.216);
                --border: var(--base-800);
                --input: var(--base-700);
                --ring: var(--primary-600);
                --chart-1: var(--primary-600);
                --chart-2: var(--secondary-300);
                --chart-3: var(--primary-300);
                --chart-4: var(--secondary-300);
                --chart-5: var(--primary-100);
                --sidebar: var(--base-900);
                --sidebar-foreground: var(--base-200);
                --sidebar-primary: var(--primary-600);
                --sidebar-primary-foreground: var(--color-white);
                --sidebar-accent: var(--primary);
                --sidebar-accent-foreground: var(--color-white);
                --sidebar-border: var(--base-800);
                --sidebar-ring: var(--primary-600);
            }
            [data-theme-preset="forest-whisper"] {
                --base-50: oklch(98.43% 0.0035 287.12);
                --base-100: oklch(96.65% 0.007 286.66);
                --base-200: oklch(91.97% 0.014 286.6);
                --base-300: oklch(87.08% 0.021 286.57);
                --base-400: oklch(72.44% 0.0315 286.35);
                --base-500: oklch(55.19% 0.042 286.22);
                --base-600: oklch(44.18% 0.0385 286.07);
                --base-700: oklch(36.98% 0.0315 286.09);
                --base-800: oklch(27.38% 0.021 286.32);
                --base-900: oklch(20.98% 0.014 286.17);
                --base-950: oklch(14.08% 0.0105 286.11);
                --base-1000: oklch(9.59% 0.007 286.07);
                --primary-50: oklch(98.15% 0.0164 177.79);
                --primary-100: oklch(95.11% 0.0547 177.24);
                --primary-200: oklch(90.8% 0.1019 177.16);
                --primary-300: oklch(85.22% 0.1484 177.84);
                --primary-400: oklch(77.41% 0.1676 178.16);
                --primary-500: oklch(70.21% 0.1559 178.48);
                --primary-600: oklch(59.91% 0.1318 180.39);
                --primary-700: oklch(52.76% 0.1072 182.22);
                --primary-800: oklch(43.59% 0.0869 183.94);
                --primary-900: oklch(38.42% 0.0703 184.51);
                --primary-950: oklch(27.38% 0.0502 187.51);
                --primary-1000: oklch(20.2% 0.0372 188.32);
                --secondary-50: oklch(97.7% 0.0034 244.64);
                --secondary-100: oklch(94.5% 0.0074 245.19);
                --secondary-200: oklch(89.44% 0.015 243.47);
                --secondary-300: oklch(82.08% 0.0278 242.12);
                --secondary-400: oklch(72.94% 0.0416 244.67);
                --secondary-500: oklch(65.78% 0.0485 247.35);
                --secondary-600: oklch(52.36% 0.0505 250.18);
                --secondary-700: oklch(49.5% 0.0469 251.28);
                --secondary-800: oklch(43.5% 0.0384 252.42);
                --secondary-900: oklch(38.63% 0.0295 252.97);
                --secondary-950: oklch(28.87% 0.0198 254.2);
                --secondary-1000: oklch(22.51% 0.0134 255.72);
                --background: var(--base-50);
                --foreground: var(--base-800);
                --card: var(--color-white);
                --card-foreground: var(--base-800);
                --popover: var(--color-white);
                --popover-foreground: var(--base-800);
                --primary: var(--primary-700);
                --primary-foreground: var(--color-white);
                --secondary: var(--secondary-600);
                --secondary-foreground: var(--color-white);
                --muted: var(--base-100);
                --muted-foreground: var(--base-600);
                --accent: var(--base-100);
                --accent-foreground: var(--base-800);
                --destructive: oklch(57.7% 0.245 27.325);
                --border: var(--base-200);
                --input: var(--base-300);
                --ring: var(--primary-700);
                --chart-1: var(--primary-700);
                --chart-2: var(--secondary-600);
                --chart-3: var(--primary-300);
                --chart-4: var(--secondary-300);
                --chart-5: var(--primary-100);
                --radius: 0.5rem;
                --sidebar: var(--color-white);
                --sidebar-foreground: var(--base-800);
                --sidebar-primary: var(--primary-700);
                --sidebar-primary-foreground: var(--color-white);
                --sidebar-accent: var(--primary);
                --sidebar-accent-foreground: var(--color-white);
                --sidebar-border: var(--base-200);
                --sidebar-ring: var(--primary-700);
            }
            [data-theme-preset="forest-whisper"]:is(.dark *) {
                --background: var(--base-950);
                --foreground: var(--base-200);
                --card: var(--base-900);
                --card-foreground: var(--base-200);
                --popover: var(--base-900);
                --popover-foreground: var(--base-200);
                --primary: var(--primary-700);
                --primary-foreground: var(--color-white);
                --secondary: var(--secondary-600);
                --secondary-foreground: var(--color-white);
                --muted: var(--base-800);
                --muted-foreground: var(--base-300);
                --accent: var(--base-800);
                --accent-foreground: var(--base-200);
                --destructive: oklch(70.4% 0.191 22.216);
                --border: var(--base-800);
                --input: var(--base-700);
                --ring: var(--primary-700);
                --chart-1: var(--primary-700);
                --chart-2: var(--secondary-600);
                --chart-3: var(--primary-300);
                --chart-4: var(--secondary-300);
                --chart-5: var(--primary-100);
                --sidebar: var(--base-900);
                --sidebar-foreground: var(--base-200);
                --sidebar-primary: var(--primary-700);
                --sidebar-primary-foreground: var(--color-white);
                --sidebar-accent: var(--primary);
                --sidebar-accent-foreground: var(--color-white);
                --sidebar-border: var(--base-800);
                --sidebar-ring: var(--primary-700);
            }
            [data-theme-preset="ocean-breeze"] {
                --base-50: oklch(99% 0.0053 106.5);
                --base-100: oklch(96.95% 0.0058 107.51);
                --base-200: oklch(92.45% 0.0074 107.89);
                --base-300: oklch(86.89% 0.0085 108.73);
                --base-400: oklch(70.76% 0.0095 109.42);
                --base-500: oklch(55.32% 0.0103 110.92);
                --base-600: oklch(44.44% 0.0101 112.04);
                --base-700: oklch(37.34% 0.0093 111.24);
                --base-800: oklch(27.08% 0.008 110.04);
                --base-900: oklch(21.38% 0.0074 110.31);
                --base-950: oklch(14.21% 0.0069 109.25);
                --base-1000: oklch(9.56% 0.0064 109.76);
                --primary-50: oklch(97% 0.0123 254.6);
                --primary-100: oklch(93.2% 0.0281 255.58);
                --primary-200: oklch(88.2% 0.0518 254.13);
                --primary-300: oklch(80.9% 0.0922 251.81);
                --primary-400: oklch(70.7% 0.1449 254.62);
                --primary-500: oklch(62.3% 0.188 259.81);
                --primary-600: oklch(54.61% 0.2152 262.88);
                --primary-700: oklch(48.8% 0.2134 264.37);
                --primary-800: oklch(42.4% 0.1748 265.64);
                --primary-900: oklch(37.9% 0.1282 265.52);
                --primary-950: oklch(28.2% 0.0799 267.93);
                --primary-1000: oklch(21.9% 0.0483 269.5);
                --secondary-50: oklch(96.2% 0.0158 272.32);
                --secondary-100: oklch(93% 0.0298 272.79);
                --secondary-200: oklch(87% 0.0569 274.04);
                --secondary-300: oklch(78.5% 0.1007 274.72);
                --secondary-400: oklch(67.3% 0.1594 276.94);
                --secondary-500: oklch(58.54% 0.2041 277.12);
                --secondary-600: oklch(51.1% 0.2295 276.97);
                --secondary-700: oklch(45.7% 0.2102 277.03);
                --secondary-800: oklch(39.8% 0.1708 277.37);
                --secondary-900: oklch(35.9% 0.1261 278.7);
                --secondary-950: oklch(25.7% 0.0788 281.29);
                --secondary-1000: oklch(19.1% 0.0482 282.97);
                --background: var(--color-white);
                --foreground: var(--base-800);
                --card: var(--color-white);
                --card-foreground: var(--base-800);
                --popover: var(--color-white);
                --popover-foreground: var(--base-800);
                --primary: var(--primary-600);
                --primary-foreground: var(--color-white);
                --secondary: var(--secondary-500);
                --secondary-foreground: var(--color-white);
                --muted: var(--base-50);
                --muted-foreground: var(--base-600);
                --accent: var(--base-100);
                --accent-foreground: var(--base-800);
                --destructive: oklch(57.7% 0.245 27.325);
                --border: var(--base-200);
                --input: var(--base-300);
                --ring: var(--primary-600);
                --chart-1: var(--primary-600);
                --chart-2: var(--secondary-500);
                --chart-3: var(--primary-300);
                --chart-4: var(--secondary-300);
                --chart-5: var(--primary-100);
                --radius: 0.3rem;
                --sidebar: var(--base-100);
                --sidebar-foreground: var(--base-800);
                --sidebar-primary: var(--primary-600);
                --sidebar-primary-foreground: var(--color-white);
                --sidebar-accent: var(--primary);
                --sidebar-accent-foreground: var(--color-white);
                --sidebar-border: var(--base-200);
                --sidebar-ring: var(--primary-600);
                --text-family: var(--font-plus-jakarta-sans), sans-serif;
                --display-weight: 800;
            }
            [data-theme-preset="ocean-breeze"]:is(.dark *) {
                --background: var(--base-950);
                --foreground: var(--base-200);
                --card: var(--base-950);
                --card-foreground: var(--base-200);
                --popover: var(--base-950);
                --popover-foreground: var(--base-200);
                --primary: var(--primary-600);
                --primary-foreground: var(--color-white);
                --secondary: var(--secondary-500);
                --secondary-foreground: var(--color-black);
                --muted: var(--base-900);
                --muted-foreground: var(--base-400);
                --accent: var(--base-900);
                --accent-foreground: var(--base-200);
                --destructive: oklch(70.4% 0.191 22.216);
                --border: var(--base-800);
                --input: var(--base-700);
                --ring: var(--primary-600);
                --chart-1: var(--primary-600);
                --chart-2: var(--secondary-500);
                --chart-3: var(--primary-300);
                --chart-4: var(--secondary-300);
                --chart-5: var(--primary-100);
                --sidebar: var(--base-900);
                --sidebar-foreground: var(--base-200);
                --sidebar-primary: var(--primary-600);
                --sidebar-primary-foreground: var(--color-white);
                --sidebar-accent: var(--primary);
                --sidebar-accent-foreground: var(--color-white);
                --sidebar-border: var(--base-800);
                --sidebar-ring: var(--primary-600);
            }
            [data-theme-preset="lavender-dream"] {
                --base-50: oklch(98.68% 0.0029 259.84);
                --base-100: oklch(96.92% 0.0058 262.54);
                --base-200: oklch(92.53% 0.0117 262.53);
                --base-300: oklch(86.92% 0.0175 260.34);
                --base-400: oklch(70.7% 0.0262 261.33);
                --base-500: oklch(55.1% 0.035 262.36);
                --base-600: oklch(44.6% 0.0335 258.8);
                --base-700: oklch(37.3% 0.0306 259.73);
                --base-800: oklch(27.8% 0.0277 258.85);
                --base-900: oklch(21% 0.024 262.66);
                --base-950: oklch(13% 0.0219 261.69);
                --base-1000: oklch(7.8% 0.0204 259.76);
                --primary-50: oklch(97.66% 0.0092 310.91);
                --primary-100: oklch(94.7% 0.0212 309.77);
                --primary-200: oklch(90.2% 0.0412 309.57);
                --primary-300: oklch(82.81% 0.078 309.73);
                --primary-400: oklch(71.97% 0.1318 309.2);
                --primary-500: oklch(63.59% 0.1699 307.95);
                --primary-600: oklch(57.09% 0.1808 306.89);
                --primary-700: oklch(50.09% 0.164 306.81);
                --primary-800: oklch(44.1% 0.1353 308.36);
                --primary-900: oklch(38.53% 0.1093 309.57);
                --primary-950: oklch(29.13% 0.0914 307.81);
                --primary-1000: oklch(22.29% 0.0786 306.49);
                --secondary-50: oklch(98.31% 0.0066 196.52);
                --secondary-100: oklch(95.43% 0.0181 196.87);
                --secondary-200: oklch(91.4% 0.033 197.14);
                --secondary-300: oklch(86.11% 0.0504 198.03);
                --secondary-400: oklch(81.1% 0.0589 201.14);
                --secondary-500: oklch(71.07% 0.0545 203.05);
                --secondary-600: oklch(60.54% 0.0473 206.07);
                --secondary-700: oklch(51.64% 0.0391 207.58);
                --secondary-800: oklch(44.48% 0.0317 208.98);
                --secondary-900: oklch(39.31% 0.0259 210.38);
                --secondary-950: oklch(29.23% 0.0201 212.36);
                --secondary-1000: oklch(22.7% 0.0163 212.92);
                --background: var(--base-50);
                --foreground: var(--base-800);
                --card: var(--color-white);
                --card-foreground: var(--base-800);
                --popover: var(--color-white);
                --popover-foreground: var(--base-800);
                --primary: var(--primary-600);
                --primary-foreground: var(--color-white);
                --secondary: var(--secondary-400);
                --secondary-foreground: var(--color-black);
                --muted: var(--base-100);
                --muted-foreground: var(--base-600);
                --accent: var(--base-200);
                --accent-foreground: var(--base-800);
                --destructive: oklch(57.7% 0.245 27.325);
                --border: var(--base-200);
                --input: var(--base-300);
                --ring: var(--primary-600);
                --chart-1: var(--primary-600);
                --chart-2: var(--secondary-400);
                --chart-3: var(--primary-300);
                --chart-4: var(--secondary-300);
                --chart-5: var(--primary-100);
                --radius: 1rem;
                --sidebar: var(--color-white);
                --sidebar-foreground: var(--base-800);
                --sidebar-primary: var(--primary-600);
                --sidebar-primary-foreground: var(--color-white);
                --sidebar-accent: var(--primary);
                --sidebar-accent-foreground: var(--color-white);
                --sidebar-border: var(--base-200);
                --sidebar-ring: var(--primary-600);
                --display-family: var(--font-hedvig-letters-serif), sans-serif;
            }
            [data-theme-preset="lavender-dream"]:is(.dark *) {
                --background: var(--base-950);
                --foreground: var(--base-200);
                --card: var(--base-900);
                --card-foreground: var(--base-200);
                --popover: var(--base-900);
                --popover-foreground: var(--base-200);
                --primary: var(--primary-600);
                --primary-foreground: var(--color-white);
                --secondary: var(--secondary-400);
                --secondary-foreground: var(--color-black);
                --muted: var(--base-800);
                --muted-foreground: var(--base-300);
                --accent: var(--base-800);
                --accent-foreground: var(--base-200);
                --destructive: oklch(70.4% 0.191 22.216);
                --border: var(--base-800);
                --input: var(--base-700);
                --ring: var(--primary-600);
                --chart-1: var(--primary-600);
                --chart-2: var(--secondary-400);
                --chart-3: var(--primary-300);
                --chart-4: var(--secondary-300);
                --chart-5: var(--primary-100);
                --sidebar: var(--base-900);
                --sidebar-foreground: var(--base-200);
                --sidebar-primary: var(--primary-600);
                --sidebar-primary-foreground: var(--color-white);
                --sidebar-accent: var(--primary);
                --sidebar-accent-foreground: var(--color-white);
                --sidebar-border: var(--base-800);
                --sidebar-ring: var(--primary-600);
            }
            [data-theme-chart-preset="cyan"] {
                --chart-1: var(--color-cyan-800);
                --chart-2: var(--color-cyan-700);
                --chart-3: var(--color-cyan-600);
                --chart-4: var(--color-cyan-500);
                --chart-5: var(--color-cyan-400);
            }
            [data-theme-chart-preset="amber"] {
                --chart-1: var(--color-amber-800);
                --chart-2: var(--color-amber-700);
                --chart-3: var(--color-amber-600);
                --chart-4: var(--color-amber-500);
                --chart-5: var(--color-amber-400);
            }
            [data-theme-chart-preset="green"] {
                --chart-1: var(--color-green-800);
                --chart-2: var(--color-green-700);
                --chart-3: var(--color-green-600);
                --chart-4: var(--color-green-500);
                --chart-5: var(--color-green-400);
            }
            [data-theme-chart-preset="indigo"] {
                --chart-1: var(--color-indigo-800);
                --chart-2: var(--color-indigo-700);
                --chart-3: var(--color-indigo-600);
                --chart-4: var(--color-indigo-500);
                --chart-5: var(--color-indigo-400);
            }
            [data-theme-chart-preset="fuchsia"] {
                --chart-1: var(--color-fuchsia-800);
                --chart-2: var(--color-fuchsia-700);
                --chart-3: var(--color-fuchsia-600);
                --chart-4: var(--color-fuchsia-500);
                --chart-5: var(--color-fuchsia-400);
            }
            [data-theme-radius="sm"] {
                --radius: 0.3rem;
            }
            [data-theme-radius="md"] {
                --radius: 0.5rem;
            }
            [data-theme-radius="lg"] {
                --radius: 1rem;
            }
            [data-theme-radius="xl"] {
                --radius: 1.5rem;
            }
            [data-theme-radius="none"] {
                --radius: 0rem;
            }
            [data-theme-scale="sm"] {
                --text-lg: 1.05rem;
                --text-base: 0.85rem;
                --text-sm: 0.75rem;
                --spacing: 0.222222rem;
            }
            [data-theme-scale="lg"] {
                --text-lg: 1.55rem;
                --text-base: 1.35rem;
                --text-sm: 1rem;
                --spacing: 0.262222rem;
            }
            [data-theme-font="inter"] {
                --font-sans: var(--font-inter);
            }
            [data-theme-font="roboto"] {
                --font-sans: var(--font-roboto);
            }
            [data-theme-font="poppins"] {
                --font-sans: var(--font-poppins);
            }
            [data-theme-font="montserrat"] {
                --font-sans: var(--font-montserrat);
            }
            [data-theme-font="pt-sans"] {
                --font-sans: var(--font-pt-sans);
            }
            [data-theme-font="overpass-mono"] {
                --font-sans: var(--font-overpass-mono);
                letter-spacing: -0.05em;
            }
            :root {
                --base-50: oklch(98.5% 0.0013 286.84);
                --base-100: oklch(96.7% 0.0027 286.38);
                --base-200: oklch(92% 0.0053 286.32);
                --base-300: oklch(87.1% 0.008 286.29);
                --base-400: oklch(70.5% 0.012 286.07);
                --base-500: oklch(55.2% 0.016 285.94);
                --base-600: oklch(44.2% 0.0147 285.79);
                --base-700: oklch(37% 0.012 285.81);
                --base-800: oklch(27.4% 0.008 286.03);
                --base-900: oklch(21% 0.0053 285.89);
                --base-950: oklch(14.1% 0.004 285.83);
                --base-1000: oklch(9.6% 0.0027 285.79);
                --background: var(--color-white);
                --foreground: var(--base-800);
                --card: var(--color-white);
                --card-foreground: var(--base-800);
                --popover: var(--color-white);
                --popover-foreground: var(--base-800);
                --primary: var(--base-950);
                --primary-foreground: var(--color-white);
                --secondary: var(--base-300);
                --secondary-foreground: var(--base-800);
                --muted: var(--base-50);
                --muted-foreground: var(--base-600);
                --accent: var(--base-200);
                --accent-foreground: var(--base-800);
                --destructive: oklch(57.7% 0.245 27.325);
                --border: var(--base-200);
                --input: var(--base-300);
                --ring: var(--base-800);
                --chart-1: var(--base-950);
                --chart-2: var(--base-600);
                --chart-3: var(--base-800);
                --chart-4: var(--base-400);
                --chart-5: var(--base-300);
                --radius: 0.5rem;
                --sidebar: var(--base-100);
                --sidebar-foreground: var(--base-800);
                --sidebar-primary: var(--base-950);
                --sidebar-primary-foreground: var(--color-white);
                --sidebar-accent: var(--base-200);
                --sidebar-accent-foreground: var(--base-800);
                --sidebar-border: var(--base-200);
                --sidebar-ring: var(--base-800);
                --display-weight: 700;
                --fc-button-bg-color: var(--primary);
                --fc-button-hover-bg-color: var(--primary);
                --fc-button-active-bg-color: var(--primary);
                --fc-button-hover-border-color: transparent;
                --fc-button-active-border-color: transparent;
                --fc-button-border-color: transparent;
                --fc-event-border-color: transparent;
                --fc-event-text-color: oklch(100% 0 0);
                --fc-border-color: var(--border);
                --fc-page-bg-color: var(--muted);
                --fc-today-bg-color: var(--muted);
            }
            .dark {
                --background: var(--base-950);
                --foreground: var(--base-200);
                --card: var(--base-950);
                --card-foreground: var(--base-200);
                --popover: var(--base-950);
                --popover-foreground: var(--base-200);
                --primary: var(--base-50);
                --primary-foreground: var(--base-900);
                --secondary: var(--base-500);
                --secondary-foreground: var(--base-200);
                --muted: var(--base-900);
                --muted-foreground: var(--base-400);
                --accent: var(--base-900);
                --accent-foreground: var(--base-200);
                --destructive: oklch(70.4% 0.191 22.216);
                --border: var(--base-800);
                --input: var(--base-700);
                --ring: var(--base-200);
                --chart-1: var(--base-50);
                --chart-2: var(--base-400);
                --chart-3: var(--base-200);
                --chart-4: var(--base-600);
                --chart-5: var(--base-700);
                --sidebar: var(--base-900);
                --sidebar-foreground: var(--base-200);
                --sidebar-primary: var(--base-50);
                --sidebar-primary-foreground: var(--base-900);
                --sidebar-accent: var(--base-800);
                --sidebar-accent-foreground: var(--base-200);
                --sidebar-border: var(--base-800);
                --sidebar-ring: var(--base-200);
            }
            * {
                scrollbar-width: thin;
                scrollbar-color: var(--border) transparent;
            }
            @keyframes enter {
                0% {
                    opacity: var(--tw-enter-opacity, 1);
                    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
                }
            }
            @keyframes exit {
                to {
                    opacity: var(--tw-exit-opacity, 1);
                    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
                }
            }
            @property --tw-translate-x {
                syntax: "*";
                inherits: false;
                initial-value: 0;
            }
            @property --tw-translate-y {
                syntax: "*";
                inherits: false;
                initial-value: 0;
            }
            @property --tw-translate-z {
                syntax: "*";
                inherits: false;
                initial-value: 0;
            }
            @property --tw-scale-x {
                syntax: "*";
                inherits: false;
                initial-value: 1;
            }
            @property --tw-scale-y {
                syntax: "*";
                inherits: false;
                initial-value: 1;
            }
            @property --tw-scale-z {
                syntax: "*";
                inherits: false;
                initial-value: 1;
            }
            @property --tw-rotate-x {
                syntax: "*";
                inherits: false;
            }
            @property --tw-rotate-y {
                syntax: "*";
                inherits: false;
            }
            @property --tw-rotate-z {
                syntax: "*";
                inherits: false;
            }
            @property --tw-skew-x {
                syntax: "*";
                inherits: false;
            }
            @property --tw-skew-y {
                syntax: "*";
                inherits: false;
            }
            @property --tw-space-y-reverse {
                syntax: "*";
                inherits: false;
                initial-value: 0;
            }
            @property --tw-space-x-reverse {
                syntax: "*";
                inherits: false;
                initial-value: 0;
            }
            @property --tw-divide-x-reverse {
                syntax: "*";
                inherits: false;
                initial-value: 0;
            }
            @property --tw-border-style {
                syntax: "*";
                inherits: false;
                initial-value: solid;
            }
            @property --tw-divide-y-reverse {
                syntax: "*";
                inherits: false;
                initial-value: 0;
            }
            @property --tw-gradient-position {
                syntax: "*";
                inherits: false;
            }
            @property --tw-gradient-from {
                syntax: "<color>";
                inherits: false;
                initial-value: #0000;
            }
            @property --tw-gradient-via {
                syntax: "<color>";
                inherits: false;
                initial-value: #0000;
            }
            @property --tw-gradient-to {
                syntax: "<color>";
                inherits: false;
                initial-value: #0000;
            }
            @property --tw-gradient-stops {
                syntax: "*";
                inherits: false;
            }
            @property --tw-gradient-via-stops {
                syntax: "*";
                inherits: false;
            }
            @property --tw-gradient-from-position {
                syntax: "<length-percentage>";
                inherits: false;
                initial-value: 0;
            }
            @property --tw-gradient-via-position {
                syntax: "<length-percentage>";
                inherits: false;
                initial-value: 50%;
            }
            @property --tw-gradient-to-position {
                syntax: "<length-percentage>";
                inherits: false;
                initial-value: 100%;
            }
            @property --tw-leading {
                syntax: "*";
                inherits: false;
            }
            @property --tw-font-weight {
                syntax: "*";
                inherits: false;
            }
            @property --tw-tracking {
                syntax: "*";
                inherits: false;
            }
            @property --tw-ordinal {
                syntax: "*";
                inherits: false;
            }
            @property --tw-slashed-zero {
                syntax: "*";
                inherits: false;
            }
            @property --tw-numeric-figure {
                syntax: "*";
                inherits: false;
            }
            @property --tw-numeric-spacing {
                syntax: "*";
                inherits: false;
            }
            @property --tw-numeric-fraction {
                syntax: "*";
                inherits: false;
            }
            @property --tw-shadow {
                syntax: "*";
                inherits: false;
                initial-value: 0 0 #0000;
            }
            @property --tw-shadow-color {
                syntax: "*";
                inherits: false;
            }
            @property --tw-shadow-alpha {
                syntax: "<percentage>";
                inherits: false;
                initial-value: 100%;
            }
            @property --tw-inset-shadow {
                syntax: "*";
                inherits: false;
                initial-value: 0 0 #0000;
            }
            @property --tw-inset-shadow-color {
                syntax: "*";
                inherits: false;
            }
            @property --tw-inset-shadow-alpha {
                syntax: "<percentage>";
                inherits: false;
                initial-value: 100%;
            }
            @property --tw-ring-color {
                syntax: "*";
                inherits: false;
            }
            @property --tw-ring-shadow {
                syntax: "*";
                inherits: false;
                initial-value: 0 0 #0000;
            }
            @property --tw-inset-ring-color {
                syntax: "*";
                inherits: false;
            }
            @property --tw-inset-ring-shadow {
                syntax: "*";
                inherits: false;
                initial-value: 0 0 #0000;
            }
            @property --tw-ring-inset {
                syntax: "*";
                inherits: false;
            }
            @property --tw-ring-offset-width {
                syntax: "<length>";
                inherits: false;
                initial-value: 0;
            }
            @property --tw-ring-offset-color {
                syntax: "*";
                inherits: false;
                initial-value: #fff;
            }
            @property --tw-ring-offset-shadow {
                syntax: "*";
                inherits: false;
                initial-value: 0 0 #0000;
            }
            @property --tw-outline-style {
                syntax: "*";
                inherits: false;
                initial-value: solid;
            }
            @property --tw-blur {
                syntax: "*";
                inherits: false;
            }
            @property --tw-brightness {
                syntax: "*";
                inherits: false;
            }
            @property --tw-contrast {
                syntax: "*";
                inherits: false;
            }
            @property --tw-grayscale {
                syntax: "*";
                inherits: false;
            }
            @property --tw-hue-rotate {
                syntax: "*";
                inherits: false;
            }
            @property --tw-invert {
                syntax: "*";
                inherits: false;
            }
            @property --tw-opacity {
                syntax: "*";
                inherits: false;
            }
            @property --tw-saturate {
                syntax: "*";
                inherits: false;
            }
            @property --tw-sepia {
                syntax: "*";
                inherits: false;
            }
            @property --tw-drop-shadow {
                syntax: "*";
                inherits: false;
            }
            @property --tw-drop-shadow-color {
                syntax: "*";
                inherits: false;
            }
            @property --tw-drop-shadow-alpha {
                syntax: "<percentage>";
                inherits: false;
                initial-value: 100%;
            }
            @property --tw-drop-shadow-size {
                syntax: "*";
                inherits: false;
            }
            @property --tw-backdrop-blur {
                syntax: "*";
                inherits: false;
            }
            @property --tw-backdrop-brightness {
                syntax: "*";
                inherits: false;
            }
            @property --tw-backdrop-contrast {
                syntax: "*";
                inherits: false;
            }
            @property --tw-backdrop-grayscale {
                syntax: "*";
                inherits: false;
            }
            @property --tw-backdrop-hue-rotate {
                syntax: "*";
                inherits: false;
            }
            @property --tw-backdrop-invert {
                syntax: "*";
                inherits: false;
            }
            @property --tw-backdrop-opacity {
                syntax: "*";
                inherits: false;
            }
            @property --tw-backdrop-saturate {
                syntax: "*";
                inherits: false;
            }
            @property --tw-backdrop-sepia {
                syntax: "*";
                inherits: false;
            }
            @property --tw-duration {
                syntax: "*";
                inherits: false;
            }
            @property --tw-ease {
                syntax: "*";
                inherits: false;
            }
            @property --tw-contain-size {
                syntax: "*";
                inherits: false;
            }
            @property --tw-contain-layout {
                syntax: "*";
                inherits: false;
            }
            @property --tw-contain-paint {
                syntax: "*";
                inherits: false;
            }
            @property --tw-contain-style {
                syntax: "*";
                inherits: false;
            }
            @property --tw-content {
                syntax: "*";
                inherits: false;
                initial-value: "";
            }
            @keyframes spin {
                to {
                    transform: rotate(1turn);
                }
            }
            @keyframes pulse {
                50% {
                    opacity: 0.5;
                }
            }
            @keyframes pulse-dot {
                0%,
                to {
                    opacity: 0.8;
                    transform: scale(1);
                }
                50% {
                    opacity: 1;
                    transform: scale(1.5);
                }
            }
 .lds-dual-ring {
                display: inline-block;
                width: 80px;
                height: 80px;
            }
            .lds-dual-ring:after {
                content: " ";
                display: block;
                width: 64px;
                height: 64px;
                margin: 8px;
                border-radius: 50%;
                border: 6px solid #fff;
                border-color: #fff transparent #fff transparent;
                animation: lds-dual-ring 1.2s linear infinite;
            }
            @keyframes lds-dual-ring {
                0% {
                    transform: rotate(0deg);
                }
                100% {
                    transform: rotate(360deg);
                }
            }

            #nprogress {
                pointer-events: none;
            }
            #nprogress .bar {
                background: var(--primary);
                position: fixed;
                z-index: 1600;
                top: 0;
                left: 0;
                width: 100%;
                height: 2px;
            }
            #nprogress .peg {
                display: block;
                position: absolute;
                right: 0;
                width: 100px;
                height: 100%;
                box-shadow: 0 0 10px var(--primary), 0 0 5px var(--primary);
                opacity: 1;
                -webkit-transform: rotate(3deg) translate(0px, -4px);
                -ms-transform: rotate(3deg) translate(0px, -4px);
                transform: rotate(3deg) translate(0px, -4px);
            }
            #nprogress .spinner {
                display: block;
                position: fixed;
                z-index: 1600;
                top: 15px;
                right: 15px;
            }
            #nprogress .spinner-icon {
                width: 18px;
                height: 18px;
                box-sizing: border-box;
                border: 2px solid transparent;
                border-top-color: var(--primary);
                border-left-color: var(--primary);
                border-radius: 50%;
                -webkit-animation: nprogress-spinner 400ms linear infinite;
                animation: nprogress-spinner 400ms linear infinite;
            }
            .nprogress-custom-parent {
                overflow: hidden;
                position: relative;
            }
            .nprogress-custom-parent #nprogress .bar,
            .nprogress-custom-parent #nprogress .spinner {
                position: absolute;
            }
            @-webkit-keyframes nprogress-spinner {
                0% {
                    -webkit-transform: rotate(0deg);
                }
                100% {
                    -webkit-transform: rotate(360deg);
                }
            }
            @keyframes nprogress-spinner {
                0% {
                    transform: rotate(0deg);
                }
                100% {
                    transform: rotate(360deg);
                }
            }

            
            .group.peer.text-sidebar-foreground.hidden{
                transition: transform 0.4s ease;
            }
            .group.peer.text-sidebar-foreground.hidden.escondido{
                display:none !important;
                transition: transform 0.4s ease;
            }

            @media(max-width:540px){

                .group.peer.text-sidebar-foreground.hidden.escondido{
                    display: flex !important;
                }
                [data-slot='sidebar-container']{
                    display: flex !important;
                }
                .group.peer.text-sidebar-foreground.hidden.md:block{
                    display: flex !important;
                }

                .h-mob-1{
                    max-width: 95%;
                    margin-left: auto;
                    margin-right: auto;
                    margin-top: 50px;
                }
                
            }
            


            .the-submenus-s{
                position: relative;
                padding-left: 30px;
                line-height: 26px;
                font-size: 0.9em;
                margin-bottom: 12px;
                transition: transform 0.4s ease;
            }

            .the-submenus-s.aberto{
                transition: transform 0.4s ease;
            }

            iframe{
                margin-top:30px;
                border-radius: 12px;
            }

            .jconfirm-box{
                width: 360px !important;
                margin-left: auto !important;
                margin-right: auto !important;
            }


            .novo-saldo-usuario{
                font-weight: bold;
                font-size: 16px;
            }
            .novo-saldo-usuario small{
                font-weight: normal;
                opacity: 0.8;
            }


            .jconfirm.jconfirm-white .jconfirm-box, 
            .jconfirm.jconfirm-light .jconfirm-box{
                background: #000;
            }

            .jconfirm .jconfirm-box.jconfirm-type-blue {
                border-top: solid 7px #14a47d !important;
            }

            .jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
                background-color: #14a47d !important;
            }


            /* Modal Styles */
        .tik-modais-compra-overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.5);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 1000;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
        }

        .tik-modais-compra-overlay.active {
            opacity: 1;
            visibility: visible;
        }

        .tik-modais-compra-modal {
            background: var(--pagto-direto-cor) !important;
            border-radius: 16px;
            width: 90%;
            max-width: 500px;
            max-height: 90vh;
            overflow-y: auto;
            transform: scale(0.9) translateY(20px);
            transition: all 0.3s ease;
        }

        .tik-modais-compra-overlay.active .tik-modais-compra-modal {
            transform: scale(1) translateY(0);
        }

        .tik-modais-compra-header {
            padding: 24px 24px 16px;
            border-bottom: 1px solid #e1e1e1;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .tik-modais-compra-title {
            font-size: 20px;
            font-weight: bold;
            color: #000;
        }

        .tik-modais-compra-close {
            background: none;
            border: none;
            cursor: pointer;
            padding: 4px;
        }

        .tik-modais-compra-close svg {
            width: 24px;
            height: 24px;
            fill: #666;
        }

        .tik-modais-compra-security {
            padding: 0 24px 16px;
            display: flex;
            align-items: center;
            gap: 8px;
            color: #00a86b;
            font-size: 14px;
            padding-top:12px;
        }

        .tik-modais-compra-security svg {
            width: 16px;
            height: 16px;
            fill: currentColor;
        }

        .tik-modais-compra-content {
            padding: 24px;
            padding-top:0;
        }

        .tik-modais-compra-account {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 24px;
        }

        .tik-modais-compra-account-info {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .tik-modais-compra-account img {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: #f2f2f2;
        }

        .tik-modais-compra-username {
            font-size: 16px;
            font-weight: 600;
            color: #000;
        }

        .tik-modais-compra-order-summary {
            margin-bottom: 24px;
        }

        .tik-modais-compra-order-title {
            font-size: 18px;
            font-weight: bold;
            color: #000;
            margin-bottom: 16px;
            display: none;
        }

        .tik-modais-compra-order-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 16px;
        }

        .tik-modais-compra-item-name {
            font-size: 16px;
            color: #333;
        }

        .tik-modais-compra-item-price {
            font-size: 16px;
            font-weight: 600;
            color: #000;
        }

        .tik-modais-compra-total {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding-top: 16px;
            border-top: 1px solid #e1e1e1;
            margin-bottom: 24px;
        }

        .tik-modais-compra-total-label {
            font-size: 18px;
            font-weight: bold;
            color: #000;
        }

        .tik-modais-compra-total-price {
            font-size: 20px;
            font-weight: bold;
            color: #000;
        }

        .tik-modais-compra-payment-methods {
            margin-bottom: 24px;
        }

        .tik-modais-compra-payment-title {
            font-size: 16px;
            font-weight: 600;
            color: #000;
            margin-bottom: 16px;
        }

        .tik-modais-compra-payment-option {
            border: 2px solid #e1e1e1;
            border-radius: 8px;
            padding: 16px;
            margin-bottom: 12px;
            cursor: pointer;
            transition: all 0.2s;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .tik-modais-compra-payment-option:hover {
            border-color: var(--pagto-direto-background) !important;
        }

        .tik-modais-compra-payment-option.selected {
            border-color: var(--pagto-direto-background) !important;
            background: #fff5f8;
        }

        .tik-modais-compra-payment-left {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .tik-modais-compra-payment-radio {
            width: 20px;
            height: 20px;
            border: 2px solid #e1e1e1;
            border-radius: 50%;
            position: relative;
            transition: all 0.2s;
        }

        .tik-modais-compra-payment-option.selected .tik-modais-compra-payment-radio {
            border-color: var(--pagto-direto-background) !important;
        }

        .tik-modais-compra-payment-option.selected .tik-modais-compra-payment-radio::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 10px;
            height: 10px;
            background: var(--pagto-direto-background) !important;
            border-radius: 50%;
        }

        .tik-modais-compra-payment-label {
            font-size: 16px;
            font-weight: 600;
            color: #000;
        }

        .tik-modais-compra-payment-icons {
            display: flex;
            gap: 8px;
        }

        .tik-modais-compra-form {
            margin-top: 16px;
            padding-top: 16px;
            border-top: 1px solid #e1e1e1;
            display: none;
        }

        .tik-modais-compra-form.active {
            display: block;
        }

        .tik-modais-compra-form-row {
            display: flex;
            gap: 16px;
            margin-bottom: 16px;
        }

        .tik-modais-compra-form-group {
            flex: 1;
        }

        .tik-modais-compra-form-label {
            display: block;
            font-size: 14px;
            font-weight: 600;
            color: #333;
            margin-bottom: 8px;
        }

        .tik-modais-compra-form-input {
            width: 100%;
            padding: 12px 16px;
            border: 2px solid #e1e1e1;
            border-radius: 8px;
            font-size: 16px;
            transition: border-color 0.2s;
            background: #f2f2f2;
        }

        .tik-modais-compra-form-input:focus {
            outline: none;
            border-color: var(--pagto-direto-background) !important;
        }

        .tik-modais-compra-form-input::placeholder {
            color: #666;
        }

        .tik-modais-compra-form-select {
            width: 100%;
            padding: 12px 16px;
            border: 2px solid #e1e1e1;
            border-radius: 8px;
            font-size: 16px;
            background: #f2f2f2;
            cursor: pointer;
            transition: border-color 0.2s;
        }

        .tik-modais-compra-form-select:focus {
            outline: none;
            border-color: var(--pagto-direto-background) !important;
        }

        .tik-modais-compra-form-checkbox {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            margin: 16px 0;
        }

        .tik-modais-compra-checkbox {
            width: 20px;
            height: 20px;
            border: 2px solid #e1e1e1;
            border-radius: 4px;
            cursor: pointer;
            position: relative;
            transition: all 0.2s;
            flex-shrink: 0;
            margin-top: 2px;
        }

        .tik-modais-compra-checkbox.checked {
            background: var(--pagto-direto-background) !important;
            border-color: var(--pagto-direto-background) !important;
        }

        .tik-modais-compra-checkbox.checked::after {
            content: '✓';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: var(--pagto-direto-cor) !important;
            font-size: 12px;
            font-weight: bold;
        }

        .tik-modais-compra-checkbox-label {
            font-size: 14px;
            color: #666;
            line-height: 1.4;
            cursor: pointer;
        }

        .tik-modais-compra-pay-btn {
            width: 100%;
            background: var(--pagto-direto-background) !important;
            color: var(--pagto-direto-cor) !important;
            border: none;
            border-radius: 8px;
            padding: 16px;
            font-size: 18px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.2s;
        }

        .tik-modais-compra-pay-btn:hover {
            background: #e00045;
        }

        .tik-modais-compra-pay-btn:disabled {
            background: #ccc;
            cursor: not-allowed;
        }

        /* Responsive */
        @media (max-width: 768px) {
            .tik-pacotes-header {
                padding: 12px 16px;
            }
            
            .tik-pacotes-search-container {
                margin: 0 16px;
            }
            
            .tik-pacotes-container {
                padding: 20px 16px;
            }
            
            .tik-pacotes-main-content {
                padding: 20px;
            }
            
            .tik-pacotes-grid {
                grid-template-columns: 1fr;
                gap: 12px;
            }
            
            .tik-modais-compra-modal {
                width: 95%;
                margin: 20px;
            }
            
            .tik-modais-compra-form-row {
                flex-direction: column;
                gap: 16px;
            }
        }


        .dados-do-seu-pix .imagem-qrcode img{
            width: 193px;
            border-radius: 12px;
            padding: 15px;
            border: 1px dotted #ccc;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 20px;
            display:block;
        }

        .dados-do-seu-pix .imagem-confirmacao img{
            width: 105px;
            border-radius: 12px;
            padding: 15px;
            border: 0px dotted #ccc;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 0px;
            display: block;
        }

        .dados-do-seu-pix .mensagem-confirmacao-pagamento{

        }

        .dados-do-seu-pix  .mensagem-confirmacao-pagamento p{
            text-align: center;
        }

        .dados-do-seu-pix .codigo-copy-cola textarea{
                text-align: justify;
                font-size: 12px;
                background: #e9e7e7;
                border-radius: 12px;
                height: 74px;
                width: 80%;
                display: block;
                margin-left: auto;
                margin-right: auto;
                color: #000;
                word-break: break-all;
                text-align: justify;
                padding: 5px !important;
                padding: 0;
        }

        #copiarCodigoCopyCola{
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 80%;
            margin-top: 12px;
            margin-bottom: 12px;
            border-radius: 12px;
            background: #eee !important;
            color: #333 !important;
            font-size: 13px;
            height: 46px;
            border: none;
            font-weight: bold;
        }

        #confirmarPagamentoPix{
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 80%;
            margin-top: 12px;
            margin-bottom: 12px;
            border-radius: 12px;
            background: var(--pagto-direto-background) !important;
            color: var(--pagto-direto-cor) !important;
            font-size: 13px;
            height: 46px;
            border: none;
            font-weight: bold;
        }


        .novo-selecoes-jogos-container {
            max-width: 800px;
            margin: 0 auto;
        }

        .novo-selecoes-jogos-titulo {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 16px;
        }

        .novo-selecoes-jogos-opcoes {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px;
            margin-bottom: 24px;
        }

        .novo-selecoes-jogos-opcao {
            background-color: #1c1c1e;
            border-radius: 8px;
            padding: 16px;
            display: flex;
            align-items: center;
            gap: 16px;
            opacity: 0.5;
            cursor: pointer;
            transition: opacity 0.2s;
        }

        .novo-selecoes-jogos-opcao.active {
            opacity: 1;
            background-color: #466535;
        }

        .novo-selecoes-jogos-opcao:first-child {
            /*background-color: #466535;*/
            opacity: 1;
        }

        .novo-selecoes-jogos-icone {
            width: 32px;
            height: 32px;
            background-color: #333;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .novo-selecoes-jogos-icone img {
            width: 20px;
            height: 20px;
        }

        .novo-selecoes-jogos-info {
            display: flex;
            flex-direction: column;
        }

        .novo-selecoes-jogos-nome {
            font-weight: bold;
            font-size: 14px;
        }

        .novo-selecoes-jogos-data {
            font-size: 12px;
            color: #f2f2f2;
        }

        .novo-selecoes-jogos-valor {
            margin-bottom: 8px;
        }

        .novo-selecoes-jogos-valor-label {
            font-size: 14px;
            margin-bottom: 12px;
        }

        .novo-selecoes-jogos-input-container {
            background-color: #1c1c1e;
            border-radius: 8px;
            display: flex;
            align-items: center;
            padding: 0 16px;
            margin-bottom: 8px;
        }

        .novo-selecoes-jogos-moeda {
            font-size: 14px;
            color: #a0a0a0;
            padding-right: 8px;
        }

        .novo-selecoes-jogos-valor-input {
            background-color: transparent;
            border: none;
            color: #ffffff;
            font-size: 16px;
            padding: 16px 8px;
            width: 100%;
            outline: none;
        }

        .novo-selecoes-jogos-instrucao {
            font-size: 12px;
            color: #a0a0a0;
            margin-bottom: 16px;
        }

        .novo-selecoes-jogos-valores-sugeridos {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 8px;
            margin-bottom: 24px;
        }

        .novo-selecoes-jogos-valor-sugerido {
            background-color: #1c1c1e;
            border: none;
            border-radius: 8px;
            color: #ffffff;
            padding: 12px;
            text-align: center;
            cursor: pointer;
            font-size: 14px;
            transition: background-color 0.2s;
        }

        .novo-selecoes-jogos-valor-sugerido:first-child {
            background-color: #466535;
        }

        .novo-selecoes-jogos-valor-sugerido:hover {
            background-color: #333333;
        }

        .novo-selecoes-jogos-acoes {
            display: flex;
            background-color: #1c1c1e;
            border-radius: 8px;
            margin-bottom: 24px;
            overflow: hidden;
        }

        .novo-selecoes-jogos-acao {
            flex: 1;
            border: none;
            background-color: transparent;
            color: #ffffff;
            padding: 16px;
            cursor: pointer;
            font-size: 14px;
            transition: background-color 0.2s;
            text-align: center;
        }

        .novo-selecoes-jogos-acao.active {
            color: #ffcc00;
            font-weight: bold;
        }

        .novo-selecoes-jogos-acao:hover {
            background-color: #333333;
        }

        .novo-selecoes-jogos-limpar-selecionar {
            display: flex;
            justify-content: space-between;
            margin-bottom: 16px;
        }

        .novo-selecoes-jogos-btn-limpar,
        .novo-selecoes-jogos-btn-selecionar-todas {
            background: none;
            border: none;
            color: #ffffff;
            cursor: pointer;
            font-size: 14px;
            padding: 8px;
        }

        .novo-selecoes-jogos-btn-selecionar-todas {
            color: #466535;
        }

        .novo-selecoes-jogos-numeros {
            display: grid;
            grid-template-columns: repeat(10, 1fr);
            gap: 8px;
            margin-bottom: 24px;
        }

        @media (max-width: 600px) {
            .novo-selecoes-jogos-numeros {
                grid-template-columns: repeat(5, 1fr);
            }
        }

        .novo-selecoes-jogos-numero {
            width: 40px;
            height: 40px;
            background-color: #1c1c1e;
            border: none;
            border-radius: 50%;
            color: #ffffff;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            font-size: 14px;
            transition: background-color 0.2s;
        }

        .novo-selecoes-jogos-numero.selected {
            background-color: #466535;
        }

        .novo-selecoes-jogos-info-selecao {
            text-align: center;
            font-size: 14px;
            color: #a0a0a0;
            margin-bottom: 24px;
        }

        .novo-selecoes-jogos-btn-adicionar {
            background-color: #466535;
            border: none;
            border-radius: 8px;
            color: #ffffff;
            padding: 16px;
            width: 100%;
            font-size: 16px;
            font-weight: bold;
            cursor: pointer;
            transition: background-color 0.2s;
        }

        .novo-selecoes-jogos-btn-adicionar:hover {
            background-color: #333;
        }

        .novo-selecoes-jogos-mensagem {
            margin-top: 16px;
            padding: 12px;
            background-color: #ff3b30;
            color: white;
            border-radius: 8px;
            text-align: center;
            display: none;
        }



        /* Estilos para os modais personalizados */
.apostas-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}

.apostas-modal-overlay.active {
    opacity: 1;
    visibility: visible;
}

.apostas-modal {
    background-color: #1c1c1e;
    border-radius: 12px;
    width: 90%;
    max-width: 450px;
    padding: 24px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    transform: translateY(20px);
    transition: transform 0.3s;
    position: relative;
}

.apostas-modal-overlay.active .apostas-modal {
    transform: translateY(0);
}

.apostas-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 12px;
}

.apostas-modal-title {
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
}

.apostas-modal-close {
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.6);
    font-size: 24px;
    cursor: pointer;
    padding: 0;
    line-height: 1;
}

.apostas-modal-content {
    margin-bottom: 24px;
    color: #ffffff;
}

.apostas-modal-footer {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.apostas-modal-btn {
    padding: 12px 20px;
    border-radius: 8px;
    border: none;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.2s;
}

.apostas-modal-btn-secondary {
    background-color: rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

.apostas-modal-btn-secondary:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.apostas-modal-btn-primary {
    background-color: #466535;
    color: #ffffff;
}

.apostas-modal-btn-primary:hover {
    background-color: #333;
}

.apostas-modal-loading {
    text-align: center;
}

.apostas-modal-spinner {
    width: 40px;
    height: 40px;
    border: 4px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    border-top: 4px solid #466535;
    margin: 0 auto 20px;
    animation: apostas-spin 1s linear infinite;
}

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

.apostas-expired-badge {
    background-color: #ff3b30;
    color: white;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 10px;
    margin-left: 8px;
    display: inline-block;
    vertical-align: middle;
}

.novo-selecoes-jogos-opcao.expired {
    opacity: 0.5;
    position: relative;
}

.novo-selecoes-jogos-opcao.expired::after {
    content: 'Encerrado';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 59, 48, 0.8);
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
    z-index: 5;
}

/* Estilos adicionais para os elementos existentes */


.novo-selecoes-jogos-opcoes {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
    margin-bottom: 24px;
}


.extrato-publico-usuario-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    color: #ffffff;
}

.extrato-publico-usuario-header {
    background-color: #1c1c1e;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 24px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.extrato-publico-usuario-saldo-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.extrato-publico-usuario-saldo-label {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
}

.extrato-publico-usuario-saldo-valor {
    font-size: 24px;
    font-weight: bold;
}

.extrato-publico-usuario-usuario {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
}

.extrato-publico-usuario-divider {
    height: 1px;
    background-color: rgba(255, 255, 255, 0.1);
    margin: 16px 0;
}

.extrato-publico-usuario-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 16px;
}

.extrato-publico-usuario-data-group {
    margin-bottom: 24px;
}

.extrato-publico-usuario-data-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.extrato-publico-usuario-data {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
}

.extrato-publico-usuario-data-label {
    font-weight: bold;
    color: #ffffff;
}

.extrato-publico-usuario-transacoes {
    background-color: #1c1c1e;
    border-radius: 12px;
    overflow: hidden;
}

.extrato-publico-usuario-transacao {
    display: flex;
    align-items: center;
    padding: 16px;
    position: relative;
}

.extrato-publico-usuario-transacao:not(:last-child)::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 16px;
    right: 16px;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.1);
}

.extrato-publico-usuario-transacao-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    flex-shrink: 0;
}

.extrato-publico-usuario-transacao-icon.entrada {
    background-color: rgba(52, 199, 89, 0.2);
    color: #34c759;
}

.extrato-publico-usuario-transacao-icon.saida {
    background-color: rgba(255, 59, 48, 0.2);
    color: #ff3b30;
}

.extrato-publico-usuario-transacao-info {
    flex-grow: 1;
    min-width: 0;
}

.extrato-publico-usuario-transacao-descricao {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.extrato-publico-usuario-transacao-hora {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.5);
}

.extrato-publico-usuario-transacao-valor {
    font-size: 16px;
    font-weight: bold;
    text-align: right;
    flex-shrink: 0;
    margin-left: 16px;
}

.extrato-publico-usuario-transacao-valor.entrada {
    color: #34c759;
}

.extrato-publico-usuario-transacao-valor.saida {
    color: #ff3b30;
}

.extrato-publico-usuario-empty {
    padding: 32px;
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
}

.extrato-publico-usuario-empty-icon {
    font-size: 48px;
    margin-bottom: 16px;
    opacity: 0.3;
}

.extrato-publico-usuario-empty-text {
    font-size: 16px;
    margin-bottom: 8px;
}

.extrato-publico-usuario-empty-subtext {
    font-size: 14px;
}

@media (max-width: 640px) {
    .extrato-publico-usuario-container {
        padding: 16px;
    }
    
    .extrato-publico-usuario-header {
        padding: 16px;
    }
    
    .extrato-publico-usuario-saldo-valor {
        font-size: 20px;
    }
    
    .extrato-publico-usuario-transacao {
        padding: 12px;
    }
    
    .extrato-publico-usuario-transacao-icon {
        width: 32px;
        height: 32px;
    }
}



.resultados-listagem-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    color: #ffffff;
}

.resultados-listagem-header {
    background-color: #1c1c1e;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 24px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.resultados-listagem-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 16px;
    text-align: center;
}

.resultados-listagem-search {
    width: 100%;
    display: flex;
    margin-bottom: 16px;
}

.resultados-listagem-search-input {
    flex-grow: 1;
    background-color: #2c2c2e;
    border: none;
    border-radius: 8px;
    padding: 12px 16px;
    color: #ffffff;
    font-size: 16px;
}

.resultados-listagem-search-input:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(209, 0, 128, 0.5);
}

.resultados-listagem-search-input::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.resultados-listagem-info {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
    margin-top: 8px;
}

.resultados-listagem-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

.resultados-listagem-item {
    background-color: #1c1c1e;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease;
}

.resultados-listagem-item:hover {
    transform: translateY(-2px);
}

.resultados-listagem-item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.resultados-listagem-item-jogo {
    font-size: 18px;
    font-weight: bold;
}

.resultados-listagem-item-data {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
}

.resultados-listagem-item-numeros-title {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 8px;
}

.resultados-listagem-item-numeros {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}

.resultados-listagem-numero {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: #a9c421;
    border-radius: 50%;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}

.resultados-listagem-item-premiacoes-title {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 8px;
}

.resultados-listagem-item-premiacoes {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 8px;
}

.resultados-listagem-premiacao {
    background-color: #2c2c2e;
    padding: 8px;
    border-radius: 6px;
    text-align: center;
}

.resultados-listagem-premiacao-acertos {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 4px;
}

.resultados-listagem-premiacao-valor {
    font-size: 14px;
    font-weight: bold;
    color: #34c759;
}

.resultados-listagem-empty {
    padding: 32px;
    text-align: center;
    background-color: #1c1c1e;
    border-radius: 12px;
    color: rgba(255, 255, 255, 0.5);
}

.resultados-listagem-empty-icon {
    font-size: 48px;
    margin-bottom: 16px;
    opacity: 0.3;
}

.resultados-listagem-empty-text {
    font-size: 16px;
    margin-bottom: 8px;
}

.resultados-listagem-empty-subtext {
    font-size: 14px;
}

.resultados-listagem-item-total {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.resultados-listagem-item-total-label {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
}

.resultados-listagem-item-total-valor {
    font-size: 16px;
    font-weight: bold;
    color: #34c759;
}

.resultados-listagem-item-processado {
    display: inline-block;
    background-color: #34c759;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px;
    border-radius: 4px;
    margin-left: 8px;
}

@media (max-width: 640px) {
    .resultados-listagem-container {
        padding: 16px;
    }
    
    .resultados-listagem-header {
        padding: 16px;
    }
    
    .resultados-listagem-item {
        padding: 16px;
    }
    
    .resultados-listagem-item-premiacoes {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .resultados-listagem-numero {
        width: 32px;
        height: 32px;
        font-size: 12px;
    }
}


.dados-usuario-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    color: #ffffff;
}

.dados-usuario-header {
    background-color: #1c1c1e;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 24px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.dados-usuario-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 8px;
}

.dados-usuario-subtitle {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 0;
}

.dados-usuario-form {
    background-color: #1c1c1e;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.dados-usuario-form-group {
    margin-bottom: 24px;
}

.dados-usuario-label {
    display: block;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px;
}

.dados-usuario-input {
    width: 100%;
    background-color: #2c2c2e;
    border: 1px solid #3c3c3e;
    border-radius: 8px;
    padding: 12px 16px;
    color: #ffffff;
    font-size: 16px;
    transition: border-color 0.2s;
}

.dados-usuario-input:focus {
    outline: none;
    border-color: #466535;
    box-shadow: 0 0 0 2px rgba(209, 0, 128, 0.2);
}

.dados-usuario-input::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.dados-usuario-input-hint {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 4px;
}

.dados-usuario-divider {
    height: 1px;
    background-color: rgba(255, 255, 255, 0.1);
    margin: 32px 0;
}

.dados-usuario-section-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 16px;
}

.dados-usuario-btn {
    background-color: #466535;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    padding: 14px 24px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
}

.dados-usuario-btn:hover {
    background-color: #333;
}

.dados-usuario-error {
    background-color: rgba(255, 59, 48, 0.1);
    border-left: 4px solid #ff3b30;
    color: #ff3b30;
    padding: 12px 16px;
    border-radius: 0 8px 8px 0;
    margin-bottom: 24px;
}

.dados-usuario-error-list {
    margin: 8px 0 0 16px;
    padding: 0;
}

.dados-usuario-success {
    background-color: rgba(52, 199, 89, 0.1);
    border-left: 4px solid #34c759;
    color: #34c759;
    padding: 12px 16px;
    border-radius: 0 8px 8px 0;
    margin-bottom: 24px;
}

/* Modal */
.dados-usuario-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}

.dados-usuario-modal-overlay.active {
    opacity: 1;
    visibility: visible;
}

.dados-usuario-modal {
    background-color: #1c1c1e;
    border-radius: 12px;
    width: 90%;
    max-width: 450px;
    padding: 24px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    transform: translateY(20px);
    transition: transform 0.3s;
    position: relative;
}

.dados-usuario-modal-overlay.active .dados-usuario-modal {
    transform: translateY(0);
}

.dados-usuario-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 12px;
}

.dados-usuario-modal-title {
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
}

.dados-usuario-modal-close {
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.6);
    font-size: 24px;
    cursor: pointer;
    padding: 0;
    line-height: 1;
}

.dados-usuario-modal-content {
    margin-bottom: 24px;
    color: #ffffff;
    text-align: center;
}

.dados-usuario-modal-icon {
    font-size: 48px;
    margin-bottom: 16px;
    color: #34c759;
}

.dados-usuario-modal-message {
    font-size: 16px;
    margin-bottom: 8px;
}

.dados-usuario-modal-footer {
    display: flex;
    justify-content: center;
}

.dados-usuario-modal-btn {
    background-color: #a9c421;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
}

.dados-usuario-modal-btn:hover {
    background-color: #333;
}

@media (max-width: 640px) {
    .dados-usuario-container {
        padding: 16px;
    }
    
    .dados-usuario-header,
    .dados-usuario-form {
        padding: 16px;
    }
    
    .dados-usuario-btn {
        width: 100%;
    }
}




.validacao-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    color: #ffffff;
}

.validacao-header {
    background-color: #1c1c1e;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 24px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.validacao-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 8px;
}

.validacao-subtitle {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 0;
}

.validacao-accordion {
    margin-bottom: 24px;
}

.validacao-accordion-item {
    background-color: #1c1c1e;
    border-radius: 12px;
    margin-bottom: 16px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.validacao-accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px;
    cursor: pointer;
    transition: background-color 0.2s;
    position: relative;
}

.validacao-accordion-header:hover {
    background-color: #2c2c2e;
}

.validacao-accordion-header.active {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.validacao-accordion-title {
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 12px;
}

.validacao-accordion-icon {
    font-size: 16px;
    transform: rotate(0deg);
    transition: transform 0.3s;
}

.validacao-accordion-header.active .validacao-accordion-icon {
    transform: rotate(180deg);
}

.validacao-accordion-status {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
}

.validacao-status-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    margin-left: 8px;
}

.validacao-status-badge.pending {
    background-color: rgba(255, 149, 0, 0.2);
    color: #ff9500;
}

.validacao-status-badge.completed {
    background-color: rgba(52, 199, 89, 0.2);
    color: #34c759;
}

.validacao-accordion-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.validacao-accordion-content {
    padding: 24px;
}

.validacao-instructions {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.8);
}

.validacao-upload-container {
    position: relative;
    border: 2px dashed rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    padding: 24px;
    text-align: center;
    transition: border-color 0.2s;
    cursor: pointer;
    overflow: hidden;
}

.validacao-upload-container:hover {
    border-color: #a9c421;
}

.validacao-upload-icon {
    font-size: 36px;
    margin-bottom: 8px;
    color: rgba(255, 255, 255, 0.5);
}

.validacao-upload-text {
    font-size: 16px;
    margin-bottom: 4px;
    color: rgba(255, 255, 255, 0.8);
}

.validacao-upload-subtext {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
}

.validacao-upload-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.validacao-preview-container {
    margin-top: 16px;
    display: none;
    text-align: center;
}

.validacao-preview-image {
    max-width: 100%;
    max-height: 200px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.validacao-btn-container {
    display: flex;
    justify-content: center;
    margin-top: 32px;
}

.validacao-btn {
    background-color: #a9c421;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    padding: 14px 24px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
}

.validacao-btn:hover {
    background-color: #333;
}

.validacao-btn:disabled {
    background-color: #3c3c3e;
    cursor: not-allowed;
}

/* Modal */
.validacao-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}

.validacao-modal-overlay.active {
    opacity: 1;
    visibility: visible;
}

.validacao-modal {
    background-color: #1c1c1e;
    border-radius: 12px;
    width: 90%;
    max-width: 450px;
    padding: 24px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    transform: translateY(20px);
    transition: transform 0.3s;
    position: relative;
}

.validacao-modal-overlay.active .validacao-modal {
    transform: translateY(0);
}

.validacao-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 12px;
}

.validacao-modal-title {
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
}

.validacao-modal-close {
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.6);
    font-size: 24px;
    cursor: pointer;
    padding: 0;
    line-height: 1;
}

.validacao-modal-content {
    margin-bottom: 24px;
    color: #ffffff;
    text-align: center;
}

.validacao-modal-icon {
    font-size: 48px;
    margin-bottom: 16px;
    color: #34c759;
}

.validacao-modal-message {
    font-size: 16px;
    margin-bottom: 8px;
}

.validacao-modal-footer {
    display: flex;
    justify-content: center;
}

.validacao-modal-btn {
    background-color: #a9c421;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
}

.validacao-modal-btn:hover {
    background-color: #333;
}

/* Loading Modal */
.validacao-loading-progress {
    width: 100%;
    height: 10px;
    background-color: #2c2c2e;
    border-radius: 5px;
    margin: 20px 0;
    overflow: hidden;
}

.validacao-loading-bar {
    height: 100%;
    width: 0%;
    background-color: #a9c421;
    border-radius: 5px;
    transition: width 0.3s ease-in-out;
}

.validacao-loading-percentage {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

@media (max-width: 640px) {
    .validacao-container {
        padding: 16px;
    }
    
    .validacao-header,
    .validacao-accordion-content {
        padding: 16px;
    }
    
    .validacao-accordion-header {
        padding: 12px 16px;
    }
    
    .validacao-btn {
        width: 100%;
    }
}

.qrcode-container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px;
    color: #ffffff;
}

.qrcode-header {
    background-color: #1c1c1e;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 24px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.qrcode-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 8px;
}

.qrcode-subtitle {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 16px;
}

.qrcode-link {
    background-color: #2c2c2e;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 16px;
    word-break: break-all;
    font-family: monospace;
    font-size: 14px;
    line-height: 1.5;
}

.qrcode-link-label {
    display: block;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 8px;
}

.qrcode-btn {
    background-color: #a9c421;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    padding: 14px 24px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
    display: inline-block;
    text-align: center;
}

.qrcode-btn:hover {
    background-color: #333;
}

.qrcode-btn:disabled {
    background-color: #3c3c3e;
    cursor: not-allowed;
}

.qrcode-section {
    background-color: #1c1c1e;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 24px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.qrcode-section-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.qrcode-simple-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 24px;
}

.qrcode-simple {
    background-color: #ffffff;
    padding: 16px;
    border-radius: 8px;
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

.qrcode-placeholder {
    width: 168px;
    height: 168px;
    background-color: #f2f2f2;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #777;
    font-size: 12px;
}

.qrcode-actual {
    width: 168px;
    height: 168px;
    display: none;
}

.qrcode-banners-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
    gap: 24px;
}

.qrcode-banner-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.qrcode-banner-title {
    font-size: 14px;
    margin-bottom: 8px;
    font-weight: 500;
}

.qrcode-banner {
    background-color: #f2f2f2;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #777;
    font-size: 12px;
}

.qrcode-banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.1);
    opacity: 1;
    transition: opacity 0.2s;
}

.qrcode-banner:hover .qrcode-banner-overlay {
    opacity: 1;
}

.qrcode-banner-qr {
    width: auto;
    height: 70%;
    object-fit: contain;
    background-color: rgba(255, 255, 255, 0.90);
    padding: 3px;
    border-radius: 4px;
    margin-bottom: 8px;
    display: none;
}

.qrcode-download-btn {
    background-color: #a9c421;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s;
    width: 100%;
    display: block;
    text-align: center;
}

.qrcode-download-btn:hover {
    background-color: #333;
}

.qrcode-note {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    margin-top: 24px;
    padding: 16px;
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    line-height: 1.5;
}

.qrcode-skeleton {
    position: relative;
    overflow: hidden;
}

.qrcode-skeleton::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 50%, #f2f2f2 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s infinite;
}

@keyframes skeleton-loading {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

/* Estilos responsivos */
@media (max-width: 768px) {
    .qrcode-banners-container {
        grid-template-columns: 1fr;
    }
    
    .qrcode-btn {
        width: 100%;
    }
}



 .afif-metas-container {
            max-width: 1400px;
            margin: 0 auto;
        }

        .afif-metas-header {
            margin-bottom: 32px;
        }

        .afif-metas-title {
            font-size: 28px;
            font-weight: 700;
            color: #ffffff;
            margin-bottom: 8px;
        }

        .afif-metas-subtitle {
            color: #888888;
            font-size: 16px;
        }

        .afif-metas-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 24px;
            margin-bottom: 32px;
        }

        .afif-metas-card {
            background: #1a1a1a;
            border: 1px solid #2d2d2d;
            border-radius: 12px;
            padding: 24px;
            position: relative;
            overflow: hidden;
            transition: all 0.3s ease;
        }

        .afif-metas-card:hover {
            border-color: #404040;
            transform: translateY(-2px);
        }

        .afif-metas-card-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-bottom: 20px;
        }

        .afif-metas-card-info h3 {
            font-size: 18px;
            font-weight: 600;
            color: #ffffff;
            margin-bottom: 4px;
        }

        .afif-metas-card-info p {
            color: #888888;
            font-size: 14px;
        }

        .afif-metas-icon {
            width: 48px;
            height: 48px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            display: none;
        }

        .afif-metas-icon.cadastros {
            background: linear-gradient(135deg, #3b82f6, #1d4ed8);
        }

        .afif-metas-icon.vendas {
            background: linear-gradient(135deg, #10b981, #047857);
        }

        .afif-metas-icon.acessos {
            background: linear-gradient(135deg, #f59e0b, #d97706);
        }

        .afif-metas-values {
            margin-bottom: 24px;
        }

        .afif-metas-current {
            font-size: 32px;
            font-weight: 700;
            color: #ffffff;
            margin-bottom: 4px;
        }

        .afif-metas-target {
            color: #888888;
            font-size: 14px;
        }

        .afif-metas-progress-container {
            margin-bottom: 16px;
        }

        .afif-metas-progress-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 8px;
        }

        .afif-metas-progress-label {
            color: #cccccc;
            font-size: 14px;
            font-weight: 500;
        }

        .afif-metas-progress-percentage {
            color: #ffffff;
            font-size: 16px;
            font-weight: 600;
        }

        .afif-metas-progress-bar {
            width: 100%;
            height: 8px;
            background: #2d2d2d;
            border-radius: 4px;
            overflow: hidden;
            position: relative;
        }

        .afif-metas-progress-fill {
            height: 100%;
            border-radius: 4px;
            transition: width 1.5s ease-out;
            position: relative;
            overflow: hidden;
        }

        .afif-metas-progress-fill.cadastros {
            background: linear-gradient(90deg, #3b82f6, #60a5fa);
        }

        .afif-metas-progress-fill.vendas {
            background: linear-gradient(90deg, #10b981, #34d399);
        }

        .afif-metas-progress-fill.acessos {
            background: linear-gradient(90deg, #f59e0b, #fbbf24);
        }

        .afif-metas-progress-fill::after {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
            animation: shimmer 2s infinite;
        }

        .afif-metas-status {
            display: flex;
            align-items: center;
            gap: 8px;
            margin-top: 12px;
        }

        .afif-metas-status-indicator {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            animation: pulse 2s infinite;
        }

        .afif-metas-status-indicator.success {
            background: #10b981;
        }

        .afif-metas-status-indicator.warning {
            background: #f59e0b;
        }

        .afif-metas-status-indicator.danger {
            background: #ef4444;
        }

        .afif-metas-status-text {
            color: #cccccc;
            font-size: 14px;
        }

        .afif-metas-summary {
            background: #1a1a1a;
            border: 1px solid #2d2d2d;
            border-radius: 12px;
            padding: 24px;
            margin-top: 24px;
        }

        .afif-metas-summary-title {
            font-size: 20px;
            font-weight: 600;
            color: #ffffff;
            margin-bottom: 16px;
        }

        .afif-metas-summary-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 16px;
        }

        .afif-metas-summary-item {
            text-align: center;
            padding: 16px;
            border-radius: 8px;
            background: #242424;
        }

        .afif-metas-summary-value {
            font-size: 24px;
            font-weight: 700;
            color: #ffffff;
            margin-bottom: 4px;
        }

        .afif-metas-summary-label {
            color: #888888;
            font-size: 14px;
        }

        @keyframes shimmer {
            0% { left: -100%; }
            100% { left: 100%; }
        }

        @keyframes pulse {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.5; }
        }

        @keyframes countUp {
            from { opacity: 0; }
            to { opacity: 1; }
        }

        @media (max-width: 768px) {
            .afif-metas-grid {
                grid-template-columns: 1fr;
            }
            
            .afif-metas-title {
                font-size: 24px;
            }
            
            .afif-metas-current {
                font-size: 28px;
            }
            
            .afif-metas-summary-grid {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 480px) {
            
            .afif-metas-card {
                padding: 20px;
            }
            
            .afif-metas-current {
                font-size: 24px;
            }
        }