@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@600;700&display=swap"); *,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: } ::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: } *,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb} :before,:after{--tw-content: ""} html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent} body{margin:0;line-height:inherit} hr{height:0;color:inherit;border-top-width:1px} abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted} h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit} a{color:inherit;text-decoration:inherit} b,strong{font-weight:bolder} code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em} small{font-size:80%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sub{bottom:-.25em} sup{top:-.5em} table{text-indent:0;border-color:inherit;border-collapse:collapse} button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0} button,select{text-transform:none} button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none} :-moz-focusring{outline:auto} :-moz-ui-invalid{box-shadow:none} progress{vertical-align:baseline} ::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto} [type=search]{-webkit-appearance:textfield;outline-offset:-2px} ::-webkit-search-decoration{-webkit-appearance:none} ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} summary{display:list-item} blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0} fieldset{margin:0;padding:0} legend{padding:0} ol,ul,menu{list-style:none;margin:0;padding:0} dialog{padding:0} textarea{resize:vertical} input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af} input::-moz-placeholder, textarea::-moz-placeholder{opacity:1;color:#9ca3af} input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af} button,[role=button]{cursor:pointer} :disabled{cursor:default} img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle} img,video{max-width:100%;height:auto} [hidden]:where(:not([hidden=until-found])){display:none} :root{--background: 0 0% 97%;--foreground: 0 0% 10%;--card: 0 0% 100%;--card-foreground: 0 0% 10%;--primary: 0 0% 10%;--primary-foreground: 0 0% 100%;--secondary: 0 0% 92%;--secondary-foreground: 0 0% 10%;--muted: 0 0% 92%;--muted-foreground: 0 0% 40%;--accent: 0 0% 90%;--accent-foreground: 0 0% 10%;--destructive: 0 70% 45%;--destructive-foreground: 0 0% 100%;--border: 0 0% 86%;--input: 0 0% 86%;--ring: 0 0% 10%;--radius: 1rem;--tone-success-border: 152 60% 82%;--tone-success-bg: 151 65% 95%;--tone-success-foreground: 160 84% 24%;--tone-success-strong: 160 84% 39%;--tone-warning-border: 42 92% 78%;--tone-warning-bg: 48 100% 94%;--tone-warning-foreground: 32 95% 30%;--tone-warning-strong: 32 95% 44%;--tone-error-border: 346 77% 82%;--tone-error-bg: 353 100% 96%;--tone-error-foreground: 346 77% 32%;--tone-error-strong: 346 77% 49%;--tone-info-border: 198 87% 82%;--tone-info-bg: 204 100% 96%;--tone-info-foreground: 199 89% 32%;--tone-info-strong: 199 89% 48%;--shadow-inset-soft: 0 1px 0 rgba(255, 255, 255, .45) inset;--shadow-elevated: 0 10px 28px rgba(15, 23, 42, .08);--shadow-floating: 0 14px 32px rgba(15, 23, 42, .12);--shadow-toast: 0 12px 30px rgba(15, 23, 42, .08), 0 3px 10px rgba(15, 23, 42, .05);--overlay-backdrop: rgba(0, 0, 0, .4);--toast-success-border: hsl(var(--tone-success-border) / .7);--toast-success-bg-top: hsl(var(--tone-success-bg) / .92);--toast-success-bg-bottom: hsl(var(--card) / .985);--toast-error-border: hsl(var(--tone-error-border) / .7);--toast-error-bg-top: hsl(var(--tone-error-bg) / .92);--toast-error-bg-bottom: hsl(var(--card) / .985);--toast-warning-border: hsl(var(--tone-warning-border) / .78);--toast-warning-bg-top: hsl(var(--tone-warning-bg) / .94);--toast-warning-bg-bottom: hsl(var(--card) / .985);--toast-info-border: hsl(var(--tone-info-border) / .7);--toast-info-bg-top: hsl(var(--tone-info-bg) / .92);--toast-info-bg-bottom: hsl(var(--card) / .985)} .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} .pointer-events-none{pointer-events:none} .\!visible{visibility:visible!important} .visible{visibility:visible} .fixed{position:fixed} .absolute{position:absolute} .relative{position:relative} .inset-0{inset:0} .bottom-full{bottom:100%} .left-0{left:0} .right-0{right:0} .right-4{right:1rem} .top-4{top:1rem} .top-full{top:100%} .z-\[1000\]{z-index:1000} .z-\[120\]{z-index:120} .z-\[200\]{z-index:200} .z-\[9999\]{z-index:9999} .mx-auto{margin-left:auto;margin-right:auto} .my-1{margin-top:.25rem;margin-bottom:.25rem} .mb-1{margin-bottom:.25rem} .mb-2{margin-bottom:.5rem} .mb-2\.5{margin-bottom:.625rem} .mb-3{margin-bottom:.75rem} .mb-4{margin-bottom:1rem} .mb-5{margin-bottom:1.25rem} .mt-1{margin-top:.25rem} .mt-1\.5{margin-top:.375rem} .mt-2{margin-top:.5rem} .mt-4{margin-top:1rem} .block{display:block} .inline-block{display:inline-block} .flex{display:flex} .inline-flex{display:inline-flex} .table{display:table} .grid{display:grid} .hidden{display:none} .h-0{height:0px} .h-10{height:2.5rem} .h-3\.5{height:.875rem} .h-4{height:1rem} .h-8{height:2rem} .h-9{height:2.25rem} .min-h-full{min-height:100%} .w-0{width:0px} .w-10{width:2.5rem} .w-12{width:3rem} .w-3\.5{width:.875rem} .w-4{width:1rem} .w-64{width:16rem} .w-72{width:18rem} .w-8{width:2rem} .w-9{width:2.25rem} .w-auto{width:auto} .w-full{width:100%} .min-w-0{min-width:0px} .min-w-14{min-width:3.5rem} .min-w-\[12rem\]{min-width:12rem} .min-w-\[13rem\]{min-width:13rem} .min-w-\[8\.75rem\]{min-width:8.75rem} .min-w-\[9\.5rem\]{min-width:9.5rem} .min-w-full{min-width:100%} .min-w-max{min-width:-moz-max-content;min-width:max-content} .max-w-\[34rem\]{max-width:34rem} .max-w-\[44rem\]{max-width:44rem} .max-w-\[min\(420px\,90vw\)\]{max-width:min(420px,90vw)} .max-w-sm{max-width:24rem} .flex-1{flex:1 1 0%} .flex-shrink{flex-shrink:1} .shrink-0{flex-shrink:0} .-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .-translate-y-px{--tw-translate-y: -1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .translate-y-px{--tw-translate-y: 1px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .cursor-not-allowed{cursor:not-allowed} .cursor-pointer{cursor:pointer} .resize{resize:both} .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))} .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))} .flex-col{flex-direction:column} .items-start{align-items:flex-start} .items-center{align-items:center} .justify-end{justify-content:flex-end} .justify-center{justify-content:center} .justify-between{justify-content:space-between} .gap-1\.5{gap:.375rem} .gap-2{gap:.5rem} .gap-2\.5{gap:.625rem} .gap-3{gap:.75rem} .gap-4{gap:1rem} .space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))} .space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))} .space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))} .overflow-x-auto{overflow-x:auto} .overflow-y-auto{overflow-y:auto} .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .break-words{overflow-wrap:break-word} .break-all{word-break:break-all} .\!rounded-2xl{border-radius:1rem!important} .\!rounded-lg{border-radius:var(--radius)!important} .rounded{border-radius:.25rem} .rounded-2xl{border-radius:1rem} .rounded-3xl{border-radius:1.5rem} .rounded-full{border-radius:9999px} .rounded-xl{border-radius:.75rem} .border{border-width:1px} .border-x-\[5px\]{border-left-width:5px;border-right-width:5px} .border-x-\[6px\]{border-left-width:6px;border-right-width:6px} .border-b{border-bottom-width:1px} .border-b-0{border-bottom-width:0px} .border-b-\[5px\]{border-bottom-width:5px} .border-b-\[6px\]{border-bottom-width:6px} .border-t{border-top-width:1px} .border-t-0{border-top-width:0px} .border-t-\[5px\]{border-top-width:5px} .border-t-\[6px\]{border-top-width:6px} .border-dashed{border-style:dashed} .border-\[hsl\(var\(--tone-error-border\)\)\]{border-color:hsl(var(--tone-error-border))} .border-\[hsl\(var\(--tone-error-border\)\/0\.9\)\]{border-color:hsl(var(--tone-error-border)/.9)} .border-\[hsl\(var\(--tone-info-border\)\)\]{border-color:hsl(var(--tone-info-border))} .border-\[hsl\(var\(--tone-info-border\)\/0\.9\)\]{border-color:hsl(var(--tone-info-border)/.9)} .border-\[hsl\(var\(--tone-success-border\)\)\]{border-color:hsl(var(--tone-success-border))} .border-\[hsl\(var\(--tone-success-border\)\/0\.9\)\]{border-color:hsl(var(--tone-success-border)/.9)} .border-\[hsl\(var\(--tone-warning-border\)\)\]{border-color:hsl(var(--tone-warning-border))} .border-\[hsl\(var\(--tone-warning-border\)\/0\.9\)\]{border-color:hsl(var(--tone-warning-border)/.9)} .border-amber-500\/20{border-color:#f59e0b33} .border-amber-500\/35{border-color:#f59e0b59} .border-border{border-color:hsl(var(--border))} .border-border\/70{border-color:hsl(var(--border) / .7)} .border-border\/80{border-color:hsl(var(--border) / .8)} .border-border\/90{border-color:hsl(var(--border) / .9)} .border-emerald-500\/20{border-color:#10b98133} .border-emerald-500\/35{border-color:#10b98159} .border-foreground\/10{border-color:hsl(var(--foreground) / .1)} .border-primary{border-color:hsl(var(--primary))} .border-rose-500\/20{border-color:#f43f5e33} .border-rose-500\/35{border-color:#f43f5e59} .border-sky-500\/20{border-color:#0ea5e933} .border-sky-500\/35{border-color:#0ea5e959} .border-x-transparent{border-left-color:transparent;border-right-color:transparent} .border-b-border{border-bottom-color:hsl(var(--border))} .border-b-card{border-bottom-color:hsl(var(--card))} .border-t-border{border-top-color:hsl(var(--border))} .border-t-card{border-top-color:hsl(var(--card))} .bg-\[hsl\(var\(--tone-error-bg\)\/0\.8\)\]{background-color:hsl(var(--tone-error-bg)/.8)} .bg-\[hsl\(var\(--tone-error-bg\)\/0\.95\)\]{background-color:hsl(var(--tone-error-bg)/.95)} .bg-\[hsl\(var\(--tone-info-bg\)\/0\.8\)\]{background-color:hsl(var(--tone-info-bg)/.8)} .bg-\[hsl\(var\(--tone-info-bg\)\/0\.95\)\]{background-color:hsl(var(--tone-info-bg)/.95)} .bg-\[hsl\(var\(--tone-success-bg\)\/0\.8\)\]{background-color:hsl(var(--tone-success-bg)/.8)} .bg-\[hsl\(var\(--tone-success-bg\)\/0\.95\)\]{background-color:hsl(var(--tone-success-bg)/.95)} .bg-\[hsl\(var\(--tone-warning-bg\)\/0\.8\)\]{background-color:hsl(var(--tone-warning-bg)/.8)} .bg-\[hsl\(var\(--tone-warning-bg\)\/0\.95\)\]{background-color:hsl(var(--tone-warning-bg)/.95)} .bg-accent{background-color:hsl(var(--accent))} .bg-amber-500{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))} .bg-amber-500\/10{background-color:#f59e0b1a} .bg-amber-500\/\[0\.03\]{background-color:#f59e0b08} .bg-background{background-color:hsl(var(--background))} .bg-background\/80{background-color:hsl(var(--background) / .8)} .bg-card{background-color:hsl(var(--card))} .bg-card\/45{background-color:hsl(var(--card) / .45)} .bg-card\/80{background-color:hsl(var(--card) / .8)} .bg-card\/85{background-color:hsl(var(--card) / .85)} .bg-card\/90{background-color:hsl(var(--card) / .9)} .bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))} .bg-emerald-500\/10{background-color:#10b9811a} .bg-emerald-500\/\[0\.03\]{background-color:#10b98108} .bg-foreground{background-color:hsl(var(--foreground))} .bg-muted\/25{background-color:hsl(var(--muted) / .25)} .bg-primary\/10{background-color:hsl(var(--primary) / .1)} .bg-rose-500{--tw-bg-opacity: 1;background-color:rgb(244 63 94 / var(--tw-bg-opacity, 1))} .bg-rose-500\/10{background-color:#f43f5e1a} .bg-rose-500\/\[0\.03\]{background-color:#f43f5e08} .bg-secondary\/70{background-color:hsl(var(--secondary) / .7)} .bg-sky-500{--tw-bg-opacity: 1;background-color:rgb(14 165 233 / var(--tw-bg-opacity, 1))} .bg-sky-500\/10{background-color:#0ea5e91a} .bg-sky-500\/\[0\.03\]{background-color:#0ea5e908} .bg-transparent{background-color:transparent} .\!p-1\.5{padding:.375rem!important} .\!p-3{padding:.75rem!important} .\!p-4{padding:1rem!important} .\!p-5{padding:1.25rem!important} .p-0{padding:0} .p-3{padding:.75rem} .p-4{padding:1rem} .px-2\.5{padding-left:.625rem;padding-right:.625rem} .px-3{padding-left:.75rem;padding-right:.75rem} .px-3\.5{padding-left:.875rem;padding-right:.875rem} .px-4{padding-left:1rem;padding-right:1rem} .px-5{padding-left:1.25rem;padding-right:1.25rem} .px-6{padding-left:1.5rem;padding-right:1.5rem} .py-1{padding-top:.25rem;padding-bottom:.25rem} .py-1\.5{padding-top:.375rem;padding-bottom:.375rem} .py-2{padding-top:.5rem;padding-bottom:.5rem} .py-3{padding-top:.75rem;padding-bottom:.75rem} .py-3\.5{padding-top:.875rem;padding-bottom:.875rem} .py-4{padding-top:1rem;padding-bottom:1rem} .py-6{padding-top:1.5rem;padding-bottom:1.5rem} .py-7{padding-top:1.75rem;padding-bottom:1.75rem} .py-8{padding-top:2rem;padding-bottom:2rem} .pb-0{padding-bottom:0} .pb-3{padding-bottom:.75rem} .pb-4{padding-bottom:1rem} .pb-5{padding-bottom:1.25rem} .pt-0{padding-top:0} .pt-3{padding-top:.75rem} .text-left{text-align:left} .text-center{text-align:center} .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace} .text-2xl{font-size:1.5rem;line-height:2rem} .text-\[1\.75rem\]{font-size:1.75rem} .text-\[10px\]{font-size:10px} .text-\[11px\]{font-size:11px} .text-\[13px\]{font-size:13px} .text-\[15px\]{font-size:15px} .text-base{font-size:1rem;line-height:1.5rem} .text-sm{font-size:.875rem;line-height:1.25rem} .text-xs{font-size:.75rem;line-height:1rem} .font-medium{font-weight:500} .font-semibold{font-weight:600} .uppercase{text-transform:uppercase} .tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)} .leading-5{line-height:1.25rem} .leading-6{line-height:1.5rem} .leading-none{line-height:1} .leading-relaxed{line-height:1.625} .tracking-\[0\.02em\]{letter-spacing:.02em} .tracking-\[0\.16em\]{letter-spacing:.16em} .tracking-\[0\.18em\]{letter-spacing:.18em} .text-\[hsl\(var\(--tone-error-foreground\)\)\]{color:hsl(var(--tone-error-foreground))} .text-\[hsl\(var\(--tone-error-strong\)\)\]{color:hsl(var(--tone-error-strong))} .text-\[hsl\(var\(--tone-info-foreground\)\)\]{color:hsl(var(--tone-info-foreground))} .text-\[hsl\(var\(--tone-info-strong\)\)\]{color:hsl(var(--tone-info-strong))} .text-\[hsl\(var\(--tone-success-foreground\)\)\]{color:hsl(var(--tone-success-foreground))} .text-\[hsl\(var\(--tone-success-strong\)\)\]{color:hsl(var(--tone-success-strong))} .text-\[hsl\(var\(--tone-warning-foreground\)\)\]{color:hsl(var(--tone-warning-foreground))} .text-\[hsl\(var\(--tone-warning-strong\)\)\]{color:hsl(var(--tone-warning-strong))} .text-accent-foreground{color:hsl(var(--accent-foreground))} .text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))} .text-background{color:hsl(var(--background))} .text-emerald-700{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))} .text-foreground{color:hsl(var(--foreground))} .text-foreground\/80{color:hsl(var(--foreground) / .8)} .text-foreground\/85{color:hsl(var(--foreground) / .85)} .text-muted-foreground{color:hsl(var(--muted-foreground))} .text-primary{color:hsl(var(--primary))} .text-rose-700{--tw-text-opacity: 1;color:rgb(190 18 60 / var(--tw-text-opacity, 1))} .text-sky-700{--tw-text-opacity: 1;color:rgb(3 105 161 / var(--tw-text-opacity, 1))} .text-transparent{color:transparent} .text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))} .opacity-0{opacity:0} .opacity-100{opacity:1} .opacity-50{opacity:.5} .opacity-60{opacity:.6} .shadow-\[var\(--shadow-floating\)\]{--tw-shadow-color: var(--shadow-floating);--tw-shadow: var(--tw-shadow-colored)} .shadow-\[var\(--shadow-inset-soft\)\]{--tw-shadow-color: var(--shadow-inset-soft);--tw-shadow: var(--tw-shadow-colored)} .outline{outline-style:solid} .blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .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(.4,0,.2,1);transition-duration:.15s} .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s} .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s} .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s} .duration-100{transition-duration:.1s} .duration-150{transition-duration:.15s} .ui-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.625rem} .ui-toolbar-group{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem} .ui-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;border-color:hsl(var(--border));color:hsl(var(--foreground));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-timing-function:cubic-bezier(0,0,.2,1)} .ui-btn:disabled{cursor:not-allowed;opacity:.6} .ui-btn-sm{height:2rem;padding-left:.75rem;padding-right:.75rem;font-size:.75rem;line-height:1rem;font-weight:500} .ui-btn-xs{height:1.75rem;padding-left:.625rem;padding-right:.625rem;font-size:11px;font-weight:500} .ui-btn-md{height:2rem;padding-left:.875rem;padding-right:.875rem;font-size:.75rem;line-height:1rem;font-weight:500} .ui-btn-icon{height:2rem;width:2rem;padding:0} .ui-btn-icon-sm{height:1.75rem;width:1.75rem;padding:0} .ui-btn-outline{background-color:transparent} .ui-btn-outline:hover{border-color:hsl(var(--primary));color:hsl(var(--primary))} .ui-btn-primary{border-color:transparent;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))} .ui-btn-primary:hover{opacity:.9} .ui-btn-danger{border-color:hsl(var(--destructive) / .4);color:hsl(var(--destructive))} .ui-btn-danger:hover{border-color:hsl(var(--destructive));background-color:hsl(var(--destructive) / .05)} .ui-pill,.ui-chip,.ui-meta-chip{display:inline-flex;align-items:center;white-space:nowrap;border-radius:9999px;border-width:1px;border-color:hsl(var(--border) / .8);background-color:hsl(var(--secondary) / .7);padding:.25rem .625rem;font-size:.75rem;line-height:1rem;font-weight:500;color:hsl(var(--muted-foreground));line-height:1;--tw-shadow-color: var(--shadow-inset-soft);--tw-shadow: var(--tw-shadow-colored)} .ui-badge{display:inline-flex;align-items:center;border-radius:.25rem;padding:.125rem .5rem;font-size:10px;font-weight:600} .ui-input-sm{height:2rem;border-radius:9999px;border-width:1px;border-color:hsl(var(--input));background-color:hsl(var(--background));padding-left:.75rem;padding-right:.75rem;font-size:.75rem;line-height:1rem;color:hsl(var(--foreground));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-timing-function:cubic-bezier(0,0,.2,1)} .ui-input-sm::-moz-placeholder{color:hsl(var(--muted-foreground))} .ui-input-sm::placeholder{color:hsl(var(--muted-foreground))} .ui-input-sm:focus{border-color:hsl(var(--primary));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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)} .ui-input-md{height:2.75rem;border-radius:1rem;border-width:1px;border-color:hsl(var(--input));background-color:hsl(var(--background));padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;color:hsl(var(--foreground));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-timing-function:cubic-bezier(0,0,.2,1)} .ui-input-md::-moz-placeholder{color:hsl(var(--muted-foreground))} .ui-input-md::placeholder{color:hsl(var(--muted-foreground))} .ui-input-md:focus{border-color:hsl(var(--primary));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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)} .ui-textarea-sm{width:100%;border-radius:1rem;border-width:1px;border-color:hsl(var(--input));background-color:hsl(var(--background));padding:.5rem .75rem;font-size:.75rem;line-height:1rem;color:hsl(var(--foreground));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-timing-function:cubic-bezier(0,0,.2,1)} .ui-textarea-sm::-moz-placeholder{color:hsl(var(--muted-foreground))} .ui-textarea-sm::placeholder{color:hsl(var(--muted-foreground))} .ui-textarea-sm:focus{border-color:hsl(var(--primary));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(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)} .ui-field-label{margin-bottom:.25rem;display:block;font-size:.75rem;line-height:1rem;color:hsl(var(--muted-foreground))} .ui-section-title{font-size:1rem;line-height:1.5rem;font-weight:600;color:hsl(var(--foreground))} .ui-card-title{font-size:.875rem;line-height:1.25rem;font-weight:600;color:hsl(var(--foreground))} .ui-card-description{color:hsl(var(--muted-foreground))} .ui-section-kicker{font-size:.75rem;line-height:1rem;text-transform:uppercase;letter-spacing:.3em;color:hsl(var(--muted-foreground))} .ui-subsection-title{font-size:.875rem;line-height:1.25rem;font-weight:500;color:hsl(var(--foreground))} .ui-status-title{font-size:.75rem;line-height:1rem;font-weight:500;color:hsl(var(--foreground))} .ui-status-body{font-size:.75rem;line-height:1.25rem;color:hsl(var(--muted-foreground))} .ui-segmented{display:flex;align-items:center;gap:.25rem;border-radius:9999px;border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--muted) / .3);padding:.25rem} .ui-segmented-btn{display:inline-flex;align-items:center;gap:.375rem;border-radius:9999px;border-width:1px;border-color:transparent;padding:.375rem .75rem;font-size:11px;font-weight:500;color:hsl(var(--muted-foreground));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s} .ui-segmented-btn:hover{background-color:hsl(var(--accent) / .5);color:hsl(var(--foreground))} .ui-segmented-btn-active{border-color:hsl(var(--border));background-color:hsl(var(--accent) / .5);font-weight:500;color:hsl(var(--foreground))} .ui-segmented-count{display:inline-flex;min-width:1.2rem;align-items:center;justify-content:center;border-radius:9999px;background-color:hsl(var(--border) / .9);padding-left:.375rem;padding-right:.375rem;font-size:10px;line-height:1rem;color:hsl(var(--muted-foreground))} .ui-segmented-btn-active .ui-segmented-count{background-color:hsl(var(--border));color:hsl(var(--foreground))} .ui-panel{border-radius:1.5rem;border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--card));padding:1.5rem} .ui-card{border-radius:1rem;border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--card));padding:1rem} .ui-card-sm{border-radius:1rem;border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--card));padding:.75rem 1rem} .ui-surface{border-radius:1rem;border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--card))} .ui-callout{border-radius:1rem;border-width:1px;padding:.75rem 1rem} .ui-callout-muted{border-color:hsl(var(--border));background-color:hsl(var(--muted) / .3);color:hsl(var(--muted-foreground))} .ui-code-block{overflow-x:auto;border-radius:1rem;border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--card));padding:.75rem 1rem;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;line-height:1rem;color:hsl(var(--foreground));scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.35) transparent} .ui-code-block::-webkit-scrollbar{width:8px;height:8px} .ui-code-block::-webkit-scrollbar-track{background:transparent} .ui-code-block::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background-color:#00000059;background-clip:content-box} .ui-value-surface{border-radius:1rem;border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--background));padding:.5rem .75rem;font-size:.75rem;line-height:1rem;color:hsl(var(--muted-foreground))} .ui-value-surface-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace} .ui-overlay-panel{border-radius:1.5rem;border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--card));padding:1.5rem;--tw-shadow-color: var(--shadow-elevated);--tw-shadow: var(--tw-shadow-colored)} .ui-modal-panel{width:100%;overflow:hidden;--tw-shadow-color: var(--shadow-elevated);--tw-shadow: var(--tw-shadow-colored);border-radius:1rem;border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--card))} .ui-floating-panel{border-radius:1rem;border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--card));padding:.5rem;--tw-shadow-color: var(--shadow-floating);--tw-shadow: var(--tw-shadow-colored)} .ui-overlay-backdrop{background:var(--overlay-backdrop)} .ui-toast-card{display:flex;width:100%;align-items:center;gap:.75rem;border-radius:1rem;border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--card));padding:.75rem 1rem;--tw-shadow-color: var(--shadow-toast);--tw-shadow: var(--tw-shadow-colored)} .ui-tooltip{position:fixed;z-index:9999;--tw-translate-x: -50%;--tw-translate-y: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:calc(var(--radius) - 2px);background-color:hsl(var(--foreground));padding:.25rem .5rem;font-size:10px;color:hsl(var(--background));--tw-shadow-color: var(--shadow-floating);--tw-shadow: var(--tw-shadow-colored)} .ui-tooltip-arrow{position:absolute;left:50%;top:100%;height:0px;width:0px;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-left-width:4px;border-right-width:4px;border-top-width:4px;border-left-color:transparent;border-right-color:transparent;border-top-color:hsl(var(--foreground))} .ui-help-dot{display:inline-flex;height:1rem;width:1rem;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;border-color:hsl(var(--border));font-size:10px;line-height:1;color:hsl(var(--muted-foreground));cursor:help} .ui-help-dot:hover{border-color:hsl(var(--foreground) / .3);color:hsl(var(--foreground))} .ui-dialog-title{font-size:.875rem;line-height:1.25rem;font-weight:600;color:hsl(var(--foreground))} .ui-dialog-body{margin-top:.5rem;font-size:.875rem;line-height:1.25rem;color:hsl(var(--muted-foreground))} .ui-menu-item{display:flex;height:2rem;width:100%;align-items:center;justify-content:space-between;border-radius:9999px;padding-left:.75rem;padding-right:.75rem;text-align:left;font-size:.75rem;line-height:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s} .ui-menu-item:hover{background-color:hsl(var(--accent));color:hsl(var(--foreground))} .ui-menu-item-danger{color:hsl(var(--tone-error-foreground))} .ui-menu-item-danger:hover{background-color:hsl(var(--tone-error-bg)/.7);color:hsl(var(--tone-error-strong))} .hover\:border-input:hover{border-color:hsl(var(--input))} .hover\:border-primary:hover{border-color:hsl(var(--primary))} .hover\:border-primary\/40:hover{border-color:hsl(var(--primary) / .4)} .hover\:text-foreground:hover{color:hsl(var(--foreground))} .peer:checked~.peer-checked\:border-foreground{border-color:hsl(var(--foreground))} .peer:checked~.peer-checked\:bg-foreground{background-color:hsl(var(--foreground))} .peer:checked~.peer-checked\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))} .peer:disabled~.peer-disabled\:opacity-50{opacity:.5} @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\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}} @media(min-width:1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:flex-row{flex-direction:row}.xl\:items-center{align-items:center}.xl\:justify-between{justify-content:space-between}} .toast-card[data-v-37a07d60]{position:relative;display:flex;width:100%;align-items:center;gap:12px;overflow:hidden;border:1px solid hsl(var(--border));border-radius:18px;background:hsl(var(--card) / .98);padding:14px 14px 14px 12px;box-shadow:var(--shadow-toast);backdrop-filter:blur(10px)} .toast-card--success[data-v-37a07d60]{border-color:var(--toast-success-border);background:linear-gradient(180deg,var(--toast-success-bg-top),var(--toast-success-bg-bottom))} .toast-card--error[data-v-37a07d60]{border-color:var(--toast-error-border);background:linear-gradient(180deg,var(--toast-error-bg-top),var(--toast-error-bg-bottom))} .toast-card--warning[data-v-37a07d60]{border-color:var(--toast-warning-border);background:linear-gradient(180deg,var(--toast-warning-bg-top),var(--toast-warning-bg-bottom))} .toast-card--info[data-v-37a07d60]{border-color:var(--toast-info-border);background:linear-gradient(180deg,var(--toast-info-bg-top),var(--toast-info-bg-bottom))} .toast-icon-wrap[data-v-37a07d60]{display:flex;width:32px;height:32px;flex-shrink:0;align-items:center;justify-content:center;border-radius:999px;background:hsl(var(--secondary) / .7)} .toast-icon[data-v-37a07d60]{width:16px;height:16px} .toast-icon--success[data-v-37a07d60]{color:hsl(var(--tone-success-strong))} .toast-icon--error[data-v-37a07d60]{color:hsl(var(--tone-error-strong))} .toast-icon--warning[data-v-37a07d60]{color:hsl(var(--tone-warning-strong))} .toast-icon--info[data-v-37a07d60]{color:hsl(var(--tone-info-strong))} .toast-body[data-v-37a07d60]{display:flex;min-width:0;flex:1 1 auto;align-items:center;gap:8px;line-height:1.35} .toast-title[data-v-37a07d60]{flex-shrink:0;font-size:13px;font-weight:600;color:hsl(var(--foreground));white-space:nowrap} .toast-message[data-v-37a07d60]{font-size:12px;color:hsl(var(--muted-foreground));word-break:break-word} .toast-close[data-v-37a07d60]{display:inline-flex;width:28px;height:28px;flex-shrink:0;align-items:center;justify-content:center;border:none;border-radius:999px;background:transparent;color:hsl(var(--muted-foreground));cursor:pointer;transition:background .15s ease,color .15s ease} .toast-close[data-v-37a07d60]:hover{background:hsl(var(--secondary));color:hsl(var(--foreground))} .toast-enter-active[data-v-37a07d60],.toast-leave-active[data-v-37a07d60]{transition:all .22s ease} .toast-enter-from[data-v-37a07d60],.toast-leave-to[data-v-37a07d60]{opacity:0;transform:translateY(-4px) scale(.985)} .toast-move[data-v-37a07d60]{transition:transform .22s ease} *, ::before, ::after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / 0.5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: } ::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / 0.5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: } /* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } html[data-theme="dark"] { --background: 0 0% 6%; --foreground: 0 0% 96%; --card: 0 0% 10%; --card-foreground: 0 0% 96%; --primary: 0 0% 96%; --primary-foreground: 0 0% 8%; --secondary: 0 0% 16%; --secondary-foreground: 0 0% 96%; --muted: 0 0% 18%; --muted-foreground: 0 0% 72%; --accent: 0 0% 20%; --accent-foreground: 0 0% 96%; --destructive: 0 0% 72%; --destructive-foreground: 0 0% 8%; --border: 0 0% 27%; --input: 0 0% 27%; --ring: 0 0% 96%; --tone-success-border: 0 0% 36%; --tone-success-bg: 0 0% 14%; --tone-success-foreground: 0 0% 88%; --tone-success-strong: 0 0% 96%; --tone-warning-border: 0 0% 36%; --tone-warning-bg: 0 0% 14%; --tone-warning-foreground: 0 0% 88%; --tone-warning-strong: 0 0% 96%; --tone-error-border: 0 0% 36%; --tone-error-bg: 0 0% 14%; --tone-error-foreground: 0 0% 88%; --tone-error-strong: 0 0% 96%; --tone-info-border: 0 0% 36%; --tone-info-bg: 0 0% 14%; --tone-info-foreground: 0 0% 88%; --tone-info-strong: 0 0% 96%; --shadow-elevated: 0 10px 28px rgba(0, 0, 0, 0.38); --shadow-floating: 0 14px 32px rgba(0, 0, 0, 0.46); --shadow-toast: 0 12px 30px rgba(0, 0, 0, 0.36), 0 3px 10px rgba(0, 0, 0, 0.28); --overlay-backdrop: rgba(0, 0, 0, 0.68); --suffix-on-bg: 199 89% 16%; --suffix-on-border: 199 89% 34%; --suffix-on-foreground: 199 95% 82%; --suffix-off-bg: 0 0% 13%; --suffix-off-border: 0 0% 26%; --suffix-off-foreground: 0 0% 62%; --suffix-bad-bg: 346 77% 16%; --suffix-bad-border: 346 77% 40%; --suffix-bad-foreground: 346 95% 82%; --suffix-chip-bg: 199 89% 18%; --suffix-chip-foreground: 199 95% 84%; } :root { --suffix-on-bg: 204 100% 96%; --suffix-on-border: 198 87% 78%; --suffix-on-foreground: 199 89% 28%; --suffix-off-bg: 0 0% 97%; --suffix-off-border: 0 0% 88%; --suffix-off-foreground: 0 0% 45%; --suffix-bad-bg: 353 100% 96%; --suffix-bad-border: 346 77% 78%; --suffix-bad-foreground: 346 77% 36%; --suffix-chip-bg: 204 100% 94%; --suffix-chip-foreground: 199 89% 30%; } *{border-color:hsl(var(--border))} body{background-color:hsl(var(--background));color:hsl(var(--foreground)); font-family: "Noto Sans SC", "Helvetica Neue", Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0; padding: 0; overflow-x: hidden; background-image: radial-gradient(900px circle at 10% -20%, rgba(0, 0, 0, 0.04), transparent 45%), radial-gradient(700px circle at 90% 0%, rgba(0, 0, 0, 0.05), transparent 40%), linear-gradient(180deg, hsl(var(--background)) 0%, hsl(var(--background)) 100%)} body::before { content: ''; position: fixed; inset: 0; background-image: linear-gradient(120deg, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0)); opacity: 0.5; pointer-events: none; z-index: -1; } h1, h2, h3 { font-family: "Noto Serif SC", "Georgia", serif; letter-spacing: -0.01em; } #app { min-height: 100vh; } html[data-theme="dark"] body { background-image: radial-gradient(900px circle at 10% -20%, rgba(255, 255, 255, 0.06), transparent 45%), radial-gradient(700px circle at 90% 0%, rgba(255, 255, 255, 0.05), transparent 40%), linear-gradient(180deg, hsl(var(--background)) 0%, hsl(var(--background)) 100%); } html[data-theme="dark"] body::before { background-image: linear-gradient(120deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)); opacity: 1; } button:disabled, input:disabled, textarea:disabled, select:disabled, option:disabled, fieldset:disabled, [aria-disabled="true"], [data-disabled], label:has(input:disabled), label:has(textarea:disabled), label:has(select:disabled) { cursor: not-allowed; } button:disabled *, fieldset:disabled *, [aria-disabled="true"] *, [data-disabled] * { cursor: not-allowed; } .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} .\!visible{visibility: visible !important} .visible{visibility: visible} .invisible{visibility: hidden} .collapse{visibility: collapse} .fixed{position: fixed} .absolute{position: absolute} .relative{position: relative} .sticky{position: sticky} .inset-0{inset: 0px} .inset-y-0{top: 0px;bottom: 0px} .left-0{left: 0px} .right-0{right: 0px} .top-full{top: 100%} .z-30{z-index: 30} .z-40{z-index: 40} .z-\[1000\]{z-index: 1000} .z-\[1001\]{z-index: 1001} .z-\[300\]{z-index: 300} .z-\[90\]{z-index: 90} .col-span-1{grid-column: span 1 / span 1} .col-span-full{grid-column: 1 / -1} .mx-1{margin-left: 0.25rem;margin-right: 0.25rem} .mx-auto{margin-left: auto;margin-right: auto} .mb-1{margin-bottom: 0.25rem} .mb-2{margin-bottom: 0.5rem} .mb-3{margin-bottom: 0.75rem} .mb-4{margin-bottom: 1rem} .ml-1{margin-left: 0.25rem} .ml-2{margin-left: 0.5rem} .ml-auto{margin-left: auto} .mr-2{margin-right: 0.5rem} .mt-0\.5{margin-top: 0.125rem} .mt-1{margin-top: 0.25rem} .mt-1\.5{margin-top: 0.375rem} .mt-10{margin-top: 2.5rem} .mt-2{margin-top: 0.5rem} .mt-3{margin-top: 0.75rem} .mt-4{margin-top: 1rem} .mt-5{margin-top: 1.25rem} .mt-6{margin-top: 1.5rem} .mt-8{margin-top: 2rem} .mt-auto{margin-top: auto} .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} .block{display: block} .inline-block{display: inline-block} .flex{display: flex} .inline-flex{display: inline-flex} .table{display: table} .grid{display: grid} .hidden{display: none} .h-12{height: 3rem} .h-16{height: 4rem} .h-2{height: 0.5rem} .h-3{height: 0.75rem} .h-3\.5{height: 0.875rem} .h-4{height: 1rem} .h-5{height: 1.25rem} .h-56{height: 14rem} .h-6{height: 1.5rem} .h-7{height: 1.75rem} .h-72{height: 18rem} .h-8{height: 2rem} .h-9{height: 2.25rem} .h-\[28rem\]{height: 28rem} .h-\[80vh\]{height: 80vh} .h-\[calc\(100vh-32px\)\]{height: calc(100vh - 32px)} .h-full{height: 100%} .max-h-28{max-height: 7rem} .max-h-32{max-height: 8rem} .max-h-40{max-height: 10rem} .max-h-48{max-height: 12rem} .max-h-56{max-height: 14rem} .max-h-64{max-height: 16rem} .max-h-72{max-height: 18rem} .max-h-80{max-height: 20rem} .max-h-\[32rem\]{max-height: 32rem} .max-h-\[55vh\]{max-height: 55vh} .max-h-\[56vh\]{max-height: 56vh} .max-h-\[calc\(100vh-32px\)\]{max-height: calc(100vh - 32px)} .\!min-h-6{min-height: 1.5rem !important} .\!min-h-8{min-height: 2rem !important} .\!min-h-\[1\.625rem\]{min-height: 1.625rem !important} .min-h-40{min-height: 10rem} .min-h-44{min-height: 11rem} .min-h-56{min-height: 14rem} .min-h-\[130px\]{min-height: 130px} .min-h-\[2\.5rem\]{min-height: 2.5rem} .min-h-\[2\.75rem\]{min-height: 2.75rem} .min-h-\[24rem\]{min-height: 24rem} .min-h-\[26rem\]{min-height: 26rem} .min-h-\[3\.25rem\]{min-height: 3.25rem} .min-h-\[44px\]{min-height: 44px} .min-h-\[52px\]{min-height: 52px} .min-h-\[90px\]{min-height: 90px} .min-h-full{min-height: 100%} .min-h-screen{min-height: 100vh} .w-10{width: 2.5rem} .w-12{width: 3rem} .w-14{width: 3.5rem} .w-16{width: 4rem} .w-2{width: 0.5rem} .w-24{width: 6rem} .w-28{width: 7rem} .w-3{width: 0.75rem} .w-3\.5{width: 0.875rem} .w-36{width: 9rem} .w-4{width: 1rem} .w-40{width: 10rem} .w-44{width: 11rem} .w-48{width: 12rem} .w-5{width: 1.25rem} .w-56{width: 14rem} .w-6{width: 1.5rem} .w-64{width: 16rem} .w-7{width: 1.75rem} .w-72{width: 18rem} .w-8{width: 2rem} .w-80{width: 20rem} .w-9{width: 2.25rem} .w-\[10\%\]{width: 10%} .w-\[11\%\]{width: 11%} .w-\[110px\]{width: 110px} .w-\[11rem\]{width: 11rem} .w-\[12\%\]{width: 12%} .w-\[12rem\]{width: 12rem} .w-\[13\.25rem\]{width: 13.25rem} .w-\[14\%\]{width: 14%} .w-\[15\%\]{width: 15%} .w-\[16rem\]{width: 16rem} .w-\[22\%\]{width: 22%} .w-\[23\%\]{width: 23%} .w-\[24\%\]{width: 24%} .w-\[3\.5rem\]{width: 3.5rem} .w-\[34\%\]{width: 34%} .w-\[36\%\]{width: 36%} .w-\[4\.5rem\]{width: 4.5rem} .w-\[40\%\]{width: 40%} .w-\[5\.25rem\]{width: 5.25rem} .w-\[58rem\]{width: 58rem} .w-\[6rem\]{width: 6rem} .w-\[8rem\]{width: 8rem} .w-\[9\%\]{width: 9%} .w-\[9rem\]{width: 9rem} .w-full{width: 100%} .min-w-0{min-width: 0px} .min-w-14{min-width: 3.5rem} .min-w-20{min-width: 5rem} .min-w-24{min-width: 6rem} .min-w-52{min-width: 13rem} .min-w-\[1080px\]{min-width: 1080px} .min-w-\[1160px\]{min-width: 1160px} .min-w-\[1200px\]{min-width: 1200px} .min-w-\[1240px\]{min-width: 1240px} .min-w-\[12rem\]{min-width: 12rem} .min-w-\[14rem\]{min-width: 14rem} .min-w-\[2\.75rem\]{min-width: 2.75rem} .min-w-\[68rem\]{min-width: 68rem} .min-w-\[7\.5rem\]{min-width: 7.5rem} .min-w-\[760px\]{min-width: 760px} .min-w-\[860px\]{min-width: 860px} .min-w-\[980px\]{min-width: 980px} .min-w-max{min-width: -moz-max-content;min-width: max-content} .max-w-2xl{max-width: 42rem} .max-w-3xl{max-width: 48rem} .max-w-40{max-width: 10rem} .max-w-4xl{max-width: 56rem} .max-w-52{max-width: 13rem} .max-w-64{max-width: 16rem} .max-w-\[12rem\]{max-width: 12rem} .max-w-\[13rem\]{max-width: 13rem} .max-w-\[14rem\]{max-width: 14rem} .max-w-\[16rem\]{max-width: 16rem} .max-w-\[18rem\]{max-width: 18rem} .max-w-\[24rem\]{max-width: 24rem} .max-w-\[28rem\]{max-width: 28rem} .max-w-\[calc\(100vw-2rem\)\]{max-width: calc(100vw - 2rem)} .max-w-full{max-width: 100%} .max-w-lg{max-width: 32rem} .max-w-md{max-width: 28rem} .max-w-sm{max-width: 24rem} .flex-1{flex: 1 1 0%} .flex-shrink{flex-shrink: 1} .shrink-0{flex-shrink: 0} .table-fixed{table-layout: fixed} .border-collapse{border-collapse: collapse} .-translate-x-full{--tw-translate-x: -100%;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .translate-x-0{--tw-translate-x: 0px;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .translate-x-0\.5{--tw-translate-x: 0.125rem;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .rotate-180{--tw-rotate: 180deg;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .rotate-90{--tw-rotate: 90deg;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .transform{transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .transform-gpu{transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} @keyframes spin{ to{transform: rotate(360deg)}} .animate-spin{animation: spin 1s linear infinite} .cursor-not-allowed{cursor: not-allowed} .cursor-pointer{cursor: pointer} .resize-y{resize: vertical} .resize{resize: both} .list-none{list-style-type: none} .grid-cols-1{grid-template-columns: repeat(1, minmax(0, 1fr))} .grid-cols-2{grid-template-columns: repeat(2, minmax(0, 1fr))} .grid-cols-6{grid-template-columns: repeat(6, minmax(0, 1fr))} .grid-cols-\[6rem_minmax\(0\2c 1fr\)\]{grid-template-columns: 6rem minmax(0,1fr)} .flex-col{flex-direction: column} .flex-wrap{flex-wrap: wrap} .items-start{align-items: flex-start} .items-end{align-items: flex-end} .items-center{align-items: center} .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} .gap-0{gap: 0px} .gap-0\.5{gap: 0.125rem} .gap-1{gap: 0.25rem} .gap-1\.5{gap: 0.375rem} .gap-2{gap: 0.5rem} .gap-2\.5{gap: 0.625rem} .gap-3{gap: 0.75rem} .gap-4{gap: 1rem} .gap-5{gap: 1.25rem} .gap-6{gap: 1.5rem} .gap-x-1{-moz-column-gap: 0.25rem;column-gap: 0.25rem} .gap-x-4{-moz-column-gap: 1rem;column-gap: 1rem} .gap-y-1{row-gap: 0.25rem} .space-y-1 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse: 0;margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom: calc(0.25rem * var(--tw-space-y-reverse))} .space-y-1\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse: 0;margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom: calc(0.375rem * var(--tw-space-y-reverse))} .space-y-2 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse: 0;margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))} .space-y-3 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse: 0;margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom: calc(0.75rem * var(--tw-space-y-reverse))} .space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse: 0;margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom: calc(1rem * var(--tw-space-y-reverse))} .space-y-5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse: 0;margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))} .space-y-6 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse: 0;margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))} .space-y-8 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse: 0;margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom: calc(2rem * var(--tw-space-y-reverse))} .divide-y > :not([hidden]) ~ :not([hidden]){--tw-divide-y-reverse: 0;border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width: calc(1px * var(--tw-divide-y-reverse))} .divide-border > :not([hidden]) ~ :not([hidden]){border-color: hsl(var(--border))} .divide-border\/70 > :not([hidden]) ~ :not([hidden]){border-color: hsl(var(--border) / 0.7)} .overflow-auto{overflow: auto} .overflow-hidden{overflow: hidden} .overflow-y-auto{overflow-y: auto} .overflow-x-hidden{overflow-x: hidden} .overscroll-contain{overscroll-behavior: contain} .truncate{overflow: hidden;text-overflow: ellipsis;white-space: nowrap} .whitespace-nowrap{white-space: nowrap} .whitespace-pre-line{white-space: pre-line} .whitespace-pre-wrap{white-space: pre-wrap} .break-words{overflow-wrap: break-word} .break-all{word-break: break-all} .rounded{border-radius: 0.25rem} .rounded-2xl{border-radius: 1rem} .rounded-\[0\.9rem\]{border-radius: 0.9rem} .rounded-\[2\.5rem\]{border-radius: 2.5rem} .rounded-full{border-radius: 9999px} .rounded-lg{border-radius: var(--radius)} .rounded-md{border-radius: calc(var(--radius) - 2px)} .rounded-xl{border-radius: 0.75rem} .border{border-width: 1px} .border-0{border-width: 0px} .border-b{border-bottom-width: 1px} .border-l{border-left-width: 1px} .border-r{border-right-width: 1px} .border-t{border-top-width: 1px} .border-dashed{border-style: dashed} .\!border-amber-500{--tw-border-opacity: 1 !important;border-color: rgb(245 158 11 / var(--tw-border-opacity, 1)) !important} .\!border-amber-500\/40{border-color: rgb(245 158 11 / 0.4) !important} .\!border-amber-500\/45{border-color: rgb(245 158 11 / 0.45) !important} .\!border-border{border-color: hsl(var(--border)) !important} .\!border-cyan-500{--tw-border-opacity: 1 !important;border-color: rgb(6 182 212 / var(--tw-border-opacity, 1)) !important} .\!border-cyan-500\/40{border-color: rgb(6 182 212 / 0.4) !important} .\!border-cyan-500\/45{border-color: rgb(6 182 212 / 0.45) !important} .\!border-emerald-500{--tw-border-opacity: 1 !important;border-color: rgb(16 185 129 / var(--tw-border-opacity, 1)) !important} .\!border-emerald-500\/40{border-color: rgb(16 185 129 / 0.4) !important} .\!border-emerald-500\/45{border-color: rgb(16 185 129 / 0.45) !important} .\!border-foreground\/10{border-color: hsl(var(--foreground) / 0.1) !important} .\!border-muted{border-color: hsl(var(--muted)) !important} .\!border-rose-500{--tw-border-opacity: 1 !important;border-color: rgb(244 63 94 / var(--tw-border-opacity, 1)) !important} .\!border-rose-500\/40{border-color: rgb(244 63 94 / 0.4) !important} .\!border-rose-500\/45{border-color: rgb(244 63 94 / 0.45) !important} .\!border-transparent{border-color: transparent !important} .border-\[hsl\(var\(--primary\)_\/_0\.28\)\]{border-color: hsl(var(--primary) / 0.28)} .border-amber-200\/80{border-color: rgb(253 230 138 / 0.8)} .border-amber-300\/60{border-color: rgb(252 211 77 / 0.6)} .border-amber-300\/70{border-color: rgb(252 211 77 / 0.7)} .border-amber-500\/40{border-color: rgb(245 158 11 / 0.4)} .border-border{border-color: hsl(var(--border))} .border-border\/50{border-color: hsl(var(--border) / 0.5)} .border-border\/60{border-color: hsl(var(--border) / 0.6)} .border-border\/70{border-color: hsl(var(--border) / 0.7)} .border-cyan-500\/35{border-color: rgb(6 182 212 / 0.35)} .border-cyan-500\/40{border-color: rgb(6 182 212 / 0.4)} .border-emerald-200{--tw-border-opacity: 1;border-color: rgb(167 243 208 / var(--tw-border-opacity, 1))} .border-emerald-200\/60{border-color: rgb(167 243 208 / 0.6)} .border-emerald-200\/70{border-color: rgb(167 243 208 / 0.7)} .border-emerald-500\/40{border-color: rgb(16 185 129 / 0.4)} .border-muted{border-color: hsl(var(--muted))} .border-rose-200{--tw-border-opacity: 1;border-color: rgb(254 205 211 / var(--tw-border-opacity, 1))} .border-rose-400{--tw-border-opacity: 1;border-color: rgb(251 113 133 / var(--tw-border-opacity, 1))} .border-rose-500\/40{border-color: rgb(244 63 94 / 0.4)} .border-sky-200{--tw-border-opacity: 1;border-color: rgb(186 230 253 / var(--tw-border-opacity, 1))} .border-sky-200\/80{border-color: rgb(186 230 253 / 0.8)} .border-sky-400{--tw-border-opacity: 1;border-color: rgb(56 189 248 / var(--tw-border-opacity, 1))} .border-transparent{border-color: transparent} .border-violet-500\/40{border-color: rgb(139 92 246 / 0.4)} .\!bg-amber-500{--tw-bg-opacity: 1 !important;background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1)) !important} .\!bg-amber-500\/10{background-color: rgb(245 158 11 / 0.1) !important} .\!bg-background\/70{background-color: hsl(var(--background) / 0.7) !important} .\!bg-cyan-500{--tw-bg-opacity: 1 !important;background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1)) !important} .\!bg-cyan-500\/10{background-color: rgb(6 182 212 / 0.1) !important} .\!bg-emerald-500{--tw-bg-opacity: 1 !important;background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1)) !important} .\!bg-emerald-500\/10{background-color: rgb(16 185 129 / 0.1) !important} .\!bg-foreground{background-color: hsl(var(--foreground)) !important} .\!bg-muted\/20{background-color: hsl(var(--muted) / 0.2) !important} .\!bg-rose-500{--tw-bg-opacity: 1 !important;background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1)) !important} .\!bg-rose-500\/10{background-color: rgb(244 63 94 / 0.1) !important} .\!bg-transparent{background-color: transparent !important} .bg-\[hsl\(var\(--card\)\)\]{background-color: hsl(var(--card))} .bg-\[hsl\(var\(--primary\)_\/_0\.08\)\]{background-color: hsl(var(--primary) / 0.08)} .bg-accent{background-color: hsl(var(--accent))} .bg-amber-100{--tw-bg-opacity: 1;background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1))} .bg-amber-400{--tw-bg-opacity: 1;background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1))} .bg-amber-50\/70{background-color: rgb(255 251 235 / 0.7)} .bg-amber-500\/10{background-color: rgb(245 158 11 / 0.1)} .bg-amber-500\/15{background-color: rgb(245 158 11 / 0.15)} .bg-amber-500\/5{background-color: rgb(245 158 11 / 0.05)} .bg-background{background-color: hsl(var(--background))} .bg-background\/60{background-color: hsl(var(--background) / 0.6)} .bg-background\/70{background-color: hsl(var(--background) / 0.7)} .bg-black\/20{background-color: rgb(0 0 0 / 0.2)} .bg-black\/40{background-color: rgb(0 0 0 / 0.4)} .bg-blue-500\/10{background-color: rgb(59 130 246 / 0.1)} .bg-card{background-color: hsl(var(--card))} .bg-cyan-100{--tw-bg-opacity: 1;background-color: rgb(207 250 254 / var(--tw-bg-opacity, 1))} .bg-cyan-500\/10{background-color: rgb(6 182 212 / 0.1)} .bg-emerald-100{--tw-bg-opacity: 1;background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1))} .bg-emerald-50{--tw-bg-opacity: 1;background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1))} .bg-emerald-50\/60{background-color: rgb(236 253 245 / 0.6)} .bg-emerald-500{--tw-bg-opacity: 1;background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1))} .bg-emerald-500\/10{background-color: rgb(16 185 129 / 0.1)} .bg-emerald-500\/15{background-color: rgb(16 185 129 / 0.15)} .bg-muted\/10{background-color: hsl(var(--muted) / 0.1)} .bg-muted\/20{background-color: hsl(var(--muted) / 0.2)} .bg-muted\/30{background-color: hsl(var(--muted) / 0.3)} .bg-muted\/40{background-color: hsl(var(--muted) / 0.4)} .bg-muted\/50{background-color: hsl(var(--muted) / 0.5)} .bg-muted\/60{background-color: hsl(var(--muted) / 0.6)} .bg-orange-500\/5{background-color: rgb(249 115 22 / 0.05)} .bg-primary\/10{background-color: hsl(var(--primary) / 0.1)} .bg-primary\/5{background-color: hsl(var(--primary) / 0.05)} .bg-red-500\/15{background-color: rgb(239 68 68 / 0.15)} .bg-rose-100{--tw-bg-opacity: 1;background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1))} .bg-rose-50{--tw-bg-opacity: 1;background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1))} .bg-rose-500{--tw-bg-opacity: 1;background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1))} .bg-rose-500\/10{background-color: rgb(244 63 94 / 0.1)} .bg-rose-500\/15{background-color: rgb(244 63 94 / 0.15)} .bg-rose-500\/5{background-color: rgb(244 63 94 / 0.05)} .bg-secondary{background-color: hsl(var(--secondary))} .bg-sky-100{--tw-bg-opacity: 1;background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1))} .bg-sky-50{--tw-bg-opacity: 1;background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1))} .bg-sky-50\/60{background-color: rgb(240 249 255 / 0.6)} .bg-sky-50\/80{background-color: rgb(240 249 255 / 0.8)} .bg-sky-500\/10{background-color: rgb(14 165 233 / 0.1)} .bg-sky-500\/15{background-color: rgb(14 165 233 / 0.15)} .bg-sky-500\/5{background-color: rgb(14 165 233 / 0.05)} .bg-slate-100{--tw-bg-opacity: 1;background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1))} .bg-slate-500\/10{background-color: rgb(100 116 139 / 0.1)} .bg-slate-500\/15{background-color: rgb(100 116 139 / 0.15)} .bg-transparent{background-color: transparent} .bg-violet-500\/10{background-color: rgb(139 92 246 / 0.1)} .bg-violet-500\/15{background-color: rgb(139 92 246 / 0.15)} .bg-white{--tw-bg-opacity: 1;background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))} .bg-zinc-950{--tw-bg-opacity: 1;background-color: rgb(9 9 11 / var(--tw-bg-opacity, 1))} .p-0{padding: 0px} .p-10{padding: 2.5rem} .p-2{padding: 0.5rem} .p-2\.5{padding: 0.625rem} .p-3{padding: 0.75rem} .p-4{padding: 1rem} .p-6{padding: 1.5rem} .\!px-2\.5{padding-left: 0.625rem !important;padding-right: 0.625rem !important} .\!px-3{padding-left: 0.75rem !important;padding-right: 0.75rem !important} .\!px-3\.5{padding-left: 0.875rem !important;padding-right: 0.875rem !important} .\!py-1{padding-top: 0.25rem !important;padding-bottom: 0.25rem !important} .\!py-1\.5{padding-top: 0.375rem !important;padding-bottom: 0.375rem !important} .\!py-2{padding-top: 0.5rem !important;padding-bottom: 0.5rem !important} .px-1{padding-left: 0.25rem;padding-right: 0.25rem} .px-1\.5{padding-left: 0.375rem;padding-right: 0.375rem} .px-2{padding-left: 0.5rem;padding-right: 0.5rem} .px-2\.5{padding-left: 0.625rem;padding-right: 0.625rem} .px-3{padding-left: 0.75rem;padding-right: 0.75rem} .px-3\.5{padding-left: 0.875rem;padding-right: 0.875rem} .px-4{padding-left: 1rem;padding-right: 1rem} .px-5{padding-left: 1.25rem;padding-right: 1.25rem} .px-6{padding-left: 1.5rem;padding-right: 1.5rem} .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-10{padding-top: 2.5rem;padding-bottom: 2.5rem} .py-12{padding-top: 3rem;padding-bottom: 3rem} .py-2{padding-top: 0.5rem;padding-bottom: 0.5rem} .py-2\.5{padding-top: 0.625rem;padding-bottom: 0.625rem} .py-3{padding-top: 0.75rem;padding-bottom: 0.75rem} .py-4{padding-top: 1rem;padding-bottom: 1rem} .py-5{padding-top: 1.25rem;padding-bottom: 1.25rem} .py-6{padding-top: 1.5rem;padding-bottom: 1.5rem} .py-8{padding-top: 2rem;padding-bottom: 2rem} .pb-0{padding-bottom: 0px} .pb-10{padding-bottom: 2.5rem} .pb-2{padding-bottom: 0.5rem} .pb-3{padding-bottom: 0.75rem} .pb-4{padding-bottom: 1rem} .pb-5{padding-bottom: 1.25rem} .pl-4{padding-left: 1rem} .pr-1{padding-right: 0.25rem} .pr-2{padding-right: 0.5rem} .pr-3{padding-right: 0.75rem} .pr-4{padding-right: 1rem} .pr-5{padding-right: 1.25rem} .pt-0{padding-top: 0px} .pt-1{padding-top: 0.25rem} .pt-2{padding-top: 0.5rem} .pt-3{padding-top: 0.75rem} .pt-4{padding-top: 1rem} .pt-5{padding-top: 1.25rem} .pt-6{padding-top: 1.5rem} .text-left{text-align: left} .text-center{text-align: center} .text-right{text-align: right} .align-top{vertical-align: top} .align-middle{vertical-align: middle} .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, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"} .\!text-\[11px\]{font-size: 11px !important} .\!text-xs{font-size: 0.75rem !important;line-height: 1rem !important} .text-2xl{font-size: 1.5rem;line-height: 2rem} .text-3xl{font-size: 1.875rem;line-height: 2.25rem} .text-\[10px\]{font-size: 10px} .text-\[11px\]{font-size: 11px} .text-\[12\.5px\]{font-size: 12.5px} .text-\[12px\]{font-size: 12px} .text-\[13px\]{font-size: 13px} .text-base{font-size: 1rem;line-height: 1.5rem} .text-sm{font-size: 0.875rem;line-height: 1.25rem} .text-xl{font-size: 1.25rem;line-height: 1.75rem} .text-xs{font-size: 0.75rem;line-height: 1rem} .\!font-semibold{font-weight: 600 !important} .font-medium{font-weight: 500} .font-normal{font-weight: 400} .font-semibold{font-weight: 600} .uppercase{text-transform: uppercase} .tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)} .leading-5{line-height: 1.25rem} .leading-6{line-height: 1.5rem} .leading-7{line-height: 1.75rem} .leading-none{line-height: 1} .leading-relaxed{line-height: 1.625} .tracking-\[0\.16em\]{letter-spacing: 0.16em} .tracking-\[0\.25em\]{letter-spacing: 0.25em} .tracking-\[0\.28em\]{letter-spacing: 0.28em} .tracking-normal{letter-spacing: 0em} .tracking-wider{letter-spacing: 0.05em} .\!text-amber-500{--tw-text-opacity: 1 !important;color: rgb(245 158 11 / var(--tw-text-opacity, 1)) !important} .\!text-background{color: hsl(var(--background)) !important} .\!text-cyan-500{--tw-text-opacity: 1 !important;color: rgb(6 182 212 / var(--tw-text-opacity, 1)) !important} .\!text-emerald-500{--tw-text-opacity: 1 !important;color: rgb(16 185 129 / var(--tw-text-opacity, 1)) !important} .\!text-muted-foreground{color: hsl(var(--muted-foreground)) !important} .\!text-rose-500{--tw-text-opacity: 1 !important;color: rgb(244 63 94 / var(--tw-text-opacity, 1)) !important} .\!text-white{--tw-text-opacity: 1 !important;color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important} .text-accent-foreground{color: hsl(var(--accent-foreground))} .text-amber-600{--tw-text-opacity: 1;color: rgb(217 119 6 / var(--tw-text-opacity, 1))} .text-amber-700{--tw-text-opacity: 1;color: rgb(180 83 9 / var(--tw-text-opacity, 1))} .text-amber-800{--tw-text-opacity: 1;color: rgb(146 64 14 / var(--tw-text-opacity, 1))} .text-amber-900{--tw-text-opacity: 1;color: rgb(120 53 15 / var(--tw-text-opacity, 1))} .text-blue-700{--tw-text-opacity: 1;color: rgb(29 78 216 / var(--tw-text-opacity, 1))} .text-cyan-600{--tw-text-opacity: 1;color: rgb(8 145 178 / var(--tw-text-opacity, 1))} .text-cyan-700{--tw-text-opacity: 1;color: rgb(14 116 144 / var(--tw-text-opacity, 1))} .text-emerald-600{--tw-text-opacity: 1;color: rgb(5 150 105 / var(--tw-text-opacity, 1))} .text-emerald-700{--tw-text-opacity: 1;color: rgb(4 120 87 / var(--tw-text-opacity, 1))} .text-emerald-800{--tw-text-opacity: 1;color: rgb(6 95 70 / var(--tw-text-opacity, 1))} .text-emerald-900{--tw-text-opacity: 1;color: rgb(6 78 59 / var(--tw-text-opacity, 1))} .text-foreground{color: hsl(var(--foreground))} .text-foreground\/70{color: hsl(var(--foreground) / 0.7)} .text-foreground\/80{color: hsl(var(--foreground) / 0.8)} .text-foreground\/85{color: hsl(var(--foreground) / 0.85)} .text-foreground\/90{color: hsl(var(--foreground) / 0.9)} .text-indigo-600{--tw-text-opacity: 1;color: rgb(79 70 229 / var(--tw-text-opacity, 1))} .text-muted-foreground{color: hsl(var(--muted-foreground))} .text-muted-foreground\/40{color: hsl(var(--muted-foreground) / 0.4)} .text-muted-foreground\/50{color: hsl(var(--muted-foreground) / 0.5)} .text-muted-foreground\/60{color: hsl(var(--muted-foreground) / 0.6)} .text-muted-foreground\/70{color: hsl(var(--muted-foreground) / 0.7)} .text-primary{color: hsl(var(--primary))} .text-red-600{--tw-text-opacity: 1;color: rgb(220 38 38 / var(--tw-text-opacity, 1))} .text-rose-500{--tw-text-opacity: 1;color: rgb(244 63 94 / var(--tw-text-opacity, 1))} .text-rose-600{--tw-text-opacity: 1;color: rgb(225 29 72 / var(--tw-text-opacity, 1))} .text-rose-700{--tw-text-opacity: 1;color: rgb(190 18 60 / var(--tw-text-opacity, 1))} .text-sky-600{--tw-text-opacity: 1;color: rgb(2 132 199 / var(--tw-text-opacity, 1))} .text-sky-800{--tw-text-opacity: 1;color: rgb(7 89 133 / var(--tw-text-opacity, 1))} .text-sky-900{--tw-text-opacity: 1;color: rgb(12 74 110 / var(--tw-text-opacity, 1))} .text-slate-400{--tw-text-opacity: 1;color: rgb(148 163 184 / var(--tw-text-opacity, 1))} .text-slate-500{--tw-text-opacity: 1;color: rgb(100 116 139 / var(--tw-text-opacity, 1))} .text-slate-600{--tw-text-opacity: 1;color: rgb(71 85 105 / var(--tw-text-opacity, 1))} .text-teal-600{--tw-text-opacity: 1;color: rgb(13 148 136 / var(--tw-text-opacity, 1))} .text-violet-600{--tw-text-opacity: 1;color: rgb(124 58 237 / var(--tw-text-opacity, 1))} .text-zinc-100{--tw-text-opacity: 1;color: rgb(244 244 245 / var(--tw-text-opacity, 1))} .underline{text-decoration-line: underline} .underline-offset-2{text-underline-offset: 2px} .accent-sky-600{accent-color: #0284c7} .opacity-50{opacity: 0.5} .shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-\[inset_0_0_0_1px_hsl\(var\(--primary\)_\/_0\.08\)\]{--tw-shadow: inset 0 0 0 1px hsl(var(--primary) / 0.08);--tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)} .shadow-\[var\(--shadow-floating\)\]{--tw-shadow-color: var(--shadow-floating);--tw-shadow: var(--tw-shadow-colored)} .shadow-black\/10{--tw-shadow-color: rgb(0 0 0 / 0.1);--tw-shadow: var(--tw-shadow-colored)} .outline-none{outline: 2px solid transparent;outline-offset: 2px} .outline{outline-style: solid} .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)} .ring-amber-400\/20{--tw-ring-color: rgb(251 191 36 / 0.2)} .ring-emerald-500\/15{--tw-ring-color: rgb(16 185 129 / 0.15)} .ring-primary\/30{--tw-ring-color: hsl(var(--primary) / 0.3)} .blur{--tw-blur: blur(8px);filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .invert{--tw-invert: invert(100%);filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .filter{filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .backdrop-filter{backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .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-\[transform\2c width\]{transition-property: transform,width;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-transform{transition-property: transform;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms} .duration-200{transition-duration: 200ms} .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)} .will-change-\[transform\2c width\]{will-change: transform,width} html { font-size: 15px; } html, body { scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, 0.35) transparent; } * { scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, 0.35) transparent; } html::-webkit-scrollbar, body::-webkit-scrollbar, *::-webkit-scrollbar { width: 8px; height: 8px; } html::-webkit-scrollbar-track, body::-webkit-scrollbar-track, *::-webkit-scrollbar-track { background: transparent; } html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb, *::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.35); border-radius: 999px; border: 2px solid transparent; background-clip: content-box; } .scrollbar-slim { scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, 0.35) transparent; } .scrollbar-slim::-webkit-scrollbar { width: 8px; height: 8px; } .scrollbar-slim::-webkit-scrollbar-track { background: transparent; } .scrollbar-slim::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.35); border-radius: 999px; border: 2px solid transparent; background-clip: content-box; } .cv-auto { content-visibility: auto; contain-intrinsic-size: 0 44px; } .account-status-detail-card .ui-status-body { white-space: pre-line; line-height: 1.6; } input::-moz-placeholder, textarea::-moz-placeholder, input.font-mono::-moz-placeholder, textarea.font-mono::-moz-placeholder, input.ui-input-sm::-moz-placeholder, input.ui-input-md::-moz-placeholder, textarea.ui-textarea-sm::-moz-placeholder { color: hsl(var(--muted-foreground) / 0.62); font-family: "Noto Sans SC", "Helvetica Neue", Arial, sans-serif; font-size: inherit; font-weight: 400; letter-spacing: 0; opacity: 1; } input::placeholder, textarea::placeholder, input.font-mono::placeholder, textarea.font-mono::placeholder, input.ui-input-sm::placeholder, input.ui-input-md::placeholder, textarea.ui-textarea-sm::placeholder { color: hsl(var(--muted-foreground) / 0.62); font-family: "Noto Sans SC", "Helvetica Neue", Arial, sans-serif; font-size: inherit; font-weight: 400; letter-spacing: 0; opacity: 1; } .ui-select-trigger { display: inline-flex; width: auto; min-width: 0; align-items: center; justify-content: space-between; gap: 0.5rem; color: hsl(var(--foreground)); } .ui-select-trigger:hover:not(:disabled), .ui-select-trigger[aria-expanded="true"] { border-color: hsl(var(--primary)); } .ui-select-trigger > svg { flex: 0 0 auto; } .hover\:border-border:hover{border-color: hsl(var(--border))} .hover\:border-primary\/30:hover{border-color: hsl(var(--primary) / 0.3)} .hover\:bg-\[hsl\(var\(--secondary\)_\/_0\.55\)\]:hover{background-color: hsl(var(--secondary) / 0.55)} .hover\:bg-card:hover{background-color: hsl(var(--card))} .hover\:bg-emerald-500\/25:hover{background-color: rgb(16 185 129 / 0.25)} .hover\:bg-muted\/20:hover{background-color: hsl(var(--muted) / 0.2)} .hover\:bg-muted\/30:hover{background-color: hsl(var(--muted) / 0.3)} .hover\:bg-muted\/40:hover{background-color: hsl(var(--muted) / 0.4)} .hover\:bg-muted\/60:hover{background-color: hsl(var(--muted) / 0.6)} .hover\:bg-slate-500\/20:hover{background-color: rgb(100 116 139 / 0.2)} .hover\:text-foreground:hover{color: hsl(var(--foreground))} .hover\:text-rose-700:hover{--tw-text-opacity: 1;color: rgb(190 18 60 / var(--tw-text-opacity, 1))} .hover\:underline:hover{text-decoration-line: underline} .focus\:border-primary:focus{border-color: hsl(var(--primary))} .focus\:border-sky-500:focus{--tw-border-opacity: 1;border-color: rgb(14 165 233 / var(--tw-border-opacity, 1))} .focus\:outline-none:focus{outline: 2px solid transparent;outline-offset: 2px} .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\:ring-primary\/60:focus-visible{--tw-ring-color: hsl(var(--primary) / 0.6)} .disabled\:cursor-not-allowed:disabled{cursor: not-allowed} .disabled\:opacity-60:disabled{opacity: 0.6} .group:hover .group-hover\:border-\[hsl\(var\(--foreground\)_\/_0\.28\)\]{border-color: hsl(var(--foreground) / 0.28)} .group:hover .group-hover\:text-foreground{color: hsl(var(--foreground))} @media (prefers-reduced-motion: no-preference){ @keyframes pulse{ 50%{opacity: .5}} .motion-safe\:animate-pulse{animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}} @media (min-width: 640px){ .sm\:col-span-2{grid-column: span 2 / span 2} .sm\:inline{display: inline} .sm\:max-w-md{max-width: 28rem} .sm\:grid-cols-2{grid-template-columns: repeat(2, minmax(0, 1fr))} .sm\:grid-cols-3{grid-template-columns: repeat(3, minmax(0, 1fr))} .sm\:flex-row{flex-direction: row}} @media (min-width: 768px){ .md\:col-span-2{grid-column: span 2 / span 2} .md\:col-span-3{grid-column: span 3 / span 3} .md\:w-80{width: 20rem} .md\:max-w-sm{max-width: 24rem} .md\:grid-cols-2{grid-template-columns: repeat(2, minmax(0, 1fr))} .md\:grid-cols-3{grid-template-columns: repeat(3, minmax(0, 1fr))} .md\:grid-cols-4{grid-template-columns: repeat(4, minmax(0, 1fr))} .md\:grid-cols-5{grid-template-columns: repeat(5, minmax(0, 1fr))} .md\:grid-cols-\[11rem_minmax\(0\2c 1fr\)\]{grid-template-columns: 11rem minmax(0,1fr)} .md\:grid-cols-\[12rem_12rem_minmax\(0\2c 1fr\)\]{grid-template-columns: 12rem 12rem minmax(0,1fr)} .md\:grid-cols-\[12rem_minmax\(0\2c 1fr\)\]{grid-template-columns: 12rem minmax(0,1fr)} .md\:grid-cols-\[15rem_1fr\]{grid-template-columns: 15rem 1fr} .md\:grid-cols-\[18rem_1fr\]{grid-template-columns: 18rem 1fr} .md\:grid-cols-\[8rem_minmax\(0\2c 1fr\)_6\.5rem_auto\]{grid-template-columns: 8rem minmax(0,1fr) 6.5rem auto} .md\:grid-cols-\[minmax\(0\2c 1fr\)_16rem\]{grid-template-columns: minmax(0,1fr) 16rem} .md\:grid-cols-\[minmax\(0\2c 1fr\)_auto\]{grid-template-columns: minmax(0,1fr) auto} .md\:grid-cols-\[minmax\(0\2c 1fr\)_auto_auto\]{grid-template-columns: minmax(0,1fr) auto auto} .md\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(12rem\2c 16rem\)_auto_auto\]{grid-template-columns: minmax(0,1fr) minmax(12rem,16rem) auto auto} .md\:grid-cols-\[minmax\(12rem\2c 0\.35fr\)_1fr\]{grid-template-columns: minmax(12rem,0.35fr) 1fr} .md\:flex-row{flex-direction: row} .md\:items-center{align-items: center} .md\:justify-between{justify-content: space-between} .md\:border-b-0{border-bottom-width: 0px} .md\:border-r{border-right-width: 1px}} @media (min-width: 1024px){ .lg\:static{position: static} .lg\:sticky{position: sticky} .lg\:top-0{top: 0px} .lg\:ml-0{margin-left: 0px} .lg\:hidden{display: none} .lg\:h-20{height: 5rem} .lg\:h-screen{height: 100vh} .lg\:w-\[var\(--sidebar-width\)\]{width: var(--sidebar-width)} .lg\:translate-x-0{--tw-translate-x: 0px;transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .lg\:grid-cols-2{grid-template-columns: repeat(2, minmax(0, 1fr))} .lg\:grid-cols-4{grid-template-columns: repeat(4, minmax(0, 1fr))} .lg\:grid-cols-5{grid-template-columns: repeat(5, minmax(0, 1fr))} .lg\:grid-cols-\[14rem_minmax\(0\2c 1fr\)\]{grid-template-columns: 14rem minmax(0,1fr)} .lg\:grid-cols-\[22rem_minmax\(0\2c 1fr\)\]{grid-template-columns: 22rem minmax(0,1fr)} .lg\:grid-cols-\[minmax\(0\2c 1fr\)_20rem\]{grid-template-columns: minmax(0,1fr) 20rem} .lg\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(18rem\2c 0\.7fr\)\]{grid-template-columns: minmax(0,1fr) minmax(18rem,0.7fr)} .lg\:flex-row{flex-direction: row} .lg\:items-center{align-items: center} .lg\:justify-between{justify-content: space-between} .lg\:border-b-0{border-bottom-width: 0px} .lg\:border-r{border-right-width: 1px} .lg\:bg-card{background-color: hsl(var(--card))} .lg\:p-5{padding: 1.25rem} .lg\:px-10{padding-left: 2.5rem;padding-right: 2.5rem} .lg\:pt-10{padding-top: 2.5rem} .lg\:pt-4{padding-top: 1rem} .lg\:pt-5{padding-top: 1.25rem} .lg\:text-2xl{font-size: 1.5rem;line-height: 2rem}} @media (min-width: 1280px){ .xl\:col-span-2{grid-column: span 2 / span 2} .xl\:grid-cols-1{grid-template-columns: repeat(1, minmax(0, 1fr))} .xl\:grid-cols-2{grid-template-columns: repeat(2, minmax(0, 1fr))} .xl\:grid-cols-3{grid-template-columns: repeat(3, minmax(0, 1fr))} .xl\:grid-cols-4{grid-template-columns: repeat(4, minmax(0, 1fr))} .xl\:grid-cols-5{grid-template-columns: repeat(5, minmax(0, 1fr))} .xl\:grid-cols-6{grid-template-columns: repeat(6, minmax(0, 1fr))} .xl\:grid-cols-\[minmax\(0\2c 0\.9fr\)_minmax\(0\2c 1\.1fr\)\]{grid-template-columns: minmax(0,0.9fr) minmax(0,1.1fr)} .xl\:grid-cols-\[minmax\(0\2c 1\.1fr\)_minmax\(22rem\2c \.9fr\)\]{grid-template-columns: minmax(0,1.1fr) minmax(22rem,.9fr)} .xl\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(22rem\2c 0\.72fr\)\]{grid-template-columns: minmax(0,1fr) minmax(22rem,0.72fr)} .xl\:grid-cols-\[minmax\(22rem\2c 0\.78fr\)_minmax\(34rem\2c 1\.42fr\)\]{grid-template-columns: minmax(22rem,0.78fr) minmax(34rem,1.42fr)}} @media (min-width: 1536px){ .\32xl\:grid-cols-4{grid-template-columns: repeat(4, minmax(0, 1fr))}} @media (prefers-color-scheme: dark){ .dark\:border-amber-800\/60{border-color: rgb(146 64 14 / 0.6)} .dark\:border-amber-900\/60{border-color: rgb(120 53 15 / 0.6)} .dark\:border-emerald-900\/40{border-color: rgb(6 78 59 / 0.4)} .dark\:border-emerald-900\/50{border-color: rgb(6 78 59 / 0.5)} .dark\:border-sky-700{--tw-border-opacity: 1;border-color: rgb(3 105 161 / var(--tw-border-opacity, 1))} .dark\:border-sky-900\/50{border-color: rgb(12 74 110 / 0.5)} .dark\:border-sky-900\/60{border-color: rgb(12 74 110 / 0.6)} .dark\:bg-amber-950\/20{background-color: rgb(69 26 3 / 0.2)} .dark\:bg-emerald-950\/30{background-color: rgb(2 44 34 / 0.3)} .dark\:bg-sky-950\/20{background-color: rgb(8 47 73 / 0.2)} .dark\:bg-sky-950\/30{background-color: rgb(8 47 73 / 0.3)} .dark\:text-amber-200{--tw-text-opacity: 1;color: rgb(253 230 138 / var(--tw-text-opacity, 1))} .dark\:text-amber-300{--tw-text-opacity: 1;color: rgb(252 211 77 / var(--tw-text-opacity, 1))} .dark\:text-cyan-400{--tw-text-opacity: 1;color: rgb(34 211 238 / var(--tw-text-opacity, 1))} .dark\:text-emerald-200{--tw-text-opacity: 1;color: rgb(167 243 208 / var(--tw-text-opacity, 1))} .dark\:text-emerald-300{--tw-text-opacity: 1;color: rgb(110 231 183 / var(--tw-text-opacity, 1))} .dark\:text-emerald-400{--tw-text-opacity: 1;color: rgb(52 211 153 / var(--tw-text-opacity, 1))} .dark\:text-indigo-400{--tw-text-opacity: 1;color: rgb(129 140 248 / var(--tw-text-opacity, 1))} .dark\:text-red-300{--tw-text-opacity: 1;color: rgb(252 165 165 / var(--tw-text-opacity, 1))} .dark\:text-rose-400{--tw-text-opacity: 1;color: rgb(251 113 133 / var(--tw-text-opacity, 1))} .dark\:text-sky-200{--tw-text-opacity: 1;color: rgb(186 230 253 / var(--tw-text-opacity, 1))} .dark\:text-sky-400{--tw-text-opacity: 1;color: rgb(56 189 248 / var(--tw-text-opacity, 1))} .dark\:text-slate-300{--tw-text-opacity: 1;color: rgb(203 213 225 / var(--tw-text-opacity, 1))} .dark\:text-teal-400{--tw-text-opacity: 1;color: rgb(45 212 191 / var(--tw-text-opacity, 1))}} .help-dot { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 999px; border: 1px solid hsl(var(--border)); font-size: 10px; line-height: 1; color: hsl(var(--muted-foreground)); cursor: default; } @media (min-width: 1024px) { .dashboard-split { flex-direction: row; flex-wrap: nowrap; } .dashboard-split .dashboard-main { flex: 0 0 66.6667%; max-width: 66.6667%; } .dashboard-split .dashboard-side { flex: 0 0 33.3333%; max-width: 33.3333%; } } @keyframes logo-float { 0% { transform: translateY(0); } 25% { transform: translateY(6px); } 50% { transform: translateY(0); } 75% { transform: translateY(-6px); } 100% { transform: translateY(0); } } @keyframes logo-blink { 0%, 45%, 55%, 100% { transform: scaleY(1); opacity: 1; } 50% { transform: scaleY(0.1); opacity: 0.6; } } .logo-mark .logo-cat-wrapper { animation: logo-float 4s ease-in-out infinite; transform-origin: center; } .logo-mark { transform: translateY(2px); } .logo-mark .logo-eye { fill: #00bcd4; filter: drop-shadow(0 0 2px #00bcd4); animation: logo-blink 5s infinite; transform-box: fill-box; transform-origin: center; }