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

        :host { line-height: 1.5; font-family: ui-sans-serif, system-ui; }
        :host *, :host *::before, :host *::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb; }
      
/* layer: shortcuts */
.container{width:100%;}
@media (min-width: 640px){
.container{max-width:640px;}
}
@media (min-width: 768px){
.container{max-width:768px;}
}
@media (min-width: 1024px){
.container{max-width:1024px;}
}
@media (min-width: 1280px){
.container{max-width:1280px;}
}
@media (min-width: 1536px){
.container{max-width:1536px;}
}
/* layer: default */
.pointer-events-auto,
.group:hover .group-hover\:pointer-events-auto{pointer-events:auto;}
.\[\&_svg\]\:pointer-events-none svg,
.data-\[disabled\]\:pointer-events-none[data-disabled],
.group[data-disabled=true] .group-data-\[disabled\=true\]\:pointer-events-none,
.pointer-events-none{pointer-events:none;}
.visible{visibility:visible;}
.invisible{visibility:hidden;}
.absolute{position:absolute;}
.fixed{position:fixed;}
.relative{position:relative;}
.sticky{position:sticky;}
.static{position:static;}
.inset-0{inset:0;}
.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]{left:0;right:0;}
.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;}
.-right-2{right:-8px;}
.-top-2{top:-8px;}
.bottom-0,
.data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction=bottom]{bottom:0;}
.bottom-10{bottom:40px;}
.bottom-4{bottom:16px;}
.bottom-full{bottom:100%;}
.data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction=left]{left:0;}
.data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction=right],
.right-0{right:0;}
.data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction=top],
.top-0{top:0;}
.left-\[2px\]{left:2px;}
.left-\[50\%\],
.left-1\/2{left:50%;}
.left-2{left:8px;}
.left-3{left:12px;}
.left-6{left:24px;}
.right-1{right:4px;}
.right-2{right:8px;}
.right-3{right:12px;}
.right-4{right:16px;}
.top-\[10px\]{top:10px;}
.top-\[2px\]{top:2px;}
.top-\[50\%\],
.top-1\/2{top:50%;}
.top-\[6px\]{top:6px;}
.top-10{top:40px;}
.top-2{top:8px;}
.top-3{top:12px;}
.top-4{top:16px;}
.top-5{top:20px;}
.top-6{top:24px;}
.\*\: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;}
.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;}
.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;}
.z2{z-index:2;}
.z-\[2147483647\]{z-index:2147483647;}
.z-\[2147483648\]{z-index:2147483648;}
.z-10{z-index:10;}
.z-1000{z-index:1000;}
.z-50{z-index:50;}
.grid{display:grid;}
.col-span-full{grid-column:1/-1;}
.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr;}
.grid-cols-\[repeat\(auto-fill\,minmax\(363px\,max-content\)\)\]{grid-template-columns:repeat(auto-fill,minmax(363px,max-content));}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}
.\[\&_article_div\]\:m-0 article div,
.\[\&_article_p\]\:m-0 article p,
.m\[0\]{margin:0;}
.m-1{margin:4px;}
.m-3,
.m3{margin:12px;}
.m-4{margin:16px;}
.m-6{margin:24px;}
.m\[i2\]{margin:i2;}
.m\[t4\]{margin:t4;}
.m14\.74{margin:58.96px;}
.m2{margin:8px;}
.m3\.75{margin:15px;}
.ma{margin:auto;}
.-mx-1{margin-left:-4px;margin-right:-4px;}
.-mx-2{margin-left:-8px;margin-right:-8px;}
.\!mx-auto{margin-left:auto !important;margin-right:auto !important;}
.mx-\[10px\]{margin-left:10px;margin-right:10px;}
.mx-\[7px\]{margin-left:7px;margin-right:7px;}
.mx-0{margin-left:0;margin-right:0;}
.mx-1{margin-left:4px;margin-right:4px;}
.mx-2{margin-left:8px;margin-right:8px;}
.mx-3{margin-left:12px;margin-right:12px;}
.mx-4{margin-left:16px;margin-right:16px;}
.mx-6{margin-left:24px;margin-right:24px;}
.mx-auto{margin-left:auto;margin-right:auto;}
.my,
.my-4{margin-top:16px;margin-bottom:16px;}
.my-1{margin-top:4px;margin-bottom:4px;}
.my-2{margin-top:8px;margin-bottom:8px;}
.my-3{margin-top:12px;margin-bottom:12px;}
.my-5{margin-top:20px;margin-bottom:20px;}
.my-6{margin-top:24px;margin-bottom:24px;}
.my-auto{margin-top:auto;margin-bottom:auto;}
.-ml-\[1px\]{margin-left:-1px;}
.-mr-1{margin-right:-4px;}
.-mt-\[3px\]{margin-top:-3px;}
.-mt-\[44px\]{margin-top:-44px;}
.-mt-2{margin-top:-8px;}
.-mt-4{margin-top:-16px;}
.data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction=bottom]{margin-top:96px;}
.data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction=top]{margin-bottom:96px;}
.mb-\[6px\]{margin-bottom:6px;}
.mb-0{margin-bottom:0;}
.mb-1{margin-bottom:4px;}
.mb-10{margin-bottom:40px;}
.mb-2{margin-bottom:8px;}
.mb-3{margin-bottom:12px;}
.mb-4{margin-bottom:16px;}
.mb-5{margin-bottom:20px;}
.mb-6{margin-bottom:24px;}
.mb-8{margin-bottom:32px;}
.mb-auto{margin-bottom:auto;}
.me{margin-inline-end:16px;}
.ml,
.ml-4{margin-left:16px;}
.ml-\[2px\]{margin-left:2px;}
.ml-1{margin-left:4px;}
.ml-2{margin-left:8px;}
.ml-3{margin-left:12px;}
.ml-auto{margin-left:auto;}
.mr{margin-right:16px;}
.mr-\[14px\]{margin-right:14px;}
.mr-1{margin-right:4px;}
.mr-2{margin-right:8px;}
.mr-3{margin-right:12px;}
.ms{margin-inline-start:16px;}
.mt,
.mt-4{margin-top:16px;}
.mt-\[10px\]{margin-top:10px;}
.mt-\[14px\]{margin-top:14px;}
.mt-\[2px\]{margin-top:2px;}
.mt-\[6px\]{margin-top:6px;}
.mt-0{margin-top:0;}
.mt-1{margin-top:4px;}
.mt-2{margin-top:8px;}
.mt-3{margin-top:12px;}
.mt-6{margin-top:24px;}
.mt-auto{margin-top:auto;}
.mt\[t3\]{margin-top:t3;}
.mt5{margin-top:20px;}
.box-border{box-sizing:border-box;}
.\[\&_article_div\]\:inline article div,
.\[\&_article_p\]\:inline article p,
.\[\&_article\]\:inline article,
.inline{display:inline;}
.block,
.group\/drawer-content[data-vaul-drawer-direction=bottom] .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block,
.group:hover .group-hover\:block{display:block;}
.inline-block{display:inline-block;}
.contents{display:contents;}
.hidden{display:none;}
.size-10{width:40px;height:40px;}
.size-3\.5{width:14px;height:14px;}
.size-4{width:16px;height:16px;}
.size-6{width:24px;height:24px;}
.size-8{width:32px;height:32px;}
.size-9{width:36px;height:36px;}
.size-full{width:100%;height:100%;}
.\!max-w-\[80vw\]{max-width:80vw !important;}
.\!w-\[160px\]{width:160px !important;}
.\!w-max{width:-moz-max-content !important;width:max-content !important;}
.data-\[size\=default\]\:h-9[data-size=default],
.h-9{height:36px;}
.data-\[size\=sm\]\:h-8[data-size=sm],
.h-8,
.h8{height:32px;}
.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-h-\[80vh\]{max-height:80vh;}
.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%;}
.h-\[100vh\],
.h-screen{height:100vh;}
.h-\[11px\]{height:11px;}
.h-\[12px\],
.h-3,
.h3{height:12px;}
.h-\[140px\]{height:140px;}
.h-\[14px\]{height:14px;}
.h-\[164px\]{height:164px;}
.h-\[180px\]{height:180px;}
.h-\[20px\],
.h-5,
.h5{height:20px;}
.h-\[26px\]{height:26px;}
.h-\[323px\]{height:323px;}
.h-\[400px\]{height:400px;}
.h-\[40px\],
.h-10{height:40px;}
.h-\[44px\]{height:44px;}
.h-\[4px\],
.h-1,
.h1{height:4px;}
.h-\[64px\],
.h-16,
.h16{height:64px;}
.h-\[6px\]{height:6px;}
.h-\[calc\(100\%-16px\)\]{height:calc(100% - 16px);}
.h-\[calc\(100\%-46px\)\]{height:calc(100% - 46px);}
.h-\[calc\(100vh-121px\)\]{height:calc(100vh - 121px);}
.h-\[calc\(100vh-180px\)\]{height:calc(100vh - 180px);}
.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height);}
.h-0,
.h\[0\]{height:0;}
.h-12{height:48px;}
.h-13{height:52px;}
.h-166{height:664px;}
.h-2,
.h2{height:8px;}
.h-2\.5{height:10px;}
.h-24{height:96px;}
.h-32{height:128px;}
.h-4,
.h4{height:16px;}
.h-40{height:160px;}
.h-50{height:200px;}
.h-6,
.h6{height:24px;}
.h-7{height:28px;}
.h-auto,
.ha{height:auto;}
.h-full{height:100%;}
.h-px{height:1px;}
.h\[1\]{height:1;}
.h\[2\]{height:2;}
.h\[c\]{height:c;}
.h\[t\.Tb\]{height:t.Tb;}
.h\[t3\]{height:t3;}
.max-h-\[33vh\]{max-height:33vh;}
.max-h-\[400px\]{max-height:400px;}
.max-h-\[70vh\]{max-height:70vh;}
.max-h-24{max-height:96px;}
.max-h-32{max-height:128px;}
.max-h-40{max-height:160px;}
.max-h-60{max-height:240px;}
.max-w-\[100\%\],
.max-w-full{max-width:100%;}
.max-w-\[123px\]{max-width:123px;}
.max-w-\[180px\]{max-width:180px;}
.max-w-\[200px\],
.max-w-50{max-width:200px;}
.max-w-\[209px\]{max-width:209px;}
.max-w-\[300px\]{max-width:300px;}
.max-w-\[40\%\]{max-width:40%;}
.max-w-\[400px\]{max-width:400px;}
.max-w-\[496px\]{max-width:496px;}
.max-w-\[80\%\]{max-width:80%;}
.max-w-\[800px\]{max-width:800px;}
.max-w-\[calc\(100\%-20px\)\]{max-width:calc(100% - 20px);}
.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 32px);}
.max-w-220{max-width:880px;}
.max-w-2xl{max-width:672px;}
.max-w-6xl{max-width:1152px;}
.max-w-7xl{max-width:1280px;}
.max-w-lg{max-width:512px;}
.max-w-md{max-width:448px;}
.max-w-none{max-width:none;}
.max-w-sm{max-width:384px;}
.max-w-xs{max-width:320px;}
.min-h-\[184px\]{min-height:184px;}
.min-h-\[20px\]{min-height:20px;}
.min-h-0{min-height:0;}
.min-h-16{min-height:64px;}
.min-h-20{min-height:80px;}
.min-h-30{min-height:120px;}
.min-h-full{min-height:100%;}
.min-h-screen{min-height:100vh;}
.min-w-\[200px\]{min-width:200px;}
.min-w-\[8rem\]{min-width:128px;}
.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width);}
.min-w-0{min-width:0;}
.w-\[100px\]{width:100px;}
.w-\[11px\]{width:11px;}
.w-\[120px\]{width:120px;}
.w-\[124px\]{width:124px;}
.w-\[12px\],
.w-3{width:12px;}
.w-\[130px\]{width:130px;}
.w-\[150px\]{width:150px;}
.w-\[156px\]{width:156px;}
.w-\[160px\]{width:160px;}
.w-\[180px\]{width:180px;}
.w-\[1px\],
.w-px{width:1px;}
.w-\[200px\],
.w-50{width:200px;}
.w-\[20px\],
.w-5{width:20px;}
.w-\[240px\],
.w-60{width:240px;}
.w-\[280px\]{width:280px;}
.w-\[300px\]{width:300px;}
.w-\[316px\]{width:316px;}
.w-\[38px\]{width:38px;}
.w-\[64px\],
.w-16{width:64px;}
.w-\[6px\]{width:6px;}
.w-\[80\%\]{width:80%;}
.w-\[80px\],
.w-20{width:80px;}
.w-\[8px\],
.w-2{width:8px;}
.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 32px);}
.w-0,
.w\[0\]{width:0;}
.w-1{width:4px;}
.w-10{width:40px;}
.w-12{width:48px;}
.w-2\.5{width:10px;}
.w-220{width:880px;}
.w-32{width:128px;}
.w-38{width:152px;}
.w-4{width:16px;}
.w-56{width:224px;}
.w-6{width:24px;}
.w-64{width:256px;}
.w-7{width:28px;}
.w-72{width:288px;}
.w-8{width:32px;}
.w-fit{width:-moz-fit-content;width:fit-content;}
.w-full{width:100%;}
.w\[1\]{width:1;}
.w\[3\]{width:3;}
.wa{width:auto;}
.\*\:data-\[slot\=select-value\]\:flex > *[data-slot=select-value],
.flex,
.group:hover .group-hover\:flex{display:flex;}
.inline-flex,
.group:hover .group-hover\:inline-flex{display:inline-flex;}
.flex-1{flex:1 1 0%;}
.\[\&_svg\]\:shrink-0 svg,
.flex-shrink-0,
.shrink-0{flex-shrink:0;}
.flex-shrink{flex-shrink:1;}
.flex-grow,
.grow{flex-grow:1;}
.flex-row{flex-direction:row;}
.flex-col{flex-direction:column;}
.flex-wrap{flex-wrap:wrap;}
.flex-nowrap{flex-wrap:nowrap;}
.table{display:table;}
.table-caption{display:table-caption;}
.table-cell{display:table-cell;}
.table-row{display:table-row;}
.border-collapse{border-collapse:collapse;}
.border-separate{border-collapse:separate;}
.border-spacing-0{--un-border-spacing-x:0;--un-border-spacing-y:0;border-spacing:var(--un-border-spacing-x) var(--un-border-spacing-y);}
.caption-bottom{caption-side:bottom;}
.table-auto{table-layout:auto;}
.-translate-x-\[calc\(50\%-0\.5px\)\]{--un-translate-x:calc(calc(50% - 0.5px) * -1);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-x-1\/2,
.translate-x-\[-50\%\]{--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-\[calc\(50\%-1px\)\]{--un-translate-y:calc(calc(50% - 1px) * -1);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,
.translate-y-\[-50\%\]{--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));}
.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--un-translate-y: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));}
.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--un-translate-y:4px;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:-4px;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:4px;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:-4px;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-x-\[15px\]{--un-translate-x:15px;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-x-\[1px\]{--un-translate-x:1px;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-180{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;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-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));}
.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 pulse{0%, 100% {opacity:1} 50% {opacity:.5}}
@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}
.animate-spin{animation:spin 1s linear infinite;}
.cursor-default{cursor:default;}
.hover\:cursor-default:hover{cursor:default;}
.cursor-pointer{cursor:pointer;}
.cursor-wait{cursor:wait;}
.cursor-not-allowed,
.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed;}
.disabled\:cursor-not-allowed:disabled{cursor:not-allowed;}
.touch-none{touch-action:none;}
.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.resize-y{resize:vertical;}
.resize{resize:both;}
.resize-none{resize:none;}
.scroll-my-1{scroll-margin-top:4px;scroll-margin-bottom:4px;}
.place-content-center{place-content: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;}
.self-start{align-self:flex-start;}
.self-end{align-self:flex-end;}
.self-stretch{align-self: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-items-center{justify-items:center;}
.\*\:data-\[slot\=select-value\]\:gap-2 > *[data-slot=select-value],
.gap-2{gap:8px;}
.gap-\[10px\],
.gap-2\.5{gap:10px;}
.gap-\[15px\]{gap:15px;}
.gap-\[24px\],
.gap-6{gap:24px;}
.gap-\[2px\],
.gap-0\.5{gap:2px;}
.gap-\[3px\]{gap:3px;}
.gap-\[6px\],
.gap-1\.5{gap:6px;}
.gap-0{gap:0;}
.gap-1{gap:4px;}
.gap-3{gap:12px;}
.gap-4{gap:16px;}
.gap-5{gap:20px;}
.gap-8{gap:32px;}
.gap-x-1{-moz-column-gap:4px;column-gap:4px;}
.gap-x-4{-moz-column-gap:16px;column-gap:16px;}
.gap-y-\[30px\]{row-gap:30px;}
.space-x-2>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(8px * calc(1 - var(--un-space-x-reverse)));margin-right:calc(8px * var(--un-space-x-reverse));}
.space-y-\[10px\]>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(10px * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(10px * var(--un-space-y-reverse));}
.space-y-1>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(4px * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(4px * var(--un-space-y-reverse));}
.space-y-2>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(8px * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(8px * var(--un-space-y-reverse));}
.space-y-3>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(12px * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(12px * var(--un-space-y-reverse));}
.space-y-4>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(16px * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(16px * var(--un-space-y-reverse));}
.divide-y>:not([hidden])~:not([hidden]){--un-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--un-divide-y-reverse)));border-bottom-width:calc(1px * var(--un-divide-y-reverse));}
.divide-gray-100>:not([hidden])~:not([hidden]){--un-divide-opacity:1;border-color:rgb(243 244 246 / var(--un-divide-opacity));}
.overflow-auto{overflow:auto;}
.overflow-hidden{overflow:hidden;}
.overflow-x-auto{overflow-x:auto;}
.overflow-x-hidden{overflow-x:hidden;}
.overflow-y-auto{overflow-y:auto;}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.text-ellipsis{text-overflow:ellipsis;}
.whitespace-normal{white-space:normal;}
.whitespace-nowrap{white-space:nowrap;}
.whitespace-pre-wrap{white-space:pre-wrap;}
.\!break-words{overflow-wrap:break-word !important;}
.break-words{overflow-wrap:break-word;}
.break-all{word-break:break-all;}
.\!border{border-width:1px !important;}
.b,
.b-1,
.border,
.border-\[1px\]{border-width:1px;}
.border-0{border-width:0px;}
.border-2{border-width:2px;}
.last\:border-0:last-child{border-width:0px;}
.border-y{border-top-width:1px;border-bottom-width:1px;}
.\[\&_tr\]\:border-b tr,
.border-b,
.data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction=top]{border-bottom-width:1px;}
.border-b-0{border-bottom-width:0px;}
.border-b-2{border-bottom-width:2px;}
.border-l,
.data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction=right]{border-left-width:1px;}
.border-l-4{border-left-width:4px;}
.border-r,
.data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction=left]{border-right-width:1px;}
.border-t,
.data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction=bottom]{border-top-width:1px;}
.border-t-0{border-top-width:0px;}
.first\:border-l:first-child{border-left-width:1px;}
.last\:border-b-0:last-child{border-bottom-width:0px;}
.last\:border-r-0:last-child{border-right-width:0px;}
.last\:border-r:last-child{border-right-width:1px;}
.\!border-red-500{--un-border-opacity:1 !important;border-color:rgb(239 68 68 / var(--un-border-opacity)) !important;}
.border-\[\#0000001A\]{--un-border-opacity:0.1;border-color:rgb(0 0 0 / var(--un-border-opacity));}
.border-\[\#7171EE\]{--un-border-opacity:1;border-color:rgb(113 113 238 / var(--un-border-opacity));}
.border-\[\#7271ef\]{--un-border-opacity:1;border-color:rgb(114 113 239 / var(--un-border-opacity));}
.border-\[\#d9d9d9\]{--un-border-opacity:1;border-color:rgb(217 217 217 / var(--un-border-opacity));}
.border-\[\#DBDBDC\]{--un-border-opacity:1;border-color:rgb(219 219 220 / var(--un-border-opacity));}
.border-\[\#e5e5e5\],
.border-\[\#E5E5E5\]{--un-border-opacity:1;border-color:rgb(229 229 229 / var(--un-border-opacity));}
.border-\[\#e5e7eb\],
.border-\[\#E5E7EB\],
.border-gray-200{--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));}
.border-\[\#e6e7eb\],
.border-\[\#E6E7EB\]{--un-border-opacity:1;border-color:rgb(230 231 235 / var(--un-border-opacity));}
.border-\[\#EDEFF6\]{--un-border-opacity:1;border-color:rgb(237 239 246 / var(--un-border-opacity));}
.border-\[\#eeeff6\]{--un-border-opacity:1;border-color:rgb(238 239 246 / var(--un-border-opacity));}
.border-\[\#f0f0f0\],
.border-\[\#F0F0F0\]{--un-border-opacity:1;border-color:rgb(240 240 240 / var(--un-border-opacity));}
.border-\[\#f1f2f6\]{--un-border-opacity:1;border-color:rgb(241 242 246 / var(--un-border-opacity));}
.border-\[\#F3F4F6\],
.border-gray-100{--un-border-opacity:1;border-color:rgb(243 244 246 / var(--un-border-opacity));}
.border-blue-200{--un-border-opacity:1;border-color:rgb(191 219 254 / var(--un-border-opacity));}
.border-blue-500{--un-border-opacity:1;border-color:rgb(59 130 246 / var(--un-border-opacity));}
.border-blue-600{--un-border-opacity:1;border-color:rgb(37 99 235 / var(--un-border-opacity));}
.border-gray-300{--un-border-opacity:1;border-color:rgb(209 213 219 / var(--un-border-opacity));}
.border-green-200{--un-border-opacity:1;border-color:rgb(187 247 208 / var(--un-border-opacity));}
.border-green-300{--un-border-opacity:1;border-color:rgb(134 239 172 / var(--un-border-opacity));}
.border-red-200{--un-border-opacity:1;border-color:rgb(254 202 202 / var(--un-border-opacity));}
.border-red-300{--un-border-opacity:1;border-color:rgb(252 165 165 / var(--un-border-opacity));}
.border-red-500{--un-border-opacity:1;border-color:rgb(239 68 68 / var(--un-border-opacity));}
.border-white{--un-border-opacity:1;border-color:rgb(255 255 255 / var(--un-border-opacity));}
.border-yellow-200{--un-border-opacity:1;border-color:rgb(254 240 138 / var(--un-border-opacity));}
.border-yellow-400{--un-border-opacity:1;border-color:rgb(250 204 21 / var(--un-border-opacity));}
.dark .dark\:border-gray-600{--un-border-opacity:1;border-color:rgb(75 85 99 / var(--un-border-opacity));}
.dark .dark\:border-gray-700{--un-border-opacity:1;border-color:rgb(55 65 81 / var(--un-border-opacity));}
.focus-within\:border-\[\#7171EE\]:focus-within{--un-border-opacity:1;border-color:rgb(113 113 238 / var(--un-border-opacity));}
.group:hover .group-hover\:border-\[\#7171e6\]{--un-border-opacity:1;border-color:rgb(113 113 230 / var(--un-border-opacity));}
.hover\:border-\[\#7171e6\]:hover{--un-border-opacity:1;border-color:rgb(113 113 230 / var(--un-border-opacity));}
.hover\:border-\[\#7171EE\]:hover{--un-border-opacity:1;border-color:rgb(113 113 238 / var(--un-border-opacity));}
.hover\:border-\[\#d1d5db\]:hover{--un-border-opacity:1;border-color:rgb(209 213 219 / var(--un-border-opacity));}
.hover\:border-white:hover{--un-border-opacity:1;border-color:rgb(255 255 255 / var(--un-border-opacity));}
.focus\:\!border-red-500:focus{--un-border-opacity:1 !important;border-color:rgb(239 68 68 / var(--un-border-opacity)) !important;}
.focus\:border-\[\#7071ee\]:focus{--un-border-opacity:1;border-color:rgb(112 113 238 / var(--un-border-opacity));}
.focus\:border-\[\#e5e5e5\]:focus{--un-border-opacity:1;border-color:rgb(229 229 229 / var(--un-border-opacity));}
.focus\:border-red-500:focus{--un-border-opacity:1;border-color:rgb(239 68 68 / var(--un-border-opacity));}
.focus\:border-transparent:focus{border-color:transparent;}
.border-l-transparent{border-left-color:transparent;}
.border-t-transparent{border-top-color:transparent;}
.\!rounded-sm{border-radius:2px !important;}
.rd,
.rounded,
.rounded-\[4px\]{border-radius:4px;}
.rounded-\[10\]{border-radius:10;}
.rounded-\[100px\]{border-radius:100px;}
.rounded-\[10px\]{border-radius:10px;}
.rounded-\[12px\],
.rounded-xl{border-radius:12px;}
.rounded-\[19px\]{border-radius:19px;}
.rounded-\[6px\],
.rounded-md{border-radius:6px;}
.rounded-\[8px\],
.rounded-lg{border-radius:8px;}
.rounded-\[inherit\]{border-radius:inherit;}
.rounded-2xl{border-radius:16px;}
.rounded-full{border-radius:9999px;}
.rounded-sm{border-radius:2px;}
.data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction=bottom]{border-top-left-radius:8px;border-top-right-radius:8px;}
.data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction=top]{border-bottom-left-radius:8px;border-bottom-right-radius:8px;}
.rounded-b-\[12px\],
.rounded-b-xl{border-bottom-left-radius:12px;border-bottom-right-radius:12px;}
.rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0;}
.rounded-l-lg{border-top-left-radius:8px;border-bottom-left-radius:8px;}
.rounded-t-\[12px\]{border-top-left-radius:12px;border-top-right-radius:12px;}
.first\:rounded-l-lg:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px;}
.last\:rounded-r-lg:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px;}
.rounded-bl-md{border-bottom-left-radius:6px;}
.rounded-br-md{border-bottom-right-radius:6px;}
.border-dashed{border-style:dashed;}
.border-none{border-style:none;}
.border-solid{border-style:solid;}
.bg-\[\#00000066\]{--un-bg-opacity:0.4;background-color:rgb(0 0 0 / var(--un-bg-opacity));}
.bg-\[\#15C65C\]{--un-bg-opacity:1;background-color:rgb(21 198 92 / var(--un-bg-opacity));}
.bg-\[\#212121\]{--un-bg-opacity:1;background-color:rgb(33 33 33 / var(--un-bg-opacity));}
.bg-\[\#333\]{--un-bg-opacity:1;background-color:rgb(51 51 51 / var(--un-bg-opacity));}
.bg-\[\#343434\]{--un-bg-opacity:1;background-color:rgb(52 52 52 / var(--un-bg-opacity));}
.bg-\[\#383838\]{--un-bg-opacity:1;background-color:rgb(56 56 56 / var(--un-bg-opacity));}
.bg-\[\#525252\]{--un-bg-opacity:1;background-color:rgb(82 82 82 / var(--un-bg-opacity));}
.bg-\[\#7171e6\]{--un-bg-opacity:1;background-color:rgb(113 113 230 / var(--un-bg-opacity));}
.bg-\[\#7171EE\]{--un-bg-opacity:1;background-color:rgb(113 113 238 / var(--un-bg-opacity));}
.bg-\[\#7174e9\]{--un-bg-opacity:1;background-color:rgb(113 116 233 / var(--un-bg-opacity));}
.bg-\[\#7271ef\]{--un-bg-opacity:1;background-color:rgb(114 113 239 / var(--un-bg-opacity));}
.bg-\[\#7B7B7C\]{--un-bg-opacity:1;background-color:rgb(123 123 124 / var(--un-bg-opacity));}
.bg-\[\#D7F3DF\]{--un-bg-opacity:1;background-color:rgb(215 243 223 / var(--un-bg-opacity));}
.bg-\[\#dbdada\]{--un-bg-opacity:1;background-color:rgb(219 218 218 / var(--un-bg-opacity));}
.bg-\[\#deeafd\],
.bg-\[\#DEEAFD\]{--un-bg-opacity:1;background-color:rgb(222 234 253 / var(--un-bg-opacity));}
.bg-\[\#e3e3fa\]{--un-bg-opacity:1;background-color:rgb(227 227 250 / var(--un-bg-opacity));}
.bg-\[\#E3E3FC\]{--un-bg-opacity:1;background-color:rgb(227 227 252 / var(--un-bg-opacity));}
.bg-\[\#e5e5e5\]{--un-bg-opacity:1;background-color:rgb(229 229 229 / var(--un-bg-opacity));}
.bg-\[\#e6e7eb\]{--un-bg-opacity:1;background-color:rgb(230 231 235 / var(--un-bg-opacity));}
.bg-\[\#eaeafb\]{--un-bg-opacity:1;background-color:rgb(234 234 251 / var(--un-bg-opacity));}
.bg-\[\#EDEFF6\]{--un-bg-opacity:1;background-color:rgb(237 239 246 / var(--un-bg-opacity));}
.bg-\[\#EF4444\],
.bg-red-500{--un-bg-opacity:1;background-color:rgb(239 68 68 / var(--un-bg-opacity));}
.bg-\[\#f0f2f6\]{--un-bg-opacity:1;background-color:rgb(240 242 246 / var(--un-bg-opacity));}
.bg-\[\#f1f1fc\],
.bg-\[\#F1F1FC\]{--un-bg-opacity:1;background-color:rgb(241 241 252 / var(--un-bg-opacity));}
.bg-\[\#f1f1fd\]{--un-bg-opacity:1;background-color:rgb(241 241 253 / var(--un-bg-opacity));}
.bg-\[\#f1f1fe\]{--un-bg-opacity:1;background-color:rgb(241 241 254 / var(--un-bg-opacity));}
.bg-\[\#f1f2f6\]{--un-bg-opacity:1;background-color:rgb(241 242 246 / var(--un-bg-opacity));}
.bg-\[\#f3f4f6\],
.bg-gray-100{--un-bg-opacity:1;background-color:rgb(243 244 246 / var(--un-bg-opacity));}
.bg-\[\#f4f4f5\],
.bg-\[\#F4F4F5\]{--un-bg-opacity:1;background-color:rgb(244 244 245 / var(--un-bg-opacity));}
.bg-\[\#f5f5f5\],
.bg-\[\#F5F5F5\]{--un-bg-opacity:1;background-color:rgb(245 245 245 / var(--un-bg-opacity));}
.bg-\[\#f7f8fa\]{--un-bg-opacity:1;background-color:rgb(247 248 250 / var(--un-bg-opacity));}
.bg-\[\#f8f8fa\],
.bg-\[\#F8F8FA\]{--un-bg-opacity:1;background-color:rgb(248 248 250 / var(--un-bg-opacity));}
.bg-\[\#f8f9fa\]{--un-bg-opacity:1;background-color:rgb(248 249 250 / var(--un-bg-opacity));}
.bg-\[\#fafafa\],
.bg-\[\#FAFAFA\],
.data-\[state\=selected\]\:bg-\[\#fafafa\][data-state=selected]{--un-bg-opacity:1;background-color:rgb(250 250 250 / var(--un-bg-opacity));}
.bg-amber-100{--un-bg-opacity:1;background-color:rgb(254 243 199 / var(--un-bg-opacity));}
.bg-black{--un-bg-opacity:1;background-color:rgb(0 0 0 / var(--un-bg-opacity));}
.bg-black\/50{background-color:rgb(0 0 0 / 0.5);}
.bg-black\/80{background-color:rgb(0 0 0 / 0.8);}
.bg-blue-100{--un-bg-opacity:1;background-color:rgb(219 234 254 / var(--un-bg-opacity));}
.bg-blue-50{--un-bg-opacity:1;background-color:rgb(239 246 255 / var(--un-bg-opacity));}
.bg-blue-50\/80{background-color:rgb(239 246 255 / 0.8);}
.bg-blue-500{--un-bg-opacity:1;background-color:rgb(59 130 246 / var(--un-bg-opacity));}
.bg-blue-600{--un-bg-opacity:1;background-color:rgb(37 99 235 / var(--un-bg-opacity));}
.bg-emerald-500{--un-bg-opacity:1;background-color:rgb(16 185 129 / var(--un-bg-opacity));}
.bg-gray-200{--un-bg-opacity:1;background-color:rgb(229 231 235 / var(--un-bg-opacity));}
.bg-gray-300{--un-bg-opacity:1;background-color:rgb(209 213 219 / var(--un-bg-opacity));}
.bg-gray-400{--un-bg-opacity:1;background-color:rgb(156 163 175 / var(--un-bg-opacity));}
.bg-gray-50{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}
.bg-gray-500{--un-bg-opacity:1;background-color:rgb(107 114 128 / var(--un-bg-opacity));}
.bg-gray-600{--un-bg-opacity:1;background-color:rgb(75 85 99 / var(--un-bg-opacity));}
.bg-green-100{--un-bg-opacity:1;background-color:rgb(220 252 231 / var(--un-bg-opacity));}
.bg-green-200{--un-bg-opacity:1;background-color:rgb(187 247 208 / var(--un-bg-opacity));}
.bg-green-50{--un-bg-opacity:1;background-color:rgb(240 253 244 / var(--un-bg-opacity));}
.bg-green-500{--un-bg-opacity:1;background-color:rgb(34 197 94 / var(--un-bg-opacity));}
.bg-indigo-100{--un-bg-opacity:1;background-color:rgb(224 231 255 / var(--un-bg-opacity));}
.bg-indigo-600{--un-bg-opacity:1;background-color:rgb(79 70 229 / var(--un-bg-opacity));}
.bg-orange-100{--un-bg-opacity:1;background-color:rgb(255 237 213 / var(--un-bg-opacity));}
.bg-orange-600{--un-bg-opacity:1;background-color:rgb(234 88 12 / var(--un-bg-opacity));}
.bg-pink-100{--un-bg-opacity:1;background-color:rgb(252 231 243 / var(--un-bg-opacity));}
.bg-purple-100{--un-bg-opacity:1;background-color:rgb(243 232 255 / var(--un-bg-opacity));}
.bg-red-100{--un-bg-opacity:1;background-color:rgb(254 226 226 / var(--un-bg-opacity));}
.bg-red-200{--un-bg-opacity:1;background-color:rgb(254 202 202 / var(--un-bg-opacity));}
.bg-red-50{--un-bg-opacity:1;background-color:rgb(254 242 242 / var(--un-bg-opacity));}
.bg-red-600{--un-bg-opacity:1;background-color:rgb(220 38 38 / var(--un-bg-opacity));}
.bg-transparent{background-color:transparent;}
.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}
.bg-white\/80{background-color:rgb(255 255 255 / 0.8);}
.bg-yellow-100{--un-bg-opacity:1;background-color:rgb(254 249 195 / var(--un-bg-opacity));}
.bg-yellow-50{--un-bg-opacity:1;background-color:rgb(254 252 232 / var(--un-bg-opacity));}
.bg-yellow-500{--un-bg-opacity:1;background-color:rgb(234 179 8 / var(--un-bg-opacity));}
.bg-yellow-600{--un-bg-opacity:1;background-color:rgb(202 138 4 / var(--un-bg-opacity));}
.dark .dark\:bg-amber-900{--un-bg-opacity:1;background-color:rgb(120 53 15 / var(--un-bg-opacity));}
.dark .dark\:bg-blue-900{--un-bg-opacity:1;background-color:rgb(30 58 138 / var(--un-bg-opacity));}
.dark .dark\:bg-gray-700{--un-bg-opacity:1;background-color:rgb(55 65 81 / var(--un-bg-opacity));}
.dark .dark\:bg-gray-800{--un-bg-opacity:1;background-color:rgb(31 41 55 / var(--un-bg-opacity));}
.dark .dark\:bg-gray-900{--un-bg-opacity:1;background-color:rgb(17 24 39 / var(--un-bg-opacity));}
.dark .dark\:bg-green-900{--un-bg-opacity:1;background-color:rgb(20 83 45 / var(--un-bg-opacity));}
.dark .dark\:bg-indigo-900{--un-bg-opacity:1;background-color:rgb(49 46 129 / var(--un-bg-opacity));}
.dark .dark\:bg-orange-900{--un-bg-opacity:1;background-color:rgb(124 45 18 / var(--un-bg-opacity));}
.dark .dark\:bg-pink-900{--un-bg-opacity:1;background-color:rgb(131 24 67 / var(--un-bg-opacity));}
.dark .dark\:bg-purple-900{--un-bg-opacity:1;background-color:rgb(88 28 135 / var(--un-bg-opacity));}
.dark .dark\:bg-red-900{--un-bg-opacity:1;background-color:rgb(127 29 29 / var(--un-bg-opacity));}
.dark .dark\:bg-yellow-900{--un-bg-opacity:1;background-color:rgb(113 63 18 / var(--un-bg-opacity));}
.dark .dark\:hover\:bg-gray-600:hover{--un-bg-opacity:1;background-color:rgb(75 85 99 / var(--un-bg-opacity));}
.dark .dark\:hover\:bg-gray-700:hover{--un-bg-opacity:1;background-color:rgb(55 65 81 / var(--un-bg-opacity));}
.hover\:bg-\[\#5858d6\]:hover{--un-bg-opacity:1;background-color:rgb(88 88 214 / var(--un-bg-opacity));}
.hover\:bg-\[\#5a5ac8\]:hover{--un-bg-opacity:1;background-color:rgb(90 90 200 / var(--un-bg-opacity));}
.hover\:bg-\[\#5A5ACE\]:hover{--un-bg-opacity:1;background-color:rgb(90 90 206 / var(--un-bg-opacity));}
.hover\:bg-\[\#5f5fd4\]:hover{--un-bg-opacity:1;background-color:rgb(95 95 212 / var(--un-bg-opacity));}
.hover\:bg-\[\#7074e8\]:hover{--un-bg-opacity:1;background-color:rgb(112 116 232 / var(--un-bg-opacity));}
.hover\:bg-\[\#7171e6\]:hover{--un-bg-opacity:1;background-color:rgb(113 113 230 / var(--un-bg-opacity));}
.hover\:bg-\[\#7171EE\]:hover{--un-bg-opacity:1;background-color:rgb(113 113 238 / var(--un-bg-opacity));}
.hover\:bg-\[\#7171EE1A\]:hover{--un-bg-opacity:0.1;background-color:rgb(113 113 238 / var(--un-bg-opacity));}
.hover\:bg-\[\#7271ef\]:hover{--un-bg-opacity:1;background-color:rgb(114 113 239 / var(--un-bg-opacity));}
.hover\:bg-\[\#d8dde8\]:hover{--un-bg-opacity:1;background-color:rgb(216 221 232 / var(--un-bg-opacity));}
.hover\:bg-\[\#DC2626\]:hover{--un-bg-opacity:1;background-color:rgb(220 38 38 / var(--un-bg-opacity));}
.hover\:bg-\[\#dcdcf7\]:hover{--un-bg-opacity:1;background-color:rgb(220 220 247 / var(--un-bg-opacity));}
.hover\:bg-\[\#e3e3fa\]:hover{--un-bg-opacity:1;background-color:rgb(227 227 250 / var(--un-bg-opacity));}
.hover\:bg-\[\#e5e5e5\]:hover{--un-bg-opacity:1;background-color:rgb(229 229 229 / var(--un-bg-opacity));}
.hover\:bg-\[\#E5E5E5\]:hover{--un-bg-opacity:1;background-color:rgb(229 229 229 / var(--un-bg-opacity));}
.hover\:bg-\[\#e6e7eb\]:hover{--un-bg-opacity:1;background-color:rgb(230 231 235 / var(--un-bg-opacity));}
.hover\:bg-\[\#f1f1fc\]:hover{--un-bg-opacity:1;background-color:rgb(241 241 252 / var(--un-bg-opacity));}
.hover\:bg-\[\#f1f1fd\]:hover{--un-bg-opacity:1;background-color:rgb(241 241 253 / var(--un-bg-opacity));}
.hover\:bg-\[\#f1f1fe\]:hover{--un-bg-opacity:1;background-color:rgb(241 241 254 / var(--un-bg-opacity));}
.hover\:bg-\[\#f2f2f2\]:hover{--un-bg-opacity:1;background-color:rgb(242 242 242 / var(--un-bg-opacity));}
.hover\:bg-\[\#f3f4f6\]:hover{--un-bg-opacity:1;background-color:rgb(243 244 246 / var(--un-bg-opacity));}
.hover\:bg-\[\#f4f4f5\]:hover{--un-bg-opacity:1;background-color:rgb(244 244 245 / var(--un-bg-opacity));}
.hover\:bg-\[\#f5f5f5\]:hover{--un-bg-opacity:1;background-color:rgb(245 245 245 / var(--un-bg-opacity));}
.hover\:bg-\[\#fafafa\]:hover{--un-bg-opacity:1;background-color:rgb(250 250 250 / var(--un-bg-opacity));}
.hover\:bg-blue-600:hover{--un-bg-opacity:1;background-color:rgb(37 99 235 / var(--un-bg-opacity));}
.hover\:bg-blue-700:hover{--un-bg-opacity:1;background-color:rgb(29 78 216 / var(--un-bg-opacity));}
.hover\:bg-gray-100:hover{--un-bg-opacity:1;background-color:rgb(243 244 246 / var(--un-bg-opacity));}
.hover\:bg-gray-200:hover{--un-bg-opacity:1;background-color:rgb(229 231 235 / var(--un-bg-opacity));}
.hover\:bg-gray-50:hover{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}
.hover\:bg-gray-700:hover{--un-bg-opacity:1;background-color:rgb(55 65 81 / var(--un-bg-opacity));}
.hover\:bg-indigo-700:hover{--un-bg-opacity:1;background-color:rgb(67 56 202 / var(--un-bg-opacity));}
.hover\:bg-orange-700:hover{--un-bg-opacity:1;background-color:rgb(194 65 12 / var(--un-bg-opacity));}
.hover\:bg-red-600:hover{--un-bg-opacity:1;background-color:rgb(220 38 38 / var(--un-bg-opacity));}
.hover\:bg-red-700:hover{--un-bg-opacity:1;background-color:rgb(185 28 28 / var(--un-bg-opacity));}
.hover\:bg-yellow-700:hover{--un-bg-opacity:1;background-color:rgb(161 98 7 / var(--un-bg-opacity));}
.focus\:bg-\[\#7071ee\]\/10:focus{background-color:rgb(112 113 238 / 0.1);}
.disabled\:bg-\[\#c6c6f4\]:disabled{--un-bg-opacity:1;background-color:rgb(198 198 244 / var(--un-bg-opacity));}
.disabled\:bg-gray-100:disabled{--un-bg-opacity:1;background-color:rgb(243 244 246 / var(--un-bg-opacity));}
.from-gray-50{--un-gradient-from-position:0%;--un-gradient-from:rgb(249 250 251 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(249 250 251 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}
.to-gray-100{--un-gradient-to-position:100%;--un-gradient-to:rgb(243 244 246 / var(--un-to-opacity, 1)) var(--un-gradient-to-position);}
.bg-gradient-to-br{--un-gradient-shape:to bottom right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}
.\[\&_path\]\:fill-\[\#212121\] path{--un-fill-opacity:1;fill:rgb(33 33 33 / var(--un-fill-opacity));}
.\[\&_path\]\:fill-\[\#4d4d4d\] path{--un-fill-opacity:1;fill:rgb(77 77 77 / var(--un-fill-opacity));}
.\[\&_path\]\:fill-\[\#7074e8\] path{--un-fill-opacity:1;fill:rgb(112 116 232 / var(--un-fill-opacity));}
.\[\&_path\]\:fill-\[\#7171e6\] path{--un-fill-opacity:1;fill:rgb(113 113 230 / var(--un-fill-opacity));}
.\[\&_path\]\:fill-\[\#7171EE\] path{--un-fill-opacity:1;fill:rgb(113 113 238 / var(--un-fill-opacity));}
.\[\&_path\]\:fill-\[\#7174e9\] path{--un-fill-opacity:1;fill:rgb(113 116 233 / var(--un-fill-opacity));}
.\[\&_path\]\:fill-\[\#7271ef\] path{--un-fill-opacity:1;fill:rgb(114 113 239 / var(--un-fill-opacity));}
.\[\&_path\]\:fill-\[\#d3d3d3\] path{--un-fill-opacity:1;fill:rgb(211 211 211 / var(--un-fill-opacity));}
.\[\&_svg\]\:fill-black\/80 svg{fill:rgb(0 0 0 / 0.8);}
.fill-\[\#333\]{--un-fill-opacity:1;fill:rgb(51 51 51 / var(--un-fill-opacity));}
.fill-\[\#bdbef4\]{--un-fill-opacity:1;fill:rgb(189 190 244 / var(--un-fill-opacity));}
.fill-black{--un-fill-opacity:1;fill:rgb(0 0 0 / var(--un-fill-opacity));}
.group:hover .group-hover\:\[\&_path\]\:fill-white path{--un-fill-opacity:1;fill:rgb(255 255 255 / var(--un-fill-opacity));}
.\[\&_path\]\:stroke-\[\#4d4d4d\] path{--un-stroke-opacity:1;stroke:rgb(77 77 77 / var(--un-stroke-opacity));}
.\[\&_path\]\:stroke-\[0\.6\] path{stroke:0.6;}
.object-contain{-o-object-fit:contain;object-fit:contain;}
.p-\[10px\],
.p-2\.5{padding:10px;}
.p-\[12px\],
.p-3,
.p3{padding:12px;}
.p-\[6px\],
.p-1\.5{padding:6px;}
.p-\[9px\]{padding:9px;}
.p-0,
.p\[0\]{padding:0;}
.p-1{padding:4px;}
.p-2,
.p2{padding:8px;}
.p-4{padding:16px;}
.p-5{padding:20px;}
.p-6{padding:24px;}
.p-8{padding:32px;}
.p-px{padding:1px;}
.p\[1\]{padding:1;}
.p\[2\]{padding:2;}
.p\[3\]{padding:3;}
.p\[t\.Hb\]{padding:t.Hb;}
.p11{padding:44px;}
.p12{padding:48px;}
.p21{padding:84px;}
.p22{padding:88px;}
.pa{padding:auto;}
.\!px-\[6px\]{padding-left:6px !important;padding-right:6px !important;}
.\!px-3{padding-left:12px !important;padding-right:12px !important;}
.\!py-\[2px\]{padding-top:2px !important;padding-bottom:2px !important;}
.\!py-2{padding-top:8px !important;padding-bottom:8px !important;}
.has-\[\>svg\]\:px-2\.5:has(>svg),
.px-2\.5{padding-left:10px;padding-right:10px;}
.has-\[\>svg\]\:px-3:has(>svg),
.px-\[12px\],
.px-3{padding-left:12px;padding-right:12px;}
.has-\[\>svg\]\:px-4:has(>svg),
.px,
.px-4{padding-left:16px;padding-right:16px;}
.px-\[11px\]{padding-left:11px;padding-right:11px;}
.px-\[150px\]{padding-left:150px;padding-right:150px;}
.px-\[4px\],
.px-1{padding-left:4px;padding-right:4px;}
.px-\[6px\],
.px-1\.5{padding-left:6px;padding-right:6px;}
.px-\[7px\]{padding-left:7px;padding-right:7px;}
.px-\[8px\],
.px-2{padding-left:8px;padding-right:8px;}
.px-10{padding-left:40px;padding-right:40px;}
.px-24{padding-left:96px;padding-right:96px;}
.px-5{padding-left:20px;padding-right:20px;}
.px-6{padding-left:24px;padding-right:24px;}
.py-\[10px\],
.py-2\.5{padding-top:10px;padding-bottom:10px;}
.py-\[12px\],
.py-3{padding-top:12px;padding-bottom:12px;}
.py-\[13px\]{padding-top:13px;padding-bottom:13px;}
.py-\[14px\]{padding-top:14px;padding-bottom:14px;}
.py-\[18px\]{padding-top:18px;padding-bottom:18px;}
.py-\[19px\]{padding-top:19px;padding-bottom:19px;}
.py-\[22px\]{padding-top:22px;padding-bottom:22px;}
.py-\[2px\],
.py-0\.5{padding-top:2px;padding-bottom:2px;}
.py-\[3px\]{padding-top:3px;padding-bottom:3px;}
.py-\[4px\],
.py-1{padding-top:4px;padding-bottom:4px;}
.py-\[6px\],
.py-1\.5{padding-top:6px;padding-bottom:6px;}
.py-\[7px\]{padding-top:7px;padding-bottom:7px;}
.py-0{padding-top:0;padding-bottom:0;}
.py-1\.25{padding-top:5px;padding-bottom:5px;}
.py-10{padding-top:40px;padding-bottom:40px;}
.py-12{padding-top:48px;padding-bottom:48px;}
.py-2{padding-top:8px;padding-bottom:8px;}
.py-4{padding-top:16px;padding-bottom:16px;}
.py-5{padding-top:20px;padding-bottom:20px;}
.py-6{padding-top:24px;padding-bottom:24px;}
.py-8{padding-top:32px;padding-bottom:32px;}
.py-px{padding-top:1px;padding-bottom:1px;}
.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0;}
.pb-\[14px\]{padding-bottom:14px;}
.pb-\[5px\]{padding-bottom:5px;}
.pb-0{padding-bottom:0;}
.pb-1{padding-bottom:4px;}
.pb-2{padding-bottom:8px;}
.pb-3{padding-bottom:12px;}
.pb-4{padding-bottom:16px;}
.pb-6{padding-bottom:24px;}
.pb-8{padding-bottom:32px;}
.pe{padding-inline-end:16px;}
.pl,
.pl-4{padding-left:16px;}
.pl-1{padding-left:4px;}
.pl-2{padding-left:8px;}
.pl-9{padding-left:36px;}
.pr-1{padding-right:4px;}
.pr-1\.5{padding-right:6px;}
.pr-3{padding-right:12px;}
.pr-8{padding-right:32px;}
.ps{padding-inline-start:16px;}
.pt,
.pt-4{padding-top:16px;}
.pt-\[100px\]{padding-top:100px;}
.pt-\[10px\]{padding-top:10px;}
.pt-\[14px\]{padding-top:14px;}
.pt-\[6px\]{padding-top:6px;}
.pt-0{padding-top:0;}
.pt-2,
.pt2{padding-top:8px;}
.pt-3{padding-top:12px;}
.pt-6{padding-top:24px;}
.\!text-center{text-align:center !important;}
.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-right{text-align:right;}
.text-wrap{text-wrap:wrap;}
.text-balance{text-wrap:balance;}
.\[\&_article\]\:align-top article,
.align-top{vertical-align:top;}
.align-baseline{vertical-align:baseline;}
.align-middle{vertical-align:middle;}
.\!text-xs{font-size:12px !important;line-height:16px !important;}
.text-\[10px\]{font-size:10px;}
.text-\[11px\]{font-size:11px;}
.text-\[12px\]{font-size:12px;}
.text-\[13px\]{font-size:13px;}
.text-\[14px\]{font-size:14px;}
.text-\[16px\]{font-size:16px;}
.text-\[18px\]{font-size:18px;}
.text-\[20px\]{font-size:20px;}
.text-\[24px\]{font-size:24px;}
.text-\[26px\]{font-size:26px;}
.text-2xl{font-size:24px;line-height:32px;}
.text-3xl{font-size:30px;line-height:36px;}
.text-6xl{font-size:60px;line-height:1;}
.text-base{font-size:16px;line-height:24px;}
.text-lg{font-size:18px;line-height:28px;}
.text-sm{font-size:14px;line-height:20px;}
.text-xl{font-size:20px;line-height:28px;}
.text-xs{font-size:12px;line-height:16px;}
.\[\&_\*\]\:\!text-\[\#0000004D\] *{--un-text-opacity:0.3 !important;color:rgb(0 0 0 / var(--un-text-opacity)) !important;}
.\[\&_svg\]\:text-\[\#7271ef\] svg,
.text-\[\#7271ef\]{--un-text-opacity:1;color:rgb(114 113 239 / var(--un-text-opacity));}
.\[\&_svg\]\:text-white svg,
.dark .dark\:text-white,
.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));}
.dark .dark\:text-amber-300{--un-text-opacity:1;color:rgb(252 211 77 / var(--un-text-opacity));}
.dark .dark\:text-blue-300{--un-text-opacity:1;color:rgb(147 197 253 / var(--un-text-opacity));}
.dark .dark\:text-gray-100{--un-text-opacity:1;color:rgb(243 244 246 / var(--un-text-opacity));}
.dark .dark\:text-gray-300{--un-text-opacity:1;color:rgb(209 213 219 / var(--un-text-opacity));}
.dark .dark\:text-gray-400,
.text-gray-400{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}
.dark .dark\:text-gray-500,
.text-\[\#6b7280\],
.text-gray-500{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}
.dark .dark\:text-green-300{--un-text-opacity:1;color:rgb(134 239 172 / var(--un-text-opacity));}
.dark .dark\:text-indigo-300{--un-text-opacity:1;color:rgb(165 180 252 / var(--un-text-opacity));}
.dark .dark\:text-orange-300{--un-text-opacity:1;color:rgb(253 186 116 / var(--un-text-opacity));}
.dark .dark\:text-pink-300{--un-text-opacity:1;color:rgb(249 168 212 / var(--un-text-opacity));}
.dark .dark\:text-purple-300{--un-text-opacity:1;color:rgb(216 180 254 / var(--un-text-opacity));}
.dark .dark\:text-red-300{--un-text-opacity:1;color:rgb(252 165 165 / var(--un-text-opacity));}
.dark .dark\:text-yellow-300{--un-text-opacity:1;color:rgb(253 224 71 / var(--un-text-opacity));}
.text-\[\#00000040\]{--un-text-opacity:0.25;color:rgb(0 0 0 / var(--un-text-opacity));}
.text-\[\#00000073\]{--un-text-opacity:0.45;color:rgb(0 0 0 / var(--un-text-opacity));}
.text-\[\#000000BF\]{--un-text-opacity:0.75;color:rgb(0 0 0 / var(--un-text-opacity));}
.text-\[\#000000D9\]{--un-text-opacity:0.85;color:rgb(0 0 0 / var(--un-text-opacity));}
.text-\[\#0E78FF\]{--un-text-opacity:1;color:rgb(14 120 255 / var(--un-text-opacity));}
.text-\[\#121826\]{--un-text-opacity:1;color:rgb(18 24 38 / var(--un-text-opacity));}
.text-\[\#15C65C\]{--un-text-opacity:1;color:rgb(21 198 92 / var(--un-text-opacity));}
.text-\[\#1890ff\]{--un-text-opacity:1;color:rgb(24 144 255 / var(--un-text-opacity));}
.text-\[\#1F2937\],
.text-gray-800{--un-text-opacity:1;color:rgb(31 41 55 / var(--un-text-opacity));}
.text-\[\#212121\]{--un-text-opacity:1;color:rgb(33 33 33 / var(--un-text-opacity));}
.text-\[\#364153\]{--un-text-opacity:1;color:rgb(54 65 83 / var(--un-text-opacity));}
.text-\[\#3676f6\]{--un-text-opacity:1;color:rgb(54 118 246 / var(--un-text-opacity));}
.text-\[\#374151\],
.text-gray-700{--un-text-opacity:1;color:rgb(55 65 81 / var(--un-text-opacity));}
.text-\[\#383838\]{--un-text-opacity:1;color:rgb(56 56 56 / var(--un-text-opacity));}
.text-\[\#3d3d3d\],
.text-\[\#3D3D3D\]{--un-text-opacity:1;color:rgb(61 61 61 / var(--un-text-opacity));}
.text-\[\#3f3f3f\]{--un-text-opacity:1;color:rgb(63 63 63 / var(--un-text-opacity));}
.text-\[\#404040\]{--un-text-opacity:1;color:rgb(64 64 64 / var(--un-text-opacity));}
.text-\[\#4040403\]{color:#4040403;}
.text-\[\#4B5563\],
.text-gray-600{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
.text-\[\#4d4d4d\]{--un-text-opacity:1;color:rgb(77 77 77 / var(--un-text-opacity));}
.text-\[\#6268db\]{--un-text-opacity:1;color:rgb(98 104 219 / var(--un-text-opacity));}
.text-\[\#666\]{--un-text-opacity:1;color:rgb(102 102 102 / var(--un-text-opacity));}
.text-\[\#7074e8\]{--un-text-opacity:1;color:rgb(112 116 232 / var(--un-text-opacity));}
.text-\[\#7171e6\]{--un-text-opacity:1;color:rgb(113 113 230 / var(--un-text-opacity));}
.text-\[\#7171ee\],
.text-\[\#7171EE\]{--un-text-opacity:1;color:rgb(113 113 238 / var(--un-text-opacity));}
.text-\[\#7171EEBF\]{--un-text-opacity:0.75;color:rgb(113 113 238 / var(--un-text-opacity));}
.text-\[\#7174e9\]{--un-text-opacity:1;color:rgb(113 116 233 / var(--un-text-opacity));}
.text-\[\#7271e7\]{--un-text-opacity:1;color:rgb(114 113 231 / var(--un-text-opacity));}
.text-\[\#7a7a7a\]{--un-text-opacity:1;color:rgb(122 122 122 / var(--un-text-opacity));}
.text-\[\#7B7B7C\]{--un-text-opacity:1;color:rgb(123 123 124 / var(--un-text-opacity));}
.text-\[\#848587\]{--un-text-opacity:1;color:rgb(132 133 135 / var(--un-text-opacity));}
.text-\[\#868687\]{--un-text-opacity:1;color:rgb(134 134 135 / var(--un-text-opacity));}
.text-\[\#878787\]{--un-text-opacity:1;color:rgb(135 135 135 / var(--un-text-opacity));}
.text-\[\#898989\]{--un-text-opacity:1;color:rgb(137 137 137 / var(--un-text-opacity));}
.text-\[\#8c8c8c\]{--un-text-opacity:1;color:rgb(140 140 140 / var(--un-text-opacity));}
.text-\[\#8E8E8F\]{--un-text-opacity:1;color:rgb(142 142 143 / var(--un-text-opacity));}
.text-\[\#999\],
.text-\[\#999999\]{--un-text-opacity:1;color:rgb(153 153 153 / var(--un-text-opacity));}
.text-\[\#a0a0a0\]{--un-text-opacity:1;color:rgb(160 160 160 / var(--un-text-opacity));}
.text-\[\#a6a6a6\]{--un-text-opacity:1;color:rgb(166 166 166 / var(--un-text-opacity));}
.text-\[\#a8a9aa\]{--un-text-opacity:1;color:rgb(168 169 170 / var(--un-text-opacity));}
.text-\[\#bdbef4\]{--un-text-opacity:1;color:rgb(189 190 244 / var(--un-text-opacity));}
.text-\[\#bfbfbf\],
.text-\[\#BFBFBF\]{--un-text-opacity:1;color:rgb(191 191 191 / var(--un-text-opacity));}
.text-\[\#d2d2d2\]{--un-text-opacity:1;color:rgb(210 210 210 / var(--un-text-opacity));}
.text-\[\#d3d3d3\]{--un-text-opacity:1;color:rgb(211 211 211 / var(--un-text-opacity));}
.text-\[\#da3529\]{--un-text-opacity:1;color:rgb(218 53 41 / var(--un-text-opacity));}
.text-\[\#F4F4F5\]{--un-text-opacity:1;color:rgb(244 244 245 / var(--un-text-opacity));}
.text-\[\#F52323\]{--un-text-opacity:1;color:rgb(245 35 35 / var(--un-text-opacity));}
.text-amber-600{--un-text-opacity:1;color:rgb(217 119 6 / var(--un-text-opacity));}
.text-black{--un-text-opacity:1;color:rgb(0 0 0 / var(--un-text-opacity));}
.text-black\/75{color:rgb(0 0 0 / 0.75);}
.text-blue-500{--un-text-opacity:1;color:rgb(59 130 246 / var(--un-text-opacity));}
.text-blue-600{--un-text-opacity:1;color:rgb(37 99 235 / var(--un-text-opacity));}
.text-blue-700{--un-text-opacity:1;color:rgb(29 78 216 / var(--un-text-opacity));}
.text-blue-800{--un-text-opacity:1;color:rgb(30 64 175 / var(--un-text-opacity));}
.text-current{color:currentColor;}
.text-emerald-500{--un-text-opacity:1;color:rgb(16 185 129 / var(--un-text-opacity));}
.text-gray-900{--un-text-opacity:1;color:rgb(17 24 39 / var(--un-text-opacity));}
.text-green-500{--un-text-opacity:1;color:rgb(34 197 94 / var(--un-text-opacity));}
.text-green-600{--un-text-opacity:1;color:rgb(22 163 74 / var(--un-text-opacity));}
.text-green-700{--un-text-opacity:1;color:rgb(21 128 61 / var(--un-text-opacity));}
.text-green-800{--un-text-opacity:1;color:rgb(22 101 52 / var(--un-text-opacity));}
.text-indigo-600{--un-text-opacity:1;color:rgb(79 70 229 / var(--un-text-opacity));}
.text-orange-500{--un-text-opacity:1;color:rgb(249 115 22 / var(--un-text-opacity));}
.text-orange-600{--un-text-opacity:1;color:rgb(234 88 12 / var(--un-text-opacity));}
.text-pink-600{--un-text-opacity:1;color:rgb(219 39 119 / var(--un-text-opacity));}
.text-purple-500{--un-text-opacity:1;color:rgb(168 85 247 / var(--un-text-opacity));}
.text-purple-600{--un-text-opacity:1;color:rgb(147 51 234 / var(--un-text-opacity));}
.text-red-400{--un-text-opacity:1;color:rgb(248 113 113 / var(--un-text-opacity));}
.text-red-500,
.group:hover .group-hover\:text-red-500{--un-text-opacity:1;color:rgb(239 68 68 / var(--un-text-opacity));}
.text-red-600{--un-text-opacity:1;color:rgb(220 38 38 / var(--un-text-opacity));}
.text-red-700{--un-text-opacity:1;color:rgb(185 28 28 / var(--un-text-opacity));}
.text-red-800{--un-text-opacity:1;color:rgb(153 27 27 / var(--un-text-opacity));}
.text-yellow-500{--un-text-opacity:1;color:rgb(234 179 8 / var(--un-text-opacity));}
.text-yellow-600{--un-text-opacity:1;color:rgb(202 138 4 / var(--un-text-opacity));}
.text-yellow-700{--un-text-opacity:1;color:rgb(161 98 7 / var(--un-text-opacity));}
.text-yellow-800{--un-text-opacity:1;color:rgb(133 77 14 / var(--un-text-opacity));}
.dark .dark\:hover\:text-gray-300:hover{--un-text-opacity:1;color:rgb(209 213 219 / var(--un-text-opacity));}
.hover\:\[\&_svg\]\:text-white svg:hover{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));}
.hover\:text-\[\#374151\]:hover{--un-text-opacity:1;color:rgb(55 65 81 / var(--un-text-opacity));}
.hover\:text-\[\#404040\]:hover{--un-text-opacity:1;color:rgb(64 64 64 / var(--un-text-opacity));}
.hover\:text-\[\#5a5ac8\]:hover{--un-text-opacity:1;color:rgb(90 90 200 / var(--un-text-opacity));}
.hover\:text-\[\#7171ee\]:hover{--un-text-opacity:1;color:rgb(113 113 238 / var(--un-text-opacity));}
.hover\:text-\[\#7171EE\]:hover{--un-text-opacity:1;color:rgb(113 113 238 / var(--un-text-opacity));}
.hover\:text-\[\#7271ef\]:hover{--un-text-opacity:1;color:rgb(114 113 239 / var(--un-text-opacity));}
.hover\:text-blue-800:hover{--un-text-opacity:1;color:rgb(30 64 175 / var(--un-text-opacity));}
.hover\:text-gray-600:hover{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
.hover\:text-gray-700:hover{--un-text-opacity:1;color:rgb(55 65 81 / var(--un-text-opacity));}
.hover\:text-gray-900:hover{--un-text-opacity:1;color:rgb(17 24 39 / var(--un-text-opacity));}
.hover\:text-red-500:hover{--un-text-opacity:1;color:rgb(239 68 68 / var(--un-text-opacity));}
.hover\:text-white:hover{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));}
.focus\:text-\[\#7071ee\]:focus{--un-text-opacity:1;color:rgb(112 113 238 / var(--un-text-opacity));}
.placeholder\:text-\[\#00000040\]::-moz-placeholder{--un-text-opacity:0.25;color:rgb(0 0 0 / var(--un-text-opacity));}
.placeholder\:text-\[\#00000040\]::placeholder{--un-text-opacity:0.25;color:rgb(0 0 0 / var(--un-text-opacity));}
.placeholder\:text-gray-400::-moz-placeholder{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}
.placeholder\:text-gray-400::placeholder{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}
.font-bold{font-weight:700;}
.font-medium{font-weight:500;}
.font-normal{font-weight:400;}
.font-semibold{font-weight:600;}
.leading-\[14px\]{line-height:14px;}
.leading-\[15px\]{line-height:15px;}
.leading-\[16px\]{line-height:16px;}
.leading-\[18px\]{line-height:18px;}
.leading-\[20px\],
.leading-5{line-height:20px;}
.leading-\[22px\],
.leading-5\.5{line-height:22px;}
.leading-\[24px\]{line-height:24px;}
.leading-\[25px\]{line-height:25px;}
.leading-\[26px\]{line-height:26px;}
.leading-\[28px\]{line-height:28px;}
.leading-\[32px\],
.leading-8{line-height:32px;}
.leading-7\.5{line-height:30px;}
.leading-none{line-height:1;}
.leading-relaxed{line-height:1.625;}
.leading-tight{line-height:1.25;}
.tracking-wide{letter-spacing:0.025em;}
.font-\[\'DINPro\'\]{font-family:'DINPro';}
.font-inherit{font-family:inherit;}
.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;}
.font-sans{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";}
.uppercase{text-transform:uppercase;}
.lowercase{text-transform:lowercase;}
.italic{font-style:italic;}
.ordinal{--un-ordinal:ordinal;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction);}
.underline{text-decoration-line:underline;}
.hover\:underline:hover{text-decoration-line:underline;}
.underline-offset-4{text-underline-offset:4px;}
.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
.text-shadow{--un-text-shadow:0 0 1px var(--un-text-shadow-color, rgb(0 0 0 / 0.2)),0 0 1px var(--un-text-shadow-color, rgb(1 0 5 / 0.1));text-shadow:var(--un-text-shadow);}
.data-\[disabled\]\:opacity-50[data-disabled],
.group[data-disabled=true] .group-data-\[disabled\=true\]\:opacity-50,
.opacity-50,
.peer:disabled~.peer-disabled\:opacity-50{opacity:0.5;}
.group[data-state=selected] .group-data-\[state\=selected\]\:opacity-100,
.opacity-100,
.group:hover .group-hover\:opacity-100{opacity:1;}
.opacity-0,
.group:hover .group-hover\:opacity-0{opacity:0;}
.opacity-25{opacity:0.25;}
.opacity-70{opacity:0.7;}
.opacity-75{opacity:0.75;}
.hover\:opacity-80:hover{opacity:0.8;}
.disabled\:opacity-50:disabled{opacity:0.5;}
.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-\[\#7171EE\]\/30{--un-shadow-color:rgb(113 113 238 / 0.3);}
.shadow-\[0_2px_10px_0_rgba\(0\,0\,0\,0\.1\)\]{--un-shadow:0 2px 10px 0 var(--un-shadow-color, rgba(0, 0, 0, 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-2xl{--un-shadow:var(--un-shadow-inset) 0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / 0.25));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-sm{--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.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);}
.hover\:shadow-md:hover{--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);}
.focus-visible\:outline-1:focus-visible{outline-width:1px;}
.outline{outline-style:solid;}
.outline-hidden{outline-style:hidden;}
.outline-none{outline:2px solid transparent;outline-offset:2px;}
.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}
.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);}
.focus-within\:ring-1:focus-within{--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\:ring-0:focus{--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\:ring-1:focus{--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\:ring-2:focus{--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);}
.focus\:ring-offset-0:focus{--un-ring-offset-width:0px;}
.ring-blue-500{--un-ring-opacity:1;--un-ring-color:rgb(59 130 246 / var(--un-ring-opacity));}
.focus-within\:ring-\[\#7171EE\]:focus-within{--un-ring-opacity:1;--un-ring-color:rgb(113 113 238 / var(--un-ring-opacity));}
.focus\:ring-\[\#7071ee\]:focus{--un-ring-opacity:1;--un-ring-color:rgb(112 113 238 / var(--un-ring-opacity));}
.focus\:ring-blue-500:focus{--un-ring-opacity:1;--un-ring-color:rgb(59 130 246 / var(--un-ring-opacity));}
.focus\:ring-indigo-500:focus{--un-ring-opacity:1;--un-ring-color:rgb(99 102 241 / var(--un-ring-opacity));}
.backdrop-blur-md{--un-backdrop-blur:blur(12px);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-blur-sm{--un-backdrop-blur:blur(4px);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);}
.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
.backdrop-filter{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-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
.duration-200{transition-duration:200ms;}
.duration-300{transition-duration:300ms;}
.ease,
.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}
.transition-none{transition:none;}
.placeholder-\[\#bfbfbf\]::-moz-placeholder{--un-placeholder-opacity:1;color:rgb(191 191 191 / var(--un-placeholder-opacity));}
.placeholder-\[\#bfbfbf\]::placeholder{--un-placeholder-opacity:1;color:rgb(191 191 191 / var(--un-placeholder-opacity));}
@media (min-width: 640px){
.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.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:384px;}
.sm\:max-w-lg{max-width:512px;}
}
@media (min-width: 768px){
.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\:gap-1\.5{gap:6px;}
.md\:text-left{text-align:left;}
}
@media (min-width: 1024px){
.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media (min-width: 1280px){
.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
}

/* 保留 Tailwind 无法处理的动画 */
@keyframes recording-pulse {
  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.1);
  }
}

/* 保留 recording-dot 动画类 */
.animate-recording-pulse {
  animation: recording-pulse 1.5s ease-in-out infinite;
}

/* 保留自定义滚动条样式（Tailwind 默认不支持） */
.custom-scrollbar::-webkit-scrollbar {
  width: 4px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 2px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 2px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3);
}

.recording-float-content {
  background: #343434;
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
  padding: 12px 16px;
  min-width: 280px;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.recording-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.recording-indicator {
  display: flex;
  align-items: center;
}

.recording-dot {
  width: 8px;
  height: 8px;
  background-color: #ef4444;
  border-radius: 50%;
  animation: recording-pulse 1.5s ease-in-out infinite;
}

@keyframes recording-pulse {
  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.1);
  }
}

.recording-label {
  color: #ffffff;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.5px;
}

.stop-btn {
  background: rgba(239, 68, 68, 0.8);
  border: none;
  color: #ffffff;
  padding: 6px 12px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  transition: all 0.2s;
  flex-shrink: 0;
}

.stop-btn:hover {
  background: rgba(239, 68, 68, 1);
  transform: scale(1.05);
}

.stop-btn:active {
  transform: scale(0.95);
}

.mark-data-btn {
  background: rgba(59, 130, 246, 0.8);
  border: none;
  color: #ffffff;
  padding: 6px 12px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  transition: all 0.2s;
  flex-shrink: 0;
}

.mark-data-btn:hover {
  background: rgba(59, 130, 246, 1);
  transform: scale(1.05);
}

.mark-data-btn:active {
  transform: scale(0.95);
}

.cancel-mark-btn {
  background: rgba(245, 158, 11, 0.8);
  border: none;
  color: #ffffff;
  padding: 6px 12px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  transition: all 0.2s;
  flex-shrink: 0;
}

.cancel-mark-btn:hover {
  background: rgba(245, 158, 11, 1);
  transform: scale(1.05);
}

.cancel-mark-btn:active {
  transform: scale(0.95);
}

.close-btn {
  background: rgba(255, 255, 255, 0.2);
  border: none;
  color: #ffffff;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  transition: all 0.2s;
  flex-shrink: 0;
}

.close-btn:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: scale(1.05);
}

.close-btn:active {
  transform: scale(0.95);
}

.recording-message {
  color: rgba(255, 255, 255, 0.95);
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
  padding-top: 4px;
}

.recording-actions {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.recording-actions-title {
  color: rgba(255, 255, 255, 0.7);
  font-size: 11px;
  font-weight: 500;
  margin-bottom: 8px;
}

.recording-actions-list {
  max-height: 200px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.recording-actions-list::-webkit-scrollbar {
  width: 4px;
}

.recording-actions-list::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 2px;
}

.recording-actions-list::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 2px;
}

.recording-actions-list::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3);
}

.recording-action-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 6px;
  font-size: 11px;
}

.recording-action-type {
  flex-shrink: 0;
  padding: 2px 6px;
  background: rgba(102, 126, 234, 0.3);
  color: #a5b4fc;
  border-radius: 4px;
  font-weight: 500;
  font-size: 10px;
}

.recording-action-desc {
  color: rgba(255, 255, 255, 0.8);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

.recording-actions-more {
  color: rgba(255, 255, 255, 0.5);
  font-size: 11px;
  text-align: center;
  padding: 4px;
  font-style: italic;
}

/* 元素选择器光标样式 */
body[mcp-cursor-mode='default'] {
  cursor: default !important;
}

/* 确保描述浮窗可交互 */
.mark-description-float {
  pointer-events: auto !important;
}

/* 描述浮窗内的输入元素 */
.mark-description-float textarea,
.mark-description-float button {
  pointer-events: auto !important;
}

/* 高亮容器不影响交互 */
#mcp-element-picker-highlighter {
  pointer-events: none !important;
}
