@formant/aesthetics 0.0.7 → 0.0.10

package/dist/components.css

@@ -1,676 +1,685 @@
-/**
- * @formant/aesthetics - Complete Component Styles
- * This file contains all utility classes used by @formant/aesthetics components.
- * Import this file to get styled components without Tailwind CSS in your project.
- */
-
-/* Base Theme */
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500&display=swap');
-
-:root {
-  --background: #202428;
-  --foreground: #F2F3F4;
-  --card: #0A0F11;
-  --card-foreground: #F2F3F4;
-  --popover: #202428;
-  --popover-foreground: #F2F3F4;
-  --primary: #ACC3B3;
-  --primary-foreground: #0A0F11;
-  --secondary: #202428;
-  --secondary-foreground: #F2F3F4;
-  --muted: #202428;
-  --muted-foreground: #A3ABA9;
-  --accent: #2C4142;
-  --accent-foreground: #F2F3F4;
-  --destructive: #E8AB7F;
-  --destructive-foreground: #0A0F11;
-  --border: rgba(163, 171, 169, 0.1);
-  --input: rgba(163, 171, 169, 0.2);
-  --ring: #ACC3B3;
-  --radius: 0.25rem;
-  --font-heading: 'Space Grotesk', sans-serif;
-  --font-sans: 'Inter', sans-serif;
-  --font-mono: 'JetBrains Mono', monospace;
+/* layer: preflights */
+*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}
+/* layer: default */
+.\[--cell-radius\:var\(--radius-md\)\]{--cell-radius:var(--radius-md);}
+.\[--cell-size\:--spacing\(7\)\]{--cell-size:var(--spacing(7));}
+.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}
+.\[\&_svg\]\:pointer-events-none svg,
+.\[\&\>svg\]\:pointer-events-none>svg,
+.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true],
+.group[data-disabled=true] .group-data-\[disabled\=true\]\:pointer-events-none,
+.pointer-events-none{pointer-events:none;}
+.disabled\:pointer-events-none:disabled{pointer-events:none;}
+.visible{visibility:visible;}
+.invisible{visibility:hidden;}
+.\[\&\>svg\]\:absolute>svg,
+.absolute{position:absolute;}
+.fixed{position:fixed;}
+.group\/day[data-focused=true] .group-data-\[focused\=true\]\/day\:relative,
+.relative{position:relative;}
+.sticky{position:sticky;}
+.after\:absolute::after{position:absolute;}
+.static{position:static;}
+.inset-0{inset:0;}
+.after\:-inset-2::after{inset:-0.5rem;}
+.after\:inset-0::after{inset:0;}
+.data-\[side\=bottom\]\:inset-x-0[data-side=bottom],
+.data-\[side\=top\]\:inset-x-0[data-side=top],
+.data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction=bottom],
+.data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction=top],
+.inset-x-0{left:0;right:0;}
+.data-\[side\=left\]\:inset-y-0[data-side=left],
+.data-\[side\=right\]\:inset-y-0[data-side=right],
+.data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction=left],
+.data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction=right]{top:0;bottom:0;}
+.after\:-inset-x-3::after{left:-0.75rem;right:-0.75rem;}
+.after\:-inset-y-2::after{top:-0.5rem;bottom:-0.5rem;}
+.after\:inset-y-0::after{top:0;bottom:0;}
+.-bottom-12{bottom:-3rem;}
+.-left-12{left:-3rem;}
+.-right-1{right:-0.25rem;}
+.-right-12{right:-3rem;}
+.-top-1{top:-0.25rem;}
+.-top-12{top:-3rem;}
+.\[\&\>svg\]\:left-4>svg{left:1rem;}
+.\[\&\>svg\]\:top-4>svg{top:1rem;}
+.bottom-0,
+.data-\[side\=bottom\]\:bottom-0[data-side=bottom],
+.data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction=bottom]{bottom:0;}
+.bottom-3{bottom:0.75rem;}
+.data-\[side\=left\]\:left-0[data-side=left],
+.data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction=left],
+.left-0{left:0;}
+.data-\[side\=right\]\:right-0[data-side=right],
+.data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction=right],
+.right-0{right:0;}
+.data-\[side\=top\]\:top-0[data-side=top],
+.data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction=top],
+.top-0{top:0;}
+.group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:top-full,
+.top-full{top:100%;}
+.left-1\.5{left:0.375rem;}
+.left-1\/2{left:50%;}
+.left-3{left:0.75rem;}
+.right-2{right:0.5rem;}
+.right-3{right:0.75rem;}
+.top-\[60\%\]{top:60%;}
+.top-1\/2{top:50%;}
+.top-1\/3{top:33.3333333333%;}
+.top-2{top:0.5rem;}
+.top-3{top:0.75rem;}
+.top-px{top:1px;}
+.after\:left-0::after{left:0;}
+.after\:left-1\/2::after{left:50%;}
+.after\:right-0::after{right:0;}
+.aria-\[orientation\=horizontal\]\:after\:left-0[aria-orientation=horizontal]::after{left:0;}
+.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *[data-slot=select-value]{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;}
+.isolate{isolation:isolate;}
+.data-\[active\=true\]\:z-10[data-active=true],
+.group\/day[data-focused=true] .group-data-\[focused\=true\]\/day\:z-10,
+.z-10{z-index:10;}
+.z-0{z-index:0;}
+.z-1{z-index:1;}
+.z-50{z-index:50;}
+.focus\:z-10:focus{z-index:10;}
+.focus-visible\:z-10:focus-visible{z-index:10;}
+.order-first{order:-9999;}
+.order-last{order:9999;}
+.grid,
+.group\/alert-dialog-content[data-size=sm] .group-data-\[size\=sm\]\/alert-dialog-content\:grid{display:grid;}
+.row-span-2{grid-row:span 2/span 2;}
+.col-start-2{grid-column-start:2;}
+.row-start-1{grid-row-start:1;}
+.auto-rows-min{grid-auto-rows:min-content;}
+.grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr;}
+.has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_auto_1fr\]:has([data-slot=alert-dialog-media]){grid-template-rows:auto auto 1fr;}
+.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto;}
+.has-data-\[slot\=card-description\]\:grid-rows-\[auto_auto\]:has([data-slot=card-description]){grid-template-rows:auto auto;}
+.group\/alert-dialog-content[data-size=sm] .group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
+.m-0{margin:0;}
+.-mx-1{margin-left:-0.25rem;margin-right:-0.25rem;}
+.-mx-4{margin-left:-1rem;margin-right:-1rem;}
+.mx-auto{margin-left:auto;margin-right:auto;}
+.my-0\.5{margin-top:0.125rem;margin-bottom:0.125rem;}
+.my-1{margin-top:0.25rem;margin-bottom:0.25rem;}
+.my-2{margin-top:0.5rem;margin-bottom:0.5rem;}
+.my-4{margin-top:1rem;margin-bottom:1rem;}
+.-mb-4{margin-bottom:-1rem;}
+.-ml-4{margin-left:-1rem;}
+.-mt-4{margin-top:-1rem;}
+.\[\&_p\:not\(\:last-child\)\]\:mb-4 p:not(:last-child){margin-bottom:1rem;}
+.data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction=bottom]{margin-top:6rem;}
+.data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction=top]{margin-bottom:6rem;}
+.group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5,
+.mt-1\.5{margin-top:0.375rem;}
+.has-\[\>button\]\:ml-\[-0\.3rem\]:has(>button){margin-left:-0.3rem;}
+.has-\[\>button\]\:mr-\[-0\.3rem\]:has(>button){margin-right:-0.3rem;}
+.has-\[\>kbd\]\:ml-\[-0\.15rem\]:has(>kbd){margin-left:-0.15rem;}
+.has-\[\>kbd\]\:mr-\[-0\.15rem\]:has(>kbd){margin-right:-0.15rem;}
+.mb-1{margin-bottom:0.25rem;}
+.mb-2{margin-bottom:0.5rem;}
+.mb-3{margin-bottom:0.75rem;}
+.mb-8{margin-bottom:2rem;}
+.me{margin-inline-end:1rem;}
+.ml-1{margin-left:0.25rem;}
+.ml-auto{margin-left:auto;}
+.mt-2{margin-top:0.5rem;}
+.mt-3{margin-top:0.75rem;}
+.mt-4{margin-top:1rem;}
+.mt-auto{margin-top:auto;}
+.last\:mb-0:last-child{margin-bottom:0;}
+.group\/accordion-trigger[aria-expanded="true"] .group-aria-expanded\/accordion-trigger\:inline,
+.inline{display:inline;}
+.block,
+.group\/drawer-content[data-vaul-drawer-direction=bottom] .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block{display:block;}
+.inline-block{display:inline-block;}
+.contents{display:contents;}
+.group\/accordion-trigger[aria-expanded="true"] .group-aria-expanded\/accordion-trigger\:hidden,
+.group\/avatar[data-size=sm] .group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden>svg,
+.hidden{display:none;}
+.aspect-square{aspect-ratio:1/1;}
+.aspect-video{aspect-ratio:16/9;}
+.\[\&\>svg\]\:size-3\.5>svg{width:0.875rem;height:0.875rem;}
+.\[\&\>svg\]\:size-3>svg,
+.group\/avatar[data-size=lg] .group-data-\[size\=lg\]\/avatar\:size-3,
+.group\/switch[data-size=sm] .group-data-\[size\=sm\]\/switch\:size-3,
+.size-3{width:0.75rem;height:0.75rem;}
+.\[\&\>svg\]\:size-4>svg,
+.group\/switch[data-size=default] .group-data-\[size\=default\]\/switch\:size-4,
+.size-4{width:1rem;height:1rem;}
+.data-\[size\=lg\]\:size-10[data-size=lg],
+.size-10{width:2.5rem;height:2.5rem;}
+.data-\[size\=sm\]\:size-6[data-size=sm],
+.size-6{width:1.5rem;height:1.5rem;}
+.group\/avatar[data-size=default] .group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2>svg,
+.group\/avatar[data-size=lg] .group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2>svg,
+.group\/avatar[data-size=sm] .group-data-\[size\=sm\]\/avatar\:size-2,
+.size-2{width:0.5rem;height:0.5rem;}
+.group\/avatar[data-size=default] .group-data-\[size\=default\]\/avatar\:size-2\.5,
+.size-2\.5{width:0.625rem;height:0.625rem;}
+.size-5{width:1.25rem;height:1.25rem;}
+.size-8{width:2rem;height:2rem;}
+.size-9{width:2.25rem;height:2.25rem;}
+.size-auto{width:auto;height:auto;}
+.size-full{width:100%;height:100%;}
+.\[\&\>svg\]\:h-2\.5>svg,
+.h-2\.5{height:0.625rem;}
+.\[\&\>svg\]\:h-3>svg,
+.h-3,
+.h3{height:0.75rem;}
+.\[\&\>svg\]\:w-2\.5>svg,
+.w-2\.5{width:0.625rem;}
+.\[\&\>svg\]\:w-3>svg,
+.w-3{width:0.75rem;}
+.aria-\[orientation\=horizontal\]\:h-px[aria-orientation=horizontal],
+.h-px{height:1px;}
+.aria-\[orientation\=horizontal\]\:w-full[aria-orientation=horizontal],
+.data-\[position\=popper\]\:w-full[data-position=popper],
+.w-full{width:100%;}
+.data-\[side\=bottom\]\:h-auto[data-side=bottom],
+.data-\[side\=top\]\:h-auto[data-side=top],
+.h-auto,
+.has-\[\>\[data-align\=block-end\]\]\:h-auto:has(>[data-align=block-end]),
+.has-\[\>\[data-align\=block-start\]\]\:h-auto:has(>[data-align=block-start]),
+.has-\[\>textarea\]\:h-auto:has(>textarea){height:auto;}
+.data-\[side\=left\]\:h-full[data-side=left],
+.data-\[side\=right\]\:h-full[data-side=right],
+.h-full{height:100%;}
+.data-\[side\=left\]\:w-3\/4[data-side=left],
+.data-\[side\=right\]\:w-3\/4[data-side=right],
+.data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction=left],
+.data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction=right]{width:75%;}
+.data-\[size\=default\]\:h-\[18\.4px\][data-size=default]{height:18.4px;}
+.data-\[size\=default\]\:h-8[data-size=default],
+.h-8{height:2rem;}
+.data-\[size\=default\]\:max-w-xs[data-size=default],
+.data-\[size\=sm\]\:max-w-xs[data-size=sm],
+.max-w-xs{max-width:20rem;}
+.data-\[size\=default\]\:w-\[32px\][data-size=default]{width:32px;}
+.data-\[size\=sm\]\:h-\[14px\][data-size=sm]{height:14px;}
+.data-\[size\=sm\]\:h-7[data-size=sm],
+.h-7{height:1.75rem;}
+.data-\[size\=sm\]\:w-\[24px\][data-size=sm]{width:24px;}
+.data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction=bottom],
+.data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction=top]{max-height:80vh;}
+.h-\[180px\]{height:180px;}
+.h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px);}
+.h-1,
+.h1{height:0.25rem;}
+.h-1\.5{height:0.375rem;}
+.h-10{height:2.5rem;}
+.h-16{height:4rem;}
+.h-2,
+.h2{height:0.5rem;}
+.h-20{height:5rem;}
+.h-4{height:1rem;}
+.h-5{height:1.25rem;}
+.h-6,
+.h6{height:1.5rem;}
+.h-8\!{height:2rem !important;}
+.h-9{height:2.25rem;}
+.max-h-\[200px\]{max-height:200px;}
+.max-h-72{max-height:18rem;}
+.max-w-\[300px\]{max-width:300px;}
+.max-w-\[80\%\]{max-width:80%;}
+.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem);}
+.max-w-max{max-width:max-content;}
+.max-w-sm{max-width:24rem;}
+.min-h-0{min-height:0;}
+.min-h-20{min-height:5rem;}
+.min-w-\[96px\]{min-width:96px;}
+.min-w-0{min-width:0;}
+.min-w-32{min-width:8rem;}
+.min-w-36{min-width:9rem;}
+.min-w-7{min-width:1.75rem;}
+.min-w-8{min-width:2rem;}
+.min-w-9{min-width:2.25rem;}
+.w-\[100px\]{width:100px;}
+.w-0{width:0;}
+.w-1{width:0.25rem;}
+.w-10{width:2.5rem;}
+.w-16{width:4rem;}
+.w-2{width:0.5rem;}
+.w-20{width:5rem;}
+.w-4{width:1rem;}
+.w-5{width:1.25rem;}
+.w-6{width:1.5rem;}
+.w-64{width:16rem;}
+.w-72{width:18rem;}
+.w-8{width:2rem;}
+.w-fit{width:fit-content;}
+.w-max{width:max-content;}
+.w-px{width:1px;}
+.after\:w-1::after{width:0.25rem;}
+.after\:w-4::after{width:1rem;}
+.aria-\[orientation\=horizontal\]\:after\:h-1[aria-orientation=horizontal]::after{height:0.25rem;}
+.aria-\[orientation\=horizontal\]\:after\:w-full[aria-orientation=horizontal]::after{width:100%;}
+.file\:h-6::file-selector-button{height:1.5rem;}
+.\*\:data-\[slot\=select-value\]\:flex > *[data-slot=select-value],
+.flex{display:flex;}
+.inline-flex{display:inline-flex;}
+.file\:inline-flex::file-selector-button{display:inline-flex;}
+.flex-1{flex:1 1 0%;}
+.\[\&_svg\]\:shrink-0 svg,
+.shrink-0{flex-shrink:0;}
+.flex-shrink{flex-shrink:1;}
+.flex-grow,
+.grow{flex-grow:1;}
+.grow-0{flex-grow:0;}
+.basis-full{flex-basis:100%;}
+.flex-row{flex-direction:row;}
+.flex-row-reverse{flex-direction:row-reverse;}
+.aria-\[orientation\=vertical\]\:flex-col[aria-orientation=vertical],
+.flex-col,
+.has-\[\>\[data-align\=block-end\]\]\:flex-col:has(>[data-align=block-end]),
+.has-\[\>\[data-align\=block-start\]\]\:flex-col:has(>[data-align=block-start]){flex-direction:column;}
+.flex-col-reverse{flex-direction:column-reverse;}
+.flex-wrap{flex-wrap:wrap;}
+.table{display:table;}
+.table-caption{display:table-caption;}
+.table-cell{display:table-cell;}
+.table-row{display:table-row;}
+.border-collapse{border-collapse:collapse;}
+.caption-bottom{caption-side:bottom;}
+.origin-top-center{transform-origin:top center;}
+.-translate-x-1\/2{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.-translate-y-1\/2{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--un-translate-y:0.25rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.data-\[side\=left\]\:-translate-x-1[data-side=left]{--un-translate-x:-0.25rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.data-\[side\=right\]\:translate-x-1[data-side=right]{--un-translate-x:0.25rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.data-\[side\=top\]\:-translate-y-1[data-side=top]{--un-translate-y:-0.25rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.translate-y-\[calc\(-50\%_-_2px\)\]{--un-translate-y:calc(-50% - 2px);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.translate-y-0{--un-translate-y:0;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.after\:-translate-x-1\/2::after{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.aria-\[orientation\=horizontal\]\:after\:-translate-y-1\/2[aria-orientation=horizontal]::after{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.aria-\[orientation\=horizontal\]\:after\:translate-x-0[aria-orientation=horizontal]::after{--un-translate-x:0;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.\[\&\[aria-orientation\=horizontal\]\>div\]\:rotate-90[aria-orientation=horizontal]>div,
+.rotate-90{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:90deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.rotate-45{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:45deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+@keyframes bounce{0%, 100% {transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8,0,1,1)} 50% {transform:translateY(0);animation-timing-function:cubic-bezier(0,0,0.2,1)}}
+@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}
+@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
+.animate-bounce{animation:bounce 1s linear infinite;}
+.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}
+.animate-spin{animation:spin 1s linear infinite;}
+.data-\[align-trigger\=true\]\:animate-none[data-align-trigger=true]{animation:none;}
+.cursor-default{cursor:default;}
+.cursor-pointer{cursor:pointer;}
+.cursor-text{cursor:text;}
+.disabled\:cursor-not-allowed:disabled{cursor:not-allowed;}
+.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed;}
+.touch-manipulation{touch-action:manipulation;}
+.touch-none{touch-action:none;}
+.select-none{-webkit-user-select:none;user-select:none;}
+.resize{resize:both;}
+.resize-none{resize:none;}
+.scroll-my-1{scroll-margin-top:0.25rem;scroll-margin-bottom:0.25rem;}
+.scroll-py-1{scroll-padding-top:0.25rem;scroll-padding-bottom:0.25rem;}
+.list-decimal{list-style-type:decimal;}
+.list-disc{list-style-type:disc;}
+.list-none{list-style-type:none;}
+.place-content-center{place-content:center;}
+.place-items-center{place-items:center;}
+.items-start{align-items:flex-start;}
+.items-end{align-items:flex-end;}
+.\*\:data-\[slot\=select-value\]\:items-center > *[data-slot=select-value],
+.items-center{align-items:center;}
+.items-stretch{align-items:stretch;}
+.self-start{align-self:flex-start;}
+.justify-start{justify-content:flex-start;}
+.justify-center{justify-content:center;}
+.justify-between{justify-content:space-between;}
+.justify-self-end{justify-self:end;}
+.\*\:data-\[slot\=select-value\]\:gap-1\.5 > *[data-slot=select-value],
+.gap-1\.5{gap:0.375rem;}
+.data-\[size\=sm\]\:gap-3[data-size=sm],
+.gap-3{gap:0.75rem;}
+.gap-\[--spacing\(var\(--gap\)\)\]{gap:var(--spacing(var(--gap)));}
+.gap-0{gap:0;}
+.gap-0\.5{gap:0.125rem;}
+.gap-1{gap:0.25rem;}
+.gap-2{gap:0.5rem;}
+.gap-2\.5{gap:0.625rem;}
+.gap-4{gap:1rem;}
+.has-data-\[slot\=alert-dialog-media\]\:gap-x-4:has([data-slot=alert-dialog-media]){column-gap:1rem;}
+.-space-x-2>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(calc(0.5rem * calc(1 - var(--un-space-x-reverse))) * -1);margin-right:calc(calc(0.5rem * var(--un-space-x-reverse)) * -1);}
+.space-y-2>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.5rem * var(--un-space-y-reverse));}
+.space-y-4>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(1rem * var(--un-space-y-reverse));}
+.data-\[state\=closed\]\:overflow-hidden[data-state=closed],
+.group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden,
+.overflow-hidden{overflow:hidden;}
+.overflow-x-auto{overflow-x:auto;}
+.overflow-x-hidden{overflow-x:hidden;}
+.overflow-y-auto{overflow-y:auto;}
+.whitespace-nowrap{white-space:nowrap;}
+.break-all{word-break:break-all;}
+.\[\&_tr\:last-child\]\:border-0 tr:last-child,
+.border-0{border-width:0px;}
+.border{border-width:1px;}
+.border-\[1\.5px\]{border-width:1.5px;}
+.after\:border::after{border-width:1px;}
+.file\:border-0::file-selector-button{border-width:0px;}
+.border-y{border-top-width:1px;border-bottom-width:1px;}
+.\[\&_tr\]\:border-b tr,
+.border-b,
+.data-\[side\=top\]\:border-b[data-side=top],
+.data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction=top],
+.not-last\:border-b:not(:last-child){border-bottom-width:1px;}
+.border-l-2{border-left-width:2px;}
+.border-r,
+.data-\[side\=left\]\:border-r[data-side=left],
+.data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction=left]{border-right-width:1px;}
+.border-t,
+.data-\[side\=bottom\]\:border-t[data-side=bottom],
+.data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction=bottom]{border-top-width:1px;}
+.data-\[side\=right\]\:border-l[data-side=right],
+.data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction=right]{border-left-width:1px;}
+.first\:border-l:first-child{border-left-width:1px;}
+.\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0px;}
+.border-\[rgba\(139\,140\,244\,0\.25\)\]{--un-border-opacity:0.25;border-color:rgba(139, 140, 244, var(--un-border-opacity));}
+.border-\[rgba\(163\,171\,169\,0\.2\)\]{--un-border-opacity:0.2;border-color:rgba(163, 171, 169, var(--un-border-opacity));}
+.border-\[rgba\(172\,195\,179\,0\.4\)\]{--un-border-opacity:0.4;border-color:rgba(172, 195, 179, var(--un-border-opacity));}
+.border-\[rgba\(232\,171\,127\,0\.25\)\]{--un-border-opacity:0.25;border-color:rgba(232, 171, 127, var(--un-border-opacity));}
+.border-\[rgba\(44\,65\,66\,0\.6\)\]{--un-border-opacity:0.6;border-color:rgba(44, 65, 66, var(--un-border-opacity));}
+.border-\[rgba\(75\,94\,83\,0\.4\)\]{--un-border-opacity:0.4;border-color:rgba(75, 94, 83, var(--un-border-opacity));}
+.border-ethereal-teal\/60{border-color:rgb(44 65 66 / 0.6);}
+.border-fog-green\/40{border-color:rgb(75 94 83 / 0.4);}
+.border-interface-iris\/20{border-color:rgb(139 140 244 / 0.2);}
+.border-terminal-amber\/20{border-color:rgb(232 171 127 / 0.2);}
+.border-transparent{border-color:transparent;}
+.hover\:border-\[\#A3ABA9\]:hover{--un-border-opacity:1;border-color:rgb(163 171 169 / var(--un-border-opacity));}
+.hover\:border-\[\#ACC3B3\]:hover{--un-border-opacity:1;border-color:rgb(172 195 179 / var(--un-border-opacity));}
+.focus-visible\:border-\[\#ACC3B3\]:focus-visible{--un-border-opacity:1;border-color:rgb(172 195 179 / var(--un-border-opacity));}
+.\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\]>kbd{border-radius:calc(var(--radius) - 5px);}
+.data-\[range-middle\=true\]\:rounded-none[data-range-middle=true],
+.data-\[selected\=true\]\:rounded-none[data-selected=true],
+.data-\[variant\=line\]\:rounded-none[data-variant=line],
+.group\/toggle-group[data-spacing=0] .group-data-\[spacing\=0\]\/toggle-group\:rounded-none,
+.rounded-none{border-radius:0;}
+.data-\[size\=sm\]\:rounded-\[min\(var\(--radius-md\)\,10px\)\][data-size=sm]{border-radius:min(var(--radius-md),10px);}
+.group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:rounded-lg,
+.rounded-lg{border-radius:0.5rem;}
+.rounded{border-radius:0.25rem;}
+.rounded-\[2px\]{border-radius:2px;}
+.rounded-\[3px\]{border-radius:3px;}
+.rounded-\[4px\]{border-radius:4px;}
+.rounded-\[calc\(var\(--radius\)-3px\)\]{border-radius:calc(var(--radius) - 3px);}
+.rounded-\[inherit\]{border-radius:inherit;}
+.rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md),12px);}
+.rounded-full{border-radius:9999px;}
+.rounded-lg\!{border-radius:0.5rem !important;}
+.rounded-md{border-radius:0.375rem;}
+.rounded-sm{border-radius:0.125rem;}
+.rounded-xl{border-radius:0.75rem;}
+.rounded-xl\!{border-radius:0.75rem !important;}
+.after\:rounded-full::after{border-radius:9999px;}
+.data-\[vaul-drawer-direction\=bottom\]\:rounded-t-xl[data-vaul-drawer-direction=bottom],
+.rounded-t-xl{border-top-left-radius:0.75rem;border-top-right-radius:0.75rem;}
+.data-\[vaul-drawer-direction\=left\]\:rounded-r-xl[data-vaul-drawer-direction=left]{border-top-right-radius:0.75rem;border-bottom-right-radius:0.75rem;}
+.data-\[vaul-drawer-direction\=right\]\:rounded-l-xl[data-vaul-drawer-direction=right]{border-top-left-radius:0.75rem;border-bottom-left-radius:0.75rem;}
+.data-\[vaul-drawer-direction\=top\]\:rounded-b-xl[data-vaul-drawer-direction=top],
+.rounded-b-xl{border-bottom-left-radius:0.75rem;border-bottom-right-radius:0.75rem;}
+.first\:rounded-l-lg:first-child{border-top-left-radius:0.5rem;border-bottom-left-radius:0.5rem;}
+.last\:rounded-r-lg:last-child{border-top-right-radius:0.5rem;border-bottom-right-radius:0.5rem;}
+.rounded-tl-sm{border-top-left-radius:0.125rem;}
+.border-dashed{border-style:dashed;}
+.bg-\[\#0A0F11\],
+.bg-deep-command{--un-bg-opacity:1;background-color:rgb(10 15 17 / var(--un-bg-opacity)) /* #0A0F11 */;}
+.bg-\[\#8B8CF4\],
+.bg-interface-iris{--un-bg-opacity:1;background-color:rgb(139 140 244 / var(--un-bg-opacity)) /* #8B8CF4 */;}
+.bg-\[\#ACC3B3\],
+.bg-horizon-glow{--un-bg-opacity:1;background-color:rgb(172 195 179 / var(--un-bg-opacity)) /* #ACC3B3 */;}
+.bg-\[\#E8AB7F\],
+.bg-terminal-amber{--un-bg-opacity:1;background-color:rgb(232 171 127 / var(--un-bg-opacity)) /* #E8AB7F */;}
+.bg-\[rgba\(139\,140\,244\,0\.1\)\]{--un-bg-opacity:0.1;background-color:rgba(139, 140, 244, var(--un-bg-opacity)) /* rgba(139,140,244,0.1) */;}
+.bg-\[rgba\(232\,171\,127\,0\.1\)\]{--un-bg-opacity:0.1;background-color:rgba(232, 171, 127, var(--un-bg-opacity)) /* rgba(232,171,127,0.1) */;}
+.bg-\[rgba\(44\,65\,66\,0\.4\)\]{--un-bg-opacity:0.4;background-color:rgba(44, 65, 66, var(--un-bg-opacity)) /* rgba(44,65,66,0.4) */;}
+.bg-\[rgba\(75\,94\,83\,0\.3\)\]{--un-bg-opacity:0.3;background-color:rgba(75, 94, 83, var(--un-bg-opacity)) /* rgba(75,94,83,0.3) */;}
+.bg-black\/10{background-color:rgb(0 0 0 / 0.1) /* #000 */;}
+.bg-ethereal-teal{--un-bg-opacity:1;background-color:rgb(44 65 66 / var(--un-bg-opacity)) /* #2C4142 */;}
+.bg-ethereal-teal\/30{background-color:rgb(44 65 66 / 0.3) /* #2C4142 */;}
+.bg-fog-green{--un-bg-opacity:1;background-color:rgb(75 94 83 / var(--un-bg-opacity)) /* #4B5E53 */;}
+.bg-formant-white{--un-bg-opacity:1;background-color:rgb(242 243 244 / var(--un-bg-opacity)) /* #F2F3F4 */;}
+.bg-interface-iris\/10{background-color:rgb(139 140 244 / 0.1) /* #8B8CF4 */;}
+.bg-slate-mist{--un-bg-opacity:1;background-color:rgb(32 36 40 / var(--un-bg-opacity)) /* #202428 */;}
+.bg-system-neutral{--un-bg-opacity:1;background-color:rgb(163 171 169 / var(--un-bg-opacity)) /* #A3ABA9 */;}
+.bg-terminal-amber\/10{background-color:rgb(232 171 127 / 0.1) /* #E8AB7F */;}
+.bg-transparent,
+.dark .dark\:bg-transparent,
+.group\/tabs-list[data-variant=line] .group-data-\[variant\=line\]\/tabs-list\:bg-transparent{background-color:transparent /* transparent */;}
+.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity)) /* #fff */;}
+.hover\:bg-\[\#f0c090\]:hover{--un-bg-opacity:1;background-color:rgb(240 192 144 / var(--un-bg-opacity)) /* #f0c090 */;}
+.hover\:bg-\[\#F2F3F4\]:hover{--un-bg-opacity:1;background-color:rgb(242 243 244 / var(--un-bg-opacity)) /* #F2F3F4 */;}
+.hover\:bg-\[rgba\(172\,195\,179\,0\.08\)\]:hover{--un-bg-opacity:0.08;background-color:rgba(172, 195, 179, var(--un-bg-opacity)) /* rgba(172,195,179,0.08) */;}
+.dark .dark\:disabled\:bg-transparent:disabled{background-color:transparent /* transparent */;}
+.disabled\:bg-transparent:disabled{background-color:transparent /* transparent */;}
+.file\:bg-transparent::file-selector-button{background-color:transparent /* transparent */;}
+.bg-clip-padding{-webkit-background-clip:padding-box;background-clip:padding-box;}
+.object-cover{object-fit:cover;}
+.group\/card[data-size=sm] .group-data-\[size\=sm\]\/card\:p-3,
+.p-3{padding:0.75rem;}
+.has-\[\>svg\]\:p-0:has(>svg),
+.p-0{padding:0;}
+.p-\[3px\]{padding:3px;}
+.p-1{padding:0.25rem;}
+.p-2{padding:0.5rem;}
+.p-2\.5{padding:0.625rem;}
+.p-4{padding:1rem;}
+.p-px{padding:1px;}
+.data-\[size\=sm\]\:py-3[data-size=sm],
+.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}
+.group\/card[data-size=sm] .group-data-\[size\=sm\]\/card\:px-3,
+.px-3{padding-left:0.75rem;padding-right:0.75rem;}
+.group\/toggle-group[data-spacing=0] .group-data-\[spacing\=0\]\/toggle-group\:px-2,
+.px-2{padding-left:0.5rem;padding-right:0.5rem;}
+.px-1{padding-left:0.25rem;padding-right:0.25rem;}
+.px-1\.5{padding-left:0.375rem;padding-right:0.375rem;}
+.px-2\.5{padding-left:0.625rem;padding-right:0.625rem;}
+.px-4{padding-left:1rem;padding-right:1rem;}
+.px-6{padding-left:1.5rem;padding-right:1.5rem;}
+.py-\[2px\]{padding-top:2px;padding-bottom:2px;}
+.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem;}
+.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}
+.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem;}
+.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}
+.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem;}
+.py-4{padding-top:1rem;padding-bottom:1rem;}
+.py-6{padding-top:1.5rem;padding-bottom:1.5rem;}
+.group\/input-group:has(>input) .group-has-\[\>input\]\/input-group\:pb-2,
+.pb-2{padding-bottom:0.5rem;}
+.group\/input-group:has(>input) .group-has-\[\>input\]\/input-group\:pt-2,
+.pt-2{padding-top:0.5rem;}
+.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0;}
+.\*\:data-\[slot\=input-group-addon\]\:pl-2\! > *[data-slot=input-group-addon]{padding-left:0.5rem !important;}
+.data-\[size\=sm\]\:has-data-\[slot\=card-footer\]\:pb-0[data-size=sm]:has([data-slot=card-footer]),
+.has-data-\[slot\=card-footer\]\:pb-0:has([data-slot=card-footer]),
+.pb-0{padding-bottom:0;}
+.group\/toggle-group[data-spacing=0] .group-data-\[spacing\=0\]\/toggle-group\:has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]),
+.has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-1\.5:has(undefined),
+.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]),
+.has-data-\[slot\=kbd\]\:pr-1\.5:has([data-slot=kbd]),
+.pr-1\.5{padding-right:0.375rem;}
+.group\/toggle-group[data-spacing=0] .group-data-\[spacing\=0\]\/toggle-group\:has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]),
+.has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-1\.5:has(undefined),
+.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]),
+.pl-1\.5{padding-left:0.375rem;}
+.has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has(undefined),
+.pt-3{padding-top:0.75rem;}
+.has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has(undefined),
+.pb-3{padding-bottom:0.75rem;}
+.has-\[\>img\:first-child\]\:pt-0:has(>img:first-child),
+.pt-0{padding-top:0;}
+.has-\[\>svg\]\:pl-10:has(>svg){padding-left:2.5rem;}
+.has-data-\[icon\=inline-end\]\:pr-1:has([data-icon=inline-end]){padding-right:0.25rem;}
+.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]),
+.pr-2{padding-right:0.5rem;}
+.has-data-\[icon\=inline-start\]\:pl-1:has([data-icon=inline-start]){padding-left:0.25rem;}
+.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]),
+.pl-2{padding-left:0.5rem;}
+.pb-2\.5{padding-bottom:0.625rem;}
+.pl-1\.5\!{padding-left:0.375rem !important;}
+.pl-2\.5{padding-left:0.625rem;}
+.pl-3{padding-left:0.75rem;}
+.pl-4{padding-left:1rem;}
+.pl-7{padding-left:1.75rem;}
+.pr-1\.5\!{padding-right:0.375rem !important;}
+.pr-10{padding-right:2.5rem;}
+.pr-8{padding-right:2rem;}
+.pt-4{padding-top:1rem;}
+.group\/drawer-content[data-vaul-drawer-direction=bottom] .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center,
+.group\/drawer-content[data-vaul-drawer-direction=top] .group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center,
+.text-center{text-align:center;}
+.text-left{text-align:left;}
+.text-wrap{text-wrap:wrap;}
+.text-balance{text-wrap:balance;}
+.align-middle{vertical-align:middle;}
+.\[\&\>span\]\:text-xs>span,
+.group\/avatar[data-size=sm] .group-data-\[size\=sm\]\/avatar\:text-xs,
+.text-xs{font-size:0.75rem;line-height:1rem;}
+.group\/card[data-size=sm] .group-data-\[size\=sm\]\/card\:text-sm,
+.text-sm{font-size:0.875rem;line-height:1.25rem;}
+.text-\[0\.8rem\]{font-size:0.8rem;}
+.text-\[10px\]{font-size:10px;}
+.text-base{font-size:1rem;line-height:1.5rem;}
+.text-lg{font-size:1.125rem;line-height:1.75rem;}
+.file\:text-sm::file-selector-button{font-size:0.875rem;line-height:1.25rem;}
+.text-\[\#0A0F11\],
+.text-deep-command{--un-text-opacity:1;color:rgb(10 15 17 / var(--un-text-opacity)) /* #0A0F11 */;}
+.text-\[\#8B8CF4\],
+.text-interface-iris{--un-text-opacity:1;color:rgb(139 140 244 / var(--un-text-opacity)) /* #8B8CF4 */;}
+.text-\[\#A3ABA9\],
+.text-system-neutral{--un-text-opacity:1;color:rgb(163 171 169 / var(--un-text-opacity)) /* #A3ABA9 */;}
+.text-\[\#ACC3B3\],
+.text-horizon-glow{--un-text-opacity:1;color:rgb(172 195 179 / var(--un-text-opacity)) /* #ACC3B3 */;}
+.text-\[\#E8AB7F\],
+.text-terminal-amber{--un-text-opacity:1;color:rgb(232 171 127 / var(--un-text-opacity)) /* #E8AB7F */;}
+.text-\[\#F2F3F4\],
+.text-formant-white{--un-text-opacity:1;color:rgb(242 243 244 / var(--un-text-opacity)) /* #F2F3F4 */;}
+.text-current{color:currentColor /* currentColor */;}
+.text-ethereal-teal{--un-text-opacity:1;color:rgb(44 65 66 / var(--un-text-opacity)) /* #2C4142 */;}
+.text-fog-green{--un-text-opacity:1;color:rgb(75 94 83 / var(--un-text-opacity)) /* #4B5E53 */;}
+.text-slate-mist{--un-text-opacity:1;color:rgb(32 36 40 / var(--un-text-opacity)) /* #202428 */;}
+.hover\:text-\[\#F2F3F4\]:hover{--un-text-opacity:1;color:rgb(242 243 244 / var(--un-text-opacity)) /* #F2F3F4 */;}
+.placeholder\:text-\[rgba\(163\,171\,169\,0\.5\)\]::placeholder{--un-text-opacity:0.5;color:rgba(163, 171, 169, var(--un-text-opacity)) /* rgba(163,171,169,0.5) */;}
+.font-bold{font-weight:700;}
+.font-medium{font-weight:500;}
+.font-normal{font-weight:400;}
+.font-semibold{font-weight:600;}
+.file\:font-medium::file-selector-button{font-weight:500;}
+.leading-none{line-height:1;}
+.leading-relaxed{line-height:1.625;}
+.leading-snug{line-height:1.375;}
+.tracking-\[0\.15em\]{letter-spacing:0.15em;}
+.tracking-tight{letter-spacing:-0.025em;}
+.tracking-wider{letter-spacing:0.05em;}
+.tracking-widest{letter-spacing:0.1em;}
+.font-heading{font-family:Space Grotesk,sans-serif;}
+.font-mono{font-family:JetBrains Mono,monospace;}
+.uppercase{text-transform:uppercase;}
+.lowercase{text-transform:lowercase;}
+.capitalize{text-transform:capitalize;}
+.italic{font-style:italic;}
+.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction);}
+.\[\&_a\]\:underline a,
+.underline{text-decoration-line:underline;}
+.line-through{text-decoration-line:line-through;}
+.overline{text-decoration-line:overline;}
+.hover\:underline:hover{text-decoration-line:underline;}
+.\[\&_a\]\:underline-offset-3 a{text-underline-offset:3px;}
+.underline-offset-4{text-underline-offset:4px;}
+.hover\:no-underline:hover{text-decoration:none;}
+.\[\&\>span\]\:opacity-70>span{opacity:0.7;}
+.aria-disabled\:opacity-50[aria-disabled="true"],
+.data-\[disabled\=true\]\:opacity-50[data-disabled=true],
+.group[data-disabled=true] .group-data-\[disabled\=true\]\:opacity-50,
+.group\/input-group[data-disabled=true] .group-data-\[disabled\=true\]\/input-group\:opacity-50,
+.has-disabled\:opacity-50:has(:disabled),
+.opacity-50,
+.group\/field:has(:disabled) .group-has-disabled\/field\:opacity-50,
+.peer:disabled~.peer-disabled\:opacity-50{opacity:0.5;}
+.group\/command-item[data-checked=true] .group-data-\[checked\=true\]\/command-item\:opacity-100,
+.group:hover .group-hover\:opacity-100{opacity:1;}
+.opacity-0{opacity:0;}
+.opacity-90{opacity:0.9;}
+.hover\:opacity-90:hover{opacity:0.9;}
+.disabled\:opacity-50:disabled{opacity:0.5;}
+.after\:opacity-0::after{opacity:0;}
+.bg-blend-color{background-blend-mode:color;}
+.after\:mix-blend-darken::after{mix-blend-mode:darken;}
+.dark .dark\:after\:mix-blend-lighten::after{mix-blend-mode:lighten;}
+.group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:shadow,
+.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
+.shadow-lg{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
+.shadow-md{--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
+.shadow-none{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
+.shadow-none\!{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0)) !important;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow) !important;}
+.shadow-xl{--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
+.focus-visible\:outline-1:focus-visible{outline-width:1px;}
+.outline{outline-style:solid;}
+.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer,
+.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector,
+.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface,
+.outline-hidden{outline-style:hidden;}
+.focus-visible\:outline-hidden:focus-visible{outline-style:hidden;}
+.outline-none{outline:2px solid transparent;outline-offset:2px;}
+.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px;}
+.\*\:data-\[slot\=avatar\]\:ring-2 > *[data-slot=avatar],
+.ring-2{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
+.data-\[active\=true\]\:ring-3[data-active=true],
+.has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-3:has([data-slot][aria-invalid=true]),
+.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-3:has([data-slot=input-group-control]:focus-visible){--un-ring-width:3px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
+.group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:ring-1,
+.ring-1{--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
+.ring-0{--un-ring-width:0px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
+.hover\:ring-3:hover{--un-ring-width:3px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
+.focus-visible\:ring-0:focus-visible{--un-ring-width:0px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
+.focus-visible\:ring-1:focus-visible{--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
+.focus-visible\:ring-3:focus-visible{--un-ring-width:3px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
+.active\:ring-3:active{--un-ring-width:3px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
+.backdrop-filter{-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
+.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
+.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
+.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
+.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
+.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
+.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
+.after\:transition-opacity::after{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
+.duration-100{transition-duration:100ms;}
+.duration-1000{transition-duration:1000ms;}
+.duration-200{transition-duration:200ms;}
+.duration-300,
+.group\/navigation-menu[data-viewport=false] .group-data-\[viewport\=false\]\/navigation-menu\:duration-300{transition-duration:300ms;}
+.ease,
+.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
+.ease-\[cubic-bezier\(0\.22\,1\,0\.36\,1\)\]{transition-timing-function:cubic-bezier(0.22,1,0.36,1);}
+.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}
+.transition-none{transition:none;}
+.field-sizing-content{field-sizing:content;}
+@media (min-width: 640px){
+.group\/alert-dialog-content[data-size=default] .sm\:group-data-\[size\=default\]\/alert-dialog-content\:row-span-2{grid-row:span 2/span 2;}
+.group\/alert-dialog-content[data-size=default] .sm\:group-data-\[size\=default\]\/alert-dialog-content\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_1fr\]:has([data-slot=alert-dialog-media]){grid-template-rows:auto 1fr;}
+.sm\:block{display:block;}
+.data-\[side\=left\]\:sm\:max-w-sm[data-side=left],
+.data-\[side\=right\]\:sm\:max-w-sm[data-side=right],
+.data-\[size\=default\]\:sm\:max-w-sm[data-size=default],
+.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],
+.sm\:max-w-sm{max-width:24rem;}
+.sm\:flex-row{flex-direction:row;}
+.group\/alert-dialog-content[data-size=default] .sm\:group-data-\[size\=default\]\/alert-dialog-content\:place-items-start{place-items:start;}
+.sm\:justify-end{justify-content:flex-end;}
+.group\/alert-dialog-content[data-size=default] .sm\:group-data-\[size\=default\]\/alert-dialog-content\:text-left{text-align:left;}
 }
-
-* {
-  box-sizing: border-box;
-  border-color: var(--border);
+@media (min-width: 768px){
+.md\:absolute{position:absolute;}
+.md\:w-auto{width:auto;}
+.md\:flex-row{flex-direction:row;}
+.md\:gap-0\.5{gap:0.125rem;}
+.md\:text-left{text-align:left;}
+.md\:text-pretty{text-wrap:pretty;}
 }
-
-body {
-  background-color: var(--background);
-  color: var(--foreground);
-  font-family: var(--font-sans);
-  margin: 0;
-  min-height: 100vh;
-}
-
-html {
-  font-family: var(--font-sans);
-}
-
-h1, h2, h3, h4, h5, h6 {
-  font-family: var(--font-heading);
-  letter-spacing: -0.02em;
-  margin: 0;
-}
-
-p { margin: 0; }
-
-a {
-  color: inherit;
-  text-decoration: none;
-}
-
-button {
-  font-family: inherit;
-}
-
-/* Flex & Layout */
-.flex { display: flex; }
-.inline-flex { display: inline-flex; }
-.grid { display: grid; }
-.block { display: block; }
-.inline { display: inline; }
-.hidden { display: none; }
-.contents { display: contents; }
-
-/* Grid */
-.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)); }
-
-/* Flex direction */
-.flex-row { flex-direction: row; }
-.flex-col { flex-direction: column; }
-.flex-row-reverse { flex-direction: row-reverse; }
-.flex-col-reverse { flex-direction: column-reverse; }
-
-/* Flex wrap */
-.flex-wrap { flex-wrap: wrap; }
-.flex-nowrap { flex-wrap: nowrap; }
-
-/* Alignment */
-.items-start { align-items: flex-start; }
-.items-end { align-items: flex-end; }
-.items-center { align-items: center; }
-.items-baseline { align-items: baseline; }
-.items-stretch { align-items: stretch; }
-
-.justify-start { justify-content: flex-start; }
-.justify-end { justify-content: flex-end; }
-.justify-center { justify-content: center; }
-.justify-between { justify-content: space-between; }
-.justify-around { justify-content: space-around; }
-.justify-evenly { justify-content: space-evenly; }
-
-/* Flex properties */
-.flex-1 { flex: 1 1 0%; }
-.flex-auto { flex: 1 1 auto; }
-.flex-initial { flex: 0 1 auto; }
-.flex-none { flex: none; }
-.shrink-0 { flex-shrink: 0; }
-.shrink { flex-shrink: 1; }
-.grow { flex-grow: 1; }
-.grow-0 { flex-grow: 0; }
-
-/* Spacing - Padding */
-.p-0 { padding: 0; }
-.p-1 { padding: 0.25rem; }
-.p-2 { padding: 0.5rem; }
-.p-3 { padding: 0.75rem; }
-.p-4 { padding: 1rem; }
-.p-5 { padding: 1.25rem; }
-.p-6 { padding: 1.5rem; }
-.p-8 { padding: 2rem; }
-
-.px-0 { padding-left: 0; padding-right: 0; }
-.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
-.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
-.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
-.px-4 { padding-left: 1rem; padding-right: 1rem; }
-.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
-.px-8 { padding-left: 2rem; padding-right: 2rem; }
-
-.py-0 { padding-top: 0; padding-bottom: 0; }
-.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
-.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
-.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
-.py-4 { padding-top: 1rem; padding-bottom: 1rem; }
-.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
-.py-8 { padding-top: 2rem; padding-bottom: 2rem; }
-
-.pb-0 { padding-bottom: 0; }
-.pb-2 { padding-bottom: 0.5rem; }
-.pb-4 { padding-bottom: 1rem; }
-.pb-6 { padding-bottom: 1.5rem; }
-
-.pt-0 { padding-top: 0; }
-.pt-4 { padding-top: 1rem; }
-.pt-6 { padding-top: 1.5rem; }
-
-.pl-4 { padding-left: 1rem; }
-.pl-8 { padding-left: 2rem; }
-
-.pr-2 { padding-right: 0.5rem; }
-.pr-4 { padding-right: 1rem; }
-
-/* Spacing - Margin */
-.m-0 { margin: 0; }
-.m-1 { margin: 0.25rem; }
-.m-2 { margin: 0.5rem; }
-.m-4 { margin: 1rem; }
-.m-auto { margin: auto; }
-
-.mx-auto { margin-left: auto; margin-right: auto; }
-.mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
-.mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
-.mx-4 { margin-left: 1rem; margin-right: 1rem; }
-
-.my-0 { margin-top: 0; margin-bottom: 0; }
-.my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; }
-.my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
-.my-4 { margin-top: 1rem; margin-bottom: 1rem; }
-
-.mb-0 { margin-bottom: 0; }
-.mb-1 { margin-bottom: 0.25rem; }
-.mb-2 { margin-bottom: 0.5rem; }
-.mb-4 { margin-bottom: 1rem; }
-.mb-6 { margin-bottom: 1.5rem; }
-.mb-8 { margin-bottom: 2rem; }
-
-.mt-0 { margin-top: 0; }
-.mt-1 { margin-top: 0.25rem; }
-.mt-2 { margin-top: 0.5rem; }
-.mt-4 { margin-top: 1rem; }
-.mt-6 { margin-top: 1.5rem; }
-.mt-8 { margin-top: 2rem; }
-
-.ml-1 { margin-left: 0.25rem; }
-.ml-2 { margin-left: 0.5rem; }
-.ml-4 { margin-left: 1rem; }
-.ml-auto { margin-left: auto; }
-
-.mr-1 { margin-right: 0.25rem; }
-.mr-2 { margin-right: 0.5rem; }
-.mr-4 { margin-right: 1rem; }
-
-.-mx-1 { margin-left: -0.25rem; margin-right: -0.25rem; }
-.-mx-4 { margin-left: -1rem; margin-right: -1rem; }
-
-.-my-1 { margin-top: -0.25rem; margin-bottom: -0.25rem; }
-.-mb-4 { margin-bottom: -1rem; }
-
-/* Gap */
-.gap-0 { gap: 0; }
-.gap-1 { gap: 0.25rem; }
-.gap-2 { gap: 0.5rem; }
-.gap-3 { gap: 0.75rem; }
-.gap-4 { gap: 1rem; }
-.gap-6 { gap: 1.5rem; }
-.gap-8 { gap: 2rem; }
-
-/* Space between */
-.space-y-0 > * + * { margin-top: 0; }
-.space-y-1 > * + * { margin-top: 0.25rem; }
-.space-y-2 > * + * { margin-top: 0.5rem; }
-.space-y-4 > * + * { margin-top: 1rem; }
-.space-y-6 > * + * { margin-top: 1.5rem; }
-.space-y-8 > * + * { margin-top: 2rem; }
-
-.space-x-0 > * + * { margin-left: 0; }
-.space-x-1 > * + * { margin-left: 0.25rem; }
-.space-x-2 > * + * { margin-left: 0.5rem; }
-.space-x-4 > * + * { margin-left: 1rem; }
-.space-x-8 > * + * { margin-left: 2rem; }
-
-/* Width */
-.w-full { width: 100%; }
-.w-auto { width: auto; }
-.w-fit { width: fit-content; }
-.w-min { width: min-content; }
-.w-max { width: max-content; }
-
-/* Height */
-.h-full { height: 100%; }
-.h-auto { height: auto; }
-.h-fit { height: fit-content; }
-.h-min { height: min-content; }
-.h-max { height: max-content; }
-
-/* Size */
-.size-4 { width: 1rem; height: 1rem; }
-.size-8 { width: 2rem; height: 2rem; }
-.size-9 { width: 2.25rem; height: 2.25rem; }
-.size-10 { width: 2.5rem; height: 2.5rem; }
-
-/* Min/Max width */
-.min-w-0 { min-width: 0px; }
-.min-w-full { min-width: 100%; }
-.min-w-fit { min-width: fit-content; }
-.min-w-max { min-width: max-content; }
-.min-w-min { min-width: min-content; }
-
-.max-w-full { max-width: 100%; }
-.max-w-sm { max-width: 24rem; }
-.max-w-md { max-width: 28rem; }
-.max-w-lg { max-width: 32rem; }
-.max-w-xl { max-width: 36rem; }
-.max-w-2xl { max-width: 42rem; }
-.max-w-3xl { max-width: 48rem; }
-.max-w-4xl { max-width: 56rem; }
-.max-w-5xl { max-width: 64rem; }
-.max-w-96 { max-width: 24rem; }
-.max-w-fit { max-width: fit-content; }
-
-/* Min/Max height */
-.min-h-full { min-height: 100%; }
-.min-h-screen { min-height: 100vh; }
-.min-h-svh { min-height: 100svh; }
-
-.max-h-full { max-height: 100%; }
-.max-h-screen { max-height: 100vh; }
-
-/* Position */
-.relative { position: relative; }
-.absolute { position: absolute; }
-.fixed { position: fixed; }
-.sticky { position: sticky; }
-.static { position: static; }
-
-.inset-0 { top: 0; right: 0; bottom: 0; left: 0; }
-.inset-x-0 { left: 0; right: 0; }
-.inset-y-0 { top: 0; bottom: 0; }
-
-.top-0 { top: 0; }
-.top-1 { top: 0.25rem; }
-.top-2 { top: 0.5rem; }
-.top-4 { top: 1rem; }
-.top-full { top: 100%; }
-
-.bottom-0 { bottom: 0; }
-.bottom-2 { bottom: 0.5rem; }
-.bottom-4 { bottom: 1rem; }
-.bottom-full { bottom: 100%; }
-
-.left-0 { left: 0; }
-.left-1 { left: 0.25rem; }
-.left-2 { left: 0.5rem; }
-.left-full { left: 100%; }
-
-.right-0 { right: 0; }
-.right-1 { right: 0.25rem; }
-.right-2 { right: 0.5rem; }
-.right-full { right: 100%; }
-
-/* Z-index */
-.z-0 { z-index: 0; }
-.z-10 { z-index: 10; }
-.z-20 { z-index: 20; }
-.z-30 { z-index: 30; }
-.z-40 { z-index: 40; }
-.z-50 { z-index: 50; }
-
-/* Overflow */
-.overflow-auto { overflow: auto; }
-.overflow-hidden { overflow: hidden; }
-.overflow-visible { overflow: visible; }
-.overflow-scroll { overflow: scroll; }
-.overflow-x-auto { overflow-x: auto; }
-.overflow-y-auto { overflow-y: auto; }
-.overflow-x-hidden { overflow-x: hidden; }
-.overflow-y-hidden { overflow-y: hidden; }
-
-/* Text overflow */
-.truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.text-ellipsis { text-overflow: ellipsis; }
-.text-clip { text-overflow: clip; }
-.whitespace-nowrap { white-space: nowrap; }
-.whitespace-pre { white-space: pre; }
-.whitespace-pre-wrap { white-space: pre-wrap; }
-.whitespace-pre-line { white-space: pre-line; }
-.whitespace-normal { white-space: normal; }
-
-/* Border Radius */
-.rounded-none { border-radius: 0; }
-.rounded-sm { border-radius: calc(var(--radius) * 0.6); }
-.rounded { border-radius: var(--radius); }
-.rounded-md { border-radius: calc(var(--radius) * 0.8); }
-.rounded-lg { border-radius: var(--radius); }
-.rounded-xl { border-radius: calc(var(--radius) * 1.4); }
-.rounded-2xl { border-radius: calc(var(--radius) * 1.8); }
-.rounded-3xl { border-radius: calc(var(--radius) * 2.2); }
-.rounded-full { border-radius: 9999px; }
-
-.rounded-t-none { border-top-left-radius: 0; border-top-right-radius: 0; }
-.rounded-t { border-top-left-radius: var(--radius); border-top-right-radius: var(--radius); }
-.rounded-b { border-bottom-left-radius: var(--radius); border-bottom-right-radius: var(--radius); }
-.rounded-b-xl { border-bottom-left-radius: calc(var(--radius) * 1.4); border-bottom-right-radius: calc(var(--radius) * 1.4); }
-.rounded-l { border-top-left-radius: var(--radius); border-bottom-left-radius: var(--radius); }
-.rounded-r { border-top-right-radius: var(--radius); border-bottom-right-radius: var(--radius); }
-.rounded-tl { border-top-left-radius: var(--radius); }
-.rounded-tr { border-top-right-radius: var(--radius); }
-.rounded-bl { border-bottom-left-radius: var(--radius); }
-.rounded-br { border-bottom-right-radius: var(--radius); }
-
-/* Border width */
-.border-0 { border-width: 0px; }
-.border { border-width: 1px; }
-.border-2 { border-width: 2px; }
-.border-4 { border-width: 4px; }
-.border-8 { border-width: 8px; }
-
-.border-t { border-top-width: 1px; }
-.border-t-2 { border-top-width: 2px; }
-.border-b { border-bottom-width: 1px; }
-.border-l { border-left-width: 1px; }
-.border-r { border-right-width: 1px; }
-
-/* Border style */
-.border-solid { border-style: solid; }
-.border-dashed { border-style: dashed; }
-.border-dotted { border-style: dotted; }
-.border-double { border-style: double; }
-.border-hidden { border-style: hidden; }
-.border-none { border-style: none; }
-
-/* Border color */
-.border-transparent { border-color: transparent; }
-.border-inherit { border-color: inherit; }
-.border-current { border-color: currentColor; }
-
-/* Background color using theme */
-.bg-background { background-color: var(--background); }
-.bg-foreground { background-color: var(--foreground); }
-.bg-card { background-color: var(--card); }
-.bg-card-foreground { background-color: var(--card-foreground); }
-.bg-popover { background-color: var(--popover); }
-.bg-popover-foreground { background-color: var(--popover-foreground); }
-.bg-primary { background-color: var(--primary); }
-.bg-primary-foreground { background-color: var(--primary-foreground); }
-.bg-secondary { background-color: var(--secondary); }
-.bg-secondary-foreground { background-color: var(--secondary-foreground); }
-.bg-muted { background-color: var(--muted); }
-.bg-muted-foreground { background-color: var(--muted-foreground); }
-.bg-accent { background-color: var(--accent); }
-.bg-accent-foreground { background-color: var(--accent-foreground); }
-.bg-destructive { background-color: var(--destructive); }
-.bg-destructive-foreground { background-color: var(--destructive-foreground); }
-.bg-border { background-color: var(--border); }
-.bg-input { background-color: var(--input); }
-.bg-ring { background-color: var(--ring); }
-.bg-transparent { background-color: transparent; }
-.bg-black { background-color: #000; }
-.bg-white { background-color: #fff; }
-
-/* Text color using theme */
-.text-background { color: var(--background); }
-.text-foreground { color: var(--foreground); }
-.text-card { color: var(--card); }
-.text-card-foreground { color: var(--card-foreground); }
-.text-popover { color: var(--popover); }
-.text-popover-foreground { color: var(--popover-foreground); }
-.text-primary { color: var(--primary); }
-.text-primary-foreground { color: var(--primary-foreground); }
-.text-secondary { color: var(--secondary); }
-.text-secondary-foreground { color: var(--secondary-foreground); }
-.text-muted { color: var(--muted); }
-.text-muted-foreground { color: var(--muted-foreground); }
-.text-accent { color: var(--accent); }
-.text-accent-foreground { color: var(--accent-foreground); }
-.text-destructive { color: var(--destructive); }
-.text-destructive-foreground { color: var(--destructive-foreground); }
-.text-transparent { color: transparent; }
-.text-black { color: #000; }
-.text-white { color: #fff; }
-
-/* Font size */
-.text-xs { font-size: 0.75rem; line-height: 1rem; }
-.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
-.text-base { font-size: 1rem; line-height: 1.5rem; }
-.text-lg { font-size: 1.125rem; line-height: 1.75rem; }
-.text-xl { font-size: 1.25rem; line-height: 1.75rem; }
-.text-2xl { font-size: 1.5rem; line-height: 2rem; }
-.text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
-
-/* Font weight */
-.font-light { font-weight: 300; }
-.font-normal { font-weight: 400; }
-.font-medium { font-weight: 500; }
-.font-semibold { font-weight: 600; }
-.font-bold { font-weight: 700; }
-
-/* Line height */
-.leading-3 { line-height: .75rem; }
-.leading-4 { line-height: 1rem; }
-.leading-5 { line-height: 1.25rem; }
-.leading-6 { line-height: 1.5rem; }
-.leading-7 { line-height: 1.75rem; }
-.leading-8 { line-height: 2rem; }
-.leading-none { line-height: 1; }
-.leading-tight { line-height: 1.25; }
-.leading-snug { line-height: 1.375; }
-.leading-normal { line-height: 1.5; }
-.leading-relaxed { line-height: 1.625; }
-
-/* Letter spacing */
-.tracking-tight { letter-spacing: -0.025em; }
-.tracking-normal { letter-spacing: 0em; }
-.tracking-wide { letter-spacing: 0.025em; }
-.tracking-wider { letter-spacing: 0.05em; }
-.tracking-widest { letter-spacing: 0.1em; }
-
-/* Text alignment */
-.text-left { text-align: left; }
-.text-center { text-align: center; }
-.text-right { text-align: right; }
-.text-justify { text-align: justify; }
-.text-start { text-align: start; }
-.text-end { text-align: end; }
-
-/* Text transform */
-.uppercase { text-transform: uppercase; }
-.lowercase { text-transform: lowercase; }
-.capitalize { text-transform: capitalize; }
-.normal-case { text-transform: none; }
-
-/* Text decoration */
-.underline { text-decoration-line: underline; }
-.overline { text-decoration-line: overline; }
-.line-through { text-decoration-line: line-through; }
-.no-underline { text-decoration-line: none; }
-
-/* Cursor */
-.cursor-auto { cursor: auto; }
-.cursor-default { cursor: default; }
-.cursor-pointer { cursor: pointer; }
-.cursor-wait { cursor: wait; }
-.cursor-text { cursor: text; }
-.cursor-move { cursor: move; }
-.cursor-help { cursor: help; }
-.cursor-not-allowed { cursor: not-allowed; }
-
-/* Pointer events */
-.pointer-events-auto { pointer-events: auto; }
-.pointer-events-none { pointer-events: none; }
-
-/* Select */
-.select-none { user-select: none; }
-.select-text { user-select: text; }
-.select-all { user-select: all; }
-.select-auto { user-select: auto; }
-
-/* Resize */
-.resize-none { resize: none; }
-.resize-y { resize: vertical; }
-.resize-x { resize: horizontal; }
-.resize { resize: both; }
-
-/* Appearance */
-.appearance-none { appearance: none; }
-
-/* Scroll behavior */
-.scroll-auto { scroll-behavior: auto; }
-.scroll-smooth { scroll-behavior: smooth; }
-
-/* List style */
-.list-none { list-style-type: none; }
-.list-disc { list-style-type: disc; }
-.list-decimal { list-style-type: decimal; }
-
-/* Outline */
-.outline-none { outline: 2px solid transparent; outline-offset: 2px; }
-
-/* Ring */
-.ring-0 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
-.ring-1 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
-.ring-2 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
-
-/* Focus ring */
-.focus-visible\:ring-2:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
-.focus-visible\:outline-none:focus-visible { outline: 2px solid transparent; outline-offset: 2px; }
-
-/* Shadow */
-.shadow-sm { box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); }
-.shadow { box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); }
-.shadow-md { box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); }
-.shadow-lg { box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); }
-.shadow-xl { box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); }
-
-/* Opacity */
-.opacity-0 { opacity: 0; }
-.opacity-25 { opacity: 0.25; }
-.opacity-50 { opacity: 0.5; }
-.opacity-75 { opacity: 0.75; }
-.opacity-100 { opacity: 1; }
-
-/* Screen readers */
-.sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
-.not-sr-only {
-  position: static;
-  width: auto;
-  height: auto;
-  padding: 0;
-  margin: 0;
-  overflow: visible;
-  clip: auto;
-  white-space: normal;
-}
-
-/* Print */
-.print\:hidden { display: none; }
-
-/* Line clamp */
-.line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
-.line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
-.line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
-
-/* Placeholder */
-.placeholder\:text-muted-foreground::placeholder { color: var(--muted-foreground); }
-
-/* File */
-.file\:border-0::file-selector-button { border-width: 0px; }
-.file\:bg-transparent::file-selector-button { background-color: transparent; }
-.file\:text-sm::file-selector-button { font-size: 0.875rem; line-height: 1.25rem; }
-.file\:font-medium::file-selector-button { font-weight: 500; }
-
-/* Marker */
-.marker\:text-foreground *::marker { color: var(--foreground); }
-
-/* Selection */
-.selection\:bg-primary *::selection { background-color: var(--primary); }
-.selection\:text-primary-foreground *::selection { color: var(--primary-foreground); }
-
-/* Animations */
-@keyframes fadeUp {
-  from { opacity: 0; transform: translateY(24px); }
-  to { opacity: 1; transform: translateY(0); }
-}
-
-.animate-fade-up { animation: fadeUp 0.7s ease forwards; }
-
-/* Section label */
-.section-label {
-  font-family: 'JetBrains Mono', monospace;
-  font-size: 10px;
-  letter-spacing: 0.3em;
-  color: #E8AB7F;
-  text-transform: uppercase;
-  display: flex;
-  align-items: center;
-  gap: 12px;
-}
-
-.section-label::before {
-  content: '';
-  display: block;
-  width: 24px;
-  height: 1px;
-  background: #E8AB7F;
-}
-
-/* Brand colors */
-.bg-deep-command { background-color: #0A0F11; }
-.bg-slate-mist { background-color: #202428; }
-.bg-formant-white { background-color: #F2F3F4; }
-.bg-horizon-glow { background-color: #ACC3B3; }
-.bg-terminal-amber { background-color: #E8AB7F; }
-
-.text-horizon-glow { color: #ACC3B3; }
-.text-terminal-amber { color: #E8AB7F; }
-.text-muted-foreground { color: var(--muted-foreground); }
-
-/* Border utilities */
-.border-border { border-color: var(--border); }
-.border-input { border-color: var(--input); }
-.border-ring { border-color: var(--ring); }
-
-/* Focus utilities */
-.focus-visible\:ring-1:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
-.focus-visible\:ring-ring\/50:focus-visible { --tw-ring-color: rgb(var(--ring) / 0.5); }
-.focus-visible\:ring-offset-2:focus-visible { --tw-ring-offset-width: 2px; }
-.focus-visible\:ring-offset-background:focus-visible { --tw-ring-offset-color: var(--background); }
-
-/* Disabled */
-.disabled\:pointer-events-none:disabled { pointer-events: none; }
-.disabled\:opacity-50:disabled { opacity: 0.5; }
-.disabled\:cursor-not-allowed:disabled { cursor: not-allowed; }
-
-/* Active */
-.active\:translate-y-px:active { --tw-translate-y: 1px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
-
-/* ARIA states */
-.aria-invalid\:border-destructive[aria-invalid="true"] { border-color: var(--destructive); }
-.aria-invalid\:ring-2[aria-invalid="true"] { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
-.aria-invalid\:ring-destructive\/20[aria-invalid="true"] { --tw-ring-color: rgb(var(--destructive) / 0.2); }
-
-/* Data states */
-.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\=open\]\:bg-accent[data-state="open"] { background-color: var(--accent); }
-.data\[state\=open\]\:text-accent-foreground[data-state="open"] { color: var(--accent-foreground); }
-
-/* Group hover */
-.group:hover .group-hover\:text-accent-foreground { color: var(--accent-foreground); }
-
-/* Group data */
-.group[data-state="open"] .group-data\[state\=open\]\:text-accent-foreground { color: var(--accent-foreground); }
-
-/* Custom scrollbar */
-::-webkit-scrollbar { width: 8px; height: 8px; }
-::-webkit-scrollbar-track { background: #0A0F11; }
-::-webkit-scrollbar-thumb { background: #4B5E53; border-radius: 4px; }
-::-webkit-scrollbar-thumb:hover { background: #ACC3B3; }
+@media (min-width: 1024px){
+.lg\:w-64{width:16rem;}
+.lg\:flex-row{flex-direction:row;}
+}