*,::backdrop,:after,:before{--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:#3b82f680;--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: }*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:initial;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family: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:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button{height:auto}::-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,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}dialog,fieldset,legend,menu,ol,ul{padding:0}menu,ol,ul{margin:0;list-style:none}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#6b7280}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}input:where(:not([type])),input:where([type=date]),input:where([type=datetime-local]),input:where([type=email]),input:where([type=month]),input:where([type=number]),input:where([type=password]),input:where([type=search]),input:where([type=tel]),input:where([type=text]),input:where([type=time]),input:where([type=url]),input:where([type=week]),select,select:where([multiple]),textarea{appearance:none;--tw-shadow:0 0 #0000;background-color:#fff;border-width:1px;border-color:#6b7280;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem}input:where(:not([type])):focus,input:where([type=date]):focus,input:where([type=datetime-local]):focus,input:where([type=email]):focus,input:where([type=month]):focus,input:where([type=number]):focus,input:where([type=password]):focus,input:where([type=search]):focus,input:where([type=tel]):focus,input:where([type=text]):focus,input:where([type=time]):focus,input:where([type=url]):focus,input:where([type=week]):focus,select:focus,select:where([multiple]):focus,textarea:focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb;outline:2px solid #0000}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-day-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-hour-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-millisecond-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-minute-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-month-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-second-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}select{-webkit-print-color-adjust:exact;print-color-adjust:exact;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}select:where([multiple]),select:where([size]:not([size="1"])){background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;print-color-adjust:unset;padding-right:.75rem}input:where([type=checkbox]),input:where([type=radio]){appearance:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:middle;-webkit-user-select:none;user-select:none;color:#2563eb;--tw-shadow:0 0 #0000;background-color:#fff;background-origin:border-box;border-width:1px;border-color:#6b7280;flex-shrink:0;width:1rem;height:1rem;padding:0;display:inline-block}input:where([type=checkbox]){border-radius:0}input:where([type=radio]){border-radius:100%}input:where([type=checkbox]):focus,input:where([type=radio]):focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--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);outline:2px solid #0000}input:where([type=checkbox]):checked,input:where([type=radio]):checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}input:where([type=checkbox]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors:active){input:where([type=checkbox]):checked,input:where([type=checkbox]):indeterminate,input:where([type=radio]):checked{appearance:auto}}input:where([type=radio]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}input:where([type=checkbox]):checked:focus,input:where([type=checkbox]):checked:hover,input:where([type=checkbox]):indeterminate,input:where([type=checkbox]):indeterminate:focus,input:where([type=checkbox]):indeterminate:hover,input:where([type=radio]):checked:focus,input:where([type=radio]):checked:hover{background-color:currentColor;border-color:#0000}input:where([type=checkbox]):indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:100% 100%}input:where([type=file]){background:unset;border-color:inherit;font-size:unset;line-height:inherit;border-width:0;border-radius:0;padding:0}input:where([type=file]):focus{outline:1px solid buttontext;outline:1px auto -webkit-focus-ring-color}.container{width:100%}@media (width>=450px){.container{max-width:450px}}@media (width>=576px){.container{max-width:576px}}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-bottom-1{bottom:-.25rem}.-right-1{right:-.25rem}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.left-2\.5{left:.625rem}.right-0{right:0}.right-2{right:.5rem}.top-0{top:0}.top-1\/2{top:50%}.z-0{z-index:0}.z-10{z-index:10}.z-30{z-index:30}.z-\[100\]{z-index:100}.z-\[2147483647\]{z-index:2147483647}.col-span-2{grid-column:span 2/span 2}.col-span-full{grid-column:1/-1}.float-right{float:right}.m-0{margin:0}.m-10{margin:2.5rem}.m-4{margin:1rem}.m-5{margin:1.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.my-16{margin-top:4rem;margin-bottom:4rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-auto{margin-top:auto;margin-bottom:auto}.mb-1{margin-bottom:.25rem}.mb-16{margin-bottom:4rem}.mb-5{margin-bottom:1.25rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-px{margin-top:1px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.h-10{height:2.5rem}.h-2{height:.5rem}.h-20{height:5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[3px\]{height:3px}.h-full{height:100%}.h-px{height:1px}.max-h-\[85vh\]{max-height:85vh}.w-10{width:2.5rem}.w-2{width:.5rem}.w-20{width:5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-44{width:11rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-8{width:2rem}.w-\[390px\]{width:390px}.w-\[90vw\]{width:90vw}.w-fit{width:fit-content}.w-full{width:100%}.min-w-20{min-width:5rem}.min-w-28{min-width:7rem}.max-w-3xl{max-width:48rem}.max-w-\[100vw\]{max-width:100vw}.max-w-md{max-width:28rem}.flex-1{flex:1}.flex-auto{flex:auto}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.grow-0{flex-grow:0}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2,.transform,.translate-x-1{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-y-1\/2{--tw-translate-y:-50%}.translate-x-1{--tw-translate-x:.25rem}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.animate-ping{animation:1s cubic-bezier(0,0,.2,1) infinite ping}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:1s linear infinite spin}.cursor-default{cursor:default}.select-none{-webkit-user-select:none;user-select:none}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[auto_max-content\]{grid-template-columns:auto max-content}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.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}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-\[10px\]{gap:10px}.gap-x-3{column-gap:.75rem}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * (1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(243 244 246/var(--tw-divide-opacity,1))}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.truncate{text-overflow:ellipsis;overflow:hidden}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-solid{border-style:solid}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-red-800{--tw-border-opacity:1;border-color:rgb(153 27 27/var(--tw-border-opacity,1))}.bg-gray-100{background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-100,.bg-gray-200,.bg-gray-300,.bg-gray-50,.bg-gray-500,.bg-gray-600,.bg-green-800,.bg-red-100,.bg-red-800,.bg-white{--tw-bg-opacity:1}.bg-gray-200{background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-300{background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.bg-gray-50{background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-500{background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.bg-gray-600{background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.bg-green-800{background-color:rgb(22 101 52/var(--tw-bg-opacity,1))}.bg-red-100{background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-800{background-color:rgb(153 27 27/var(--tw-bg-opacity,1))}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.fill-black{fill:#000}.fill-gray-600,.group[data-state=on] .group-data-\[state\=on\]\:fill-gray-600{fill:#4b5563}.object-cover{object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-\[var\(--viewport-padding\)\]{padding:var(--viewport-padding)}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pe-1{padding-inline-end:.25rem}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-none{line-height:1}.leading-normal{line-height:1.5}.text-gray-200{color:rgb(229 231 235/var(--tw-text-opacity,1))}.text-gray-200,.text-gray-300,.text-gray-400,.text-gray-500,.text-gray-600,.text-gray-700,.text-gray-900,.text-neutral-200,.text-neutral-400,.text-red-800,.text-white{--tw-text-opacity:1}.text-gray-300{color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-900{color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-neutral-200{color:rgb(229 229 229/var(--tw-text-opacity,1))}.text-neutral-400{color:rgb(163 163 163/var(--tw-text-opacity,1))}.text-red-800{color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-white{color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl,.shadow-lg,.shadow-md,.shadow-sm{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 #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)}.focus\:shadow-sm:focus,.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline-offset:2px;outline:2px solid #0000}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-gray-300{--tw-ring-opacity:1;--tw-ring-color:rgb(209 213 219/var(--tw-ring-opacity,1))}.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)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter}.transition,.transition-all,.transition-transform{transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all}.transition-transform{transition-property:transform}.duration-100{transition-duration:.1s}.will-change-\[transform\,opacity\]{will-change:transform,opacity}.will-change-transform{will-change:transform}.\[--viewport-padding\:_25px\]{--viewport-padding:25px}.\[grid-area\:_action\]{grid-area:action}.\[grid-area\:_description\]{grid-area:description}.\[grid-area\:_title\]{grid-area:title}.\[grid-template-areas\:_\'title_action\'_\'description_action\'\]{grid-template-areas:"title action""description action"}.placeholder\:text-gray-400::placeholder{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.last\:border-b-0:last-child{border-bottom-width:0}.focus-within\:outline:focus-within{outline-style:solid}.focus-within\:outline-red-700:focus-within{outline-color:#b91c1c}.hover\:border-red-600:hover{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity,1))}.hover\:border-red-800:hover{--tw-border-opacity:1;border-color:rgb(153 27 27/var(--tw-border-opacity,1))}.hover\:border-white:hover{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:bg-red-800:hover{--tw-bg-opacity:1;background-color:rgb(153 27 27/var(--tw-bg-opacity,1))}.hover\:text-gray-800:hover{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.hover\:text-red-800:hover{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.data-\[state\=checked\]\:underline[data-state=checked],.hover\:underline:hover{text-decoration-line:underline}.focus\:border-red-800:focus{--tw-border-opacity:1;border-color:rgb(153 27 27/var(--tw-border-opacity,1))}.focus\:border-transparent:focus{border-color:#0000}.focus\:shadow-sm:focus{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:shadow-black:focus{--tw-shadow-color:#000;--tw-shadow:var(--tw-shadow-colored)}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:outline-0:focus{outline-width:0}.focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-0:focus,.focus\:ring-2:focus,.focus\:ring-4:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-gray-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(243 244 246/var(--tw-ring-opacity,1))}.focus\:ring-red-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(220 38 38/var(--tw-ring-opacity,1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-gray-200:disabled{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.disabled\:bg-gray-100:disabled{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.disabled\:bg-gray-200:disabled{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.disabled\:text-gray-400:disabled{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.group.active .group-\[\.active\]\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.data-\[state\=checked\]\:translate-x-\[20px\][data-state=checked]{--tw-translate-x:20px}.data-\[state\=checked\]\:translate-x-\[20px\][data-state=checked],.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel],.data-\[swipe\=move\]\:translate-x-\[var\(--reka-toast-swipe-move-x\)\][data-swipe=move],.group[data-state=open] .group-data-\[state\=open\]\:rotate-180{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))}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0px}.data-\[swipe\=move\]\:translate-x-\[var\(--reka-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--reka-toast-swipe-move-x)}.data-\[state\=checked\]\:bg-red-800[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(153 27 27/var(--tw-bg-opacity,1))}.group[data-state=open] .group-data-\[state\=open\]\:rotate-180{--tw-rotate:180deg}@media not all and (width>=768px){.max-md\:px-3{padding-left:.75rem;padding-right:.75rem}}@media not all and (width>=640px){.max-sm\:mb-4{margin-bottom:1rem}}@media (width>=450px){.xxs\:flex-row{flex-direction:row}.xxs\:self-center{align-self:center}}@media (width>=576px){.xs\:mt-6{margin-top:1.5rem}}@media (width>=640px){.sm\:flex-row{flex-direction:row}}@media (width>=768px){.md\:me-0{margin-inline-end:0}.md\:w-\[70\%\]{width:70%}.md\:min-w-24{min-width:6rem}.md\:gap-4{gap:1rem}.md\:px-0{padding-left:0;padding-right:0}.md\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:leading-\[2\.75rem\]{line-height:2.75rem}}@media (width>=1024px){.lg\:w-64{width:16rem}.lg\:w-\[60\%\]{width:60%}.lg\:flex-row{flex-direction:row}}.dark\:divide-neutral-800:where(.dark,.dark *)>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(38 38 38/var(--tw-divide-opacity,1))}.dark\:border-neutral-600:where(.dark,.dark *){--tw-border-opacity:1;border-color:rgb(82 82 82/var(--tw-border-opacity,1))}.dark\:border-neutral-800:where(.dark,.dark *){--tw-border-opacity:1;border-color:rgb(38 38 38/var(--tw-border-opacity,1))}.dark\:border-red-600:where(.dark,.dark *),.dark\:hover\:border-red-600:hover:where(.dark,.dark *){--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity,1))}.dark\:bg-black:where(.dark,.dark *){--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.dark\:bg-neutral-400:where(.dark,.dark *){--tw-bg-opacity:1;background-color:rgb(163 163 163/var(--tw-bg-opacity,1))}.dark\:bg-neutral-500:where(.dark,.dark *){--tw-bg-opacity:1;background-color:rgb(115 115 115/var(--tw-bg-opacity,1))}.dark\:bg-neutral-600:where(.dark,.dark *){--tw-bg-opacity:1;background-color:rgb(82 82 82/var(--tw-bg-opacity,1))}.dark\:bg-neutral-700:where(.dark,.dark *){--tw-bg-opacity:1;background-color:rgb(64 64 64/var(--tw-bg-opacity,1))}.dark\:bg-neutral-800:where(.dark,.dark *){--tw-bg-opacity:1;background-color:rgb(38 38 38/var(--tw-bg-opacity,1))}.dark\:bg-red-100:where(.dark,.dark *){--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.dark\:bg-red-600:where(.dark,.dark *){--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.dark\:bg-red-800:where(.dark,.dark *){--tw-bg-opacity:1;background-color:rgb(153 27 27/var(--tw-bg-opacity,1))}.dark\:bg-white:where(.dark,.dark *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.dark\:fill-neutral-400:where(.dark,.dark *){fill:#a3a3a3}.dark\:fill-white:where(.dark,.dark *){fill:#fff}.dark\:text-gray-200:where(.dark,.dark *){--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.dark\:text-gray-400:where(.dark,.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark\:text-neutral-200:where(.dark,.dark *){--tw-text-opacity:1;color:rgb(229 229 229/var(--tw-text-opacity,1))}.dark\:text-neutral-300:where(.dark,.dark *){--tw-text-opacity:1;color:rgb(212 212 212/var(--tw-text-opacity,1))}.dark\:text-neutral-400:where(.dark,.dark *){--tw-text-opacity:1;color:rgb(163 163 163/var(--tw-text-opacity,1))}.dark\:text-neutral-500:where(.dark,.dark *){--tw-text-opacity:1;color:rgb(115 115 115/var(--tw-text-opacity,1))}.dark\:text-neutral-600:where(.dark,.dark *){--tw-text-opacity:1;color:rgb(82 82 82/var(--tw-text-opacity,1))}.dark\:text-red-300:where(.dark,.dark *){--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.dark\:text-red-600:where(.dark,.dark *){--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.dark\:text-white:where(.dark,.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:opacity-50:where(.dark,.dark *){opacity:.5}.dark\:ring-neutral-700:where(.dark,.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(64 64 64/var(--tw-ring-opacity,1))}.dark\:placeholder\:text-neutral-400:where(.dark,.dark *)::placeholder{--tw-text-opacity:1;color:rgb(163 163 163/var(--tw-text-opacity,1))}.dark\:placeholder\:text-neutral-500:where(.dark,.dark *)::placeholder{--tw-text-opacity:1;color:rgb(115 115 115/var(--tw-text-opacity,1))}.dark\:hover\:bg-gray-600:hover:where(.dark,.dark *){--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.dark\:hover\:bg-neutral-600:hover:where(.dark,.dark *){--tw-bg-opacity:1;background-color:rgb(82 82 82/var(--tw-bg-opacity,1))}.dark\:hover\:bg-neutral-700:hover:where(.dark,.dark *){--tw-bg-opacity:1;background-color:rgb(64 64 64/var(--tw-bg-opacity,1))}.dark\:hover\:bg-red-600:hover:where(.dark,.dark *){--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.dark\:hover\:bg-red-700:hover:where(.dark,.dark *){--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.dark\:hover\:bg-red-800:hover:where(.dark,.dark *){--tw-bg-opacity:1;background-color:rgb(153 27 27/var(--tw-bg-opacity,1))}.dark\:hover\:text-neutral-100:hover:where(.dark,.dark *){--tw-text-opacity:1;color:rgb(245 245 245/var(--tw-text-opacity,1))}.dark\:hover\:text-red-100:hover:where(.dark,.dark *){--tw-text-opacity:1;color:rgb(254 226 226/var(--tw-text-opacity,1))}.dark\:hover\:text-red-800:hover:where(.dark,.dark *){--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.dark\:hover\:text-white:hover:where(.dark,.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:focus\:ring-gray-700:focus:where(.dark,.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(55 65 81/var(--tw-ring-opacity,1))}.dark\:focus\:ring-red-700:focus:where(.dark,.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(185 28 28/var(--tw-ring-opacity,1))}.dark\:disabled\:border-neutral-800:disabled:where(.dark,.dark *){--tw-border-opacity:1;border-color:rgb(38 38 38/var(--tw-border-opacity,1))}.dark\:disabled\:bg-neutral-700:disabled:where(.dark,.dark *){--tw-bg-opacity:1;background-color:rgb(64 64 64/var(--tw-bg-opacity,1))}.disabled\:dark\:bg-neutral-800:where(.dark,.dark *):disabled{--tw-bg-opacity:1;background-color:rgb(38 38 38/var(--tw-bg-opacity,1))}.dark\:disabled\:text-neutral-400:disabled:where(.dark,.dark *){--tw-text-opacity:1;color:rgb(163 163 163/var(--tw-text-opacity,1))}.group[data-state=on] .dark\:group-data-\[state\=on\]\:fill-gray-300:where(.dark,.dark *){fill:#d1d5db}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}

/* Utimize theme */
/* ==========================================================================
   Utimize theme for wg-easy 15.5.0
   Source: the Utimize design system (tokens.json, Button, FormControls,
   SignIn, README). Appended after wg-easy's Tailwind build, so most rules
   reuse Tailwind's own selectors and win on source order.
   Light mode = Sal grounds, dark mode = Noite grounds.
   ========================================================================== */

/* ---------- Fonts (self-hosted, OFL) ---------- */
@font-face{font-family:"Open Sauce Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/_nuxt/utimize/open-sauce-sans-400.woff2) format("woff2")}
@font-face{font-family:"Open Sauce Sans";font-style:normal;font-weight:500;font-display:swap;src:url(/_nuxt/utimize/open-sauce-sans-500.woff2) format("woff2")}
@font-face{font-family:"Open Sauce Sans";font-style:normal;font-weight:600;font-display:swap;src:url(/_nuxt/utimize/open-sauce-sans-600.woff2) format("woff2")}
@font-face{font-family:"Open Sauce Sans";font-style:normal;font-weight:700;font-display:swap;src:url(/_nuxt/utimize/open-sauce-sans-700.woff2) format("woff2")}
@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/_nuxt/utimize/archivo-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/_nuxt/utimize/archivo-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---------- Tokens ---------- */
:root{
  /* palette */
  --u-noite-950:#0e1a1d;--u-noite-900:#152428;--u-noite-800:#1c2f34;--u-noite-700:#284047;--u-noite-500:#4f6a6e;--u-noite-300:#9db0ae;--u-noite-100:#eef2f0;
  --u-sal-0:#fbfbf8;--u-sal-100:#f1f2ed;--u-sal-200:#e6e8e2;--u-sal-300:#d3d7d0;--u-sal-700:#4f5f60;
  --u-brasa-100:#fce3d9;--u-brasa-300:#f29c7c;--u-brasa-500:#e66841;--u-brasa-600:#d4552f;--u-brasa-700:#b2441f;
  --u-mangue-400:#4cc995;--u-mangue-700:#136b47;
  --u-caja-500:#f2b523;
  --u-pitanga-500:#e5484d;--u-pitanga-700:#c2383d;

  /* type */
  --u-font-display:"Archivo","Open Sauce Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --u-font-body:"Open Sauce Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --u-font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;

  /* radii */
  --u-radius-xs:6px;--u-radius-sm:10px;--u-radius-md:16px;--u-radius-lg:24px;--u-radius-pill:999px;

  /* semantic: Sal (light) */
  --u-bg:var(--u-sal-100);
  --u-bg-raised:var(--u-sal-0);
  --u-surface:var(--u-sal-200);
  --u-surface-hover:var(--u-sal-300);
  --u-line:var(--u-sal-300);
  --u-line-strong:#b9bdb5;
  --u-control-border:#848f8d;          /* 3.2:1 on bg-raised */
  --u-text:var(--u-noite-950);
  --u-text-muted:var(--u-sal-700);
  --u-placeholder:#637172;             /* 4.5:1 on the field fill */
  --u-accent:var(--u-brasa-500);
  --u-accent-text:var(--u-brasa-700);
  --u-on-accent:var(--u-noite-950);
  --u-focus-ring:var(--u-noite-950);
  --u-field:var(--u-sal-100);
  --u-field-focus:var(--u-sal-0);
  --u-field-focus-border:var(--u-noite-950);
  --u-halo:var(--u-brasa-100);
  --u-card-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 18px 40px -24px rgba(14,26,29,.28);
  --u-pop-shadow:0 18px 40px -18px rgba(14,26,29,.35);
  --u-overlay:rgba(14,26,29,.55);
  --u-tooltip-bg:var(--u-noite-950);
  --u-tooltip-text:var(--u-noite-100);
  --u-alert-bg:#fbe2e2;
  --u-btn-light-bg:var(--u-sal-0);
}
.dark{
  /* semantic: Noite (dark) */
  --u-bg:var(--u-noite-950);
  --u-bg-raised:var(--u-noite-900);
  --u-surface:var(--u-noite-800);
  --u-surface-hover:var(--u-noite-700);
  --u-line:var(--u-noite-700);
  --u-line-strong:var(--u-noite-500);
  --u-control-border:#5f7578;
  --u-text:var(--u-noite-100);
  --u-text-muted:var(--u-noite-300);
  --u-placeholder:var(--u-noite-300);
  --u-accent-text:var(--u-brasa-500);
  --u-focus-ring:var(--u-brasa-500);
  --u-field:var(--u-noite-800);
  --u-field-focus:var(--u-noite-800);
  --u-field-focus-border:var(--u-brasa-500);
  --u-halo:rgba(230,104,65,.22);
  --u-card-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 24px 48px -24px rgba(0,0,0,.6);
  --u-pop-shadow:0 24px 48px -20px rgba(0,0,0,.7);
  --u-overlay:rgba(6,13,15,.72);
  --u-tooltip-bg:var(--u-noite-100);
  --u-tooltip-text:var(--u-noite-950);
  --u-alert-bg:rgba(229,72,77,.16);
  --u-btn-light-bg:var(--u-noite-800);
}

/* ---------- Base ---------- */
html,:host{font-family:var(--u-font-body)}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--u-text)}
::selection{background:var(--u-brasa-100);color:var(--u-noite-950)}
:where(a,button,[role=button],[role=switch],[role=menuitem],[role=option],summary):focus-visible{outline:2px solid var(--u-focus-ring);outline-offset:3px}
h1,h2,h3{font-family:var(--u-font-display)}

/* ---------- Colour remap: light utilities ---------- */
.bg-gray-50{background-color:var(--u-bg)}
.bg-white{background-color:var(--u-bg-raised)}
.bg-gray-100,.bg-gray-200{background-color:var(--u-surface)}
.bg-gray-300{background-color:var(--u-line)}
.bg-gray-600{background-color:var(--u-tooltip-bg)}
.bg-red-100{background-color:var(--u-brasa-300)}
.bg-red-800{background-color:var(--u-accent)}
.bg-green-800{background-color:var(--u-mangue-700)}
.hover\:bg-gray-50:hover,.hover\:bg-gray-100:hover{background-color:var(--u-surface)}
.hover\:bg-gray-300:hover{background-color:var(--u-surface-hover)}
.hover\:bg-red-800:hover{background-color:var(--u-accent)}
.hover\:bg-red-700:hover,.hover\:bg-red-600:hover{background-color:var(--u-brasa-600)}
.disabled\:bg-gray-100:disabled,.disabled\:bg-gray-200:disabled{background-color:var(--u-surface)}

.text-gray-900,.text-gray-700,.hover\:text-gray-800:hover{color:var(--u-text)}
.text-gray-600,.text-gray-500,.text-gray-400,.text-gray-300,.text-gray-200,.text-neutral-400,.disabled\:text-gray-400:disabled{color:var(--u-text-muted)}
.placeholder\:text-gray-400::placeholder{color:var(--u-placeholder)}
.text-red-800,.hover\:text-red-800:hover{color:var(--u-accent-text)}
.fill-gray-600,.group[data-state=on] .group-data-\[state\=on\]\:fill-gray-600{fill:var(--u-text-muted)}
.fill-black{fill:var(--u-text)}

.border-gray-100,.border-gray-300,.disabled\:border-gray-200:disabled{border-color:var(--u-line)}
.border-red-800,.hover\:border-red-800:hover,.focus\:border-red-800:focus{border-color:var(--u-accent)}
.hover\:border-red-600:hover{border-color:var(--u-brasa-600)}
.divide-gray-100>:not([hidden])~:not([hidden]){border-color:var(--u-line)}
.ring-gray-300{--tw-ring-color:var(--u-line)}
.focus\:ring-red-600:focus{--tw-ring-color:var(--u-focus-ring)}
.focus\:ring-gray-100:focus{--tw-ring-color:var(--u-surface)}
.focus-within\:outline-red-700:focus-within{outline-color:var(--u-focus-ring)}

/* text that sits on an accent fill: noite-950 (5.4:1), never white (3.3:1) */
.bg-red-800.text-white,.bg-red-800 .text-white,
.hover\:text-white:hover,
.group.active .group-\[\.active\]\:text-white{color:var(--u-on-accent)}

/* ---------- Colour remap: dark utilities (same selectors Tailwind emits) ---------- */
.dark\:bg-neutral-800:where(.dark,.dark *){background-color:var(--u-bg)}
.dark\:bg-neutral-700:where(.dark,.dark *){background-color:var(--u-bg-raised)}
.bg-gray-200.dark\:bg-neutral-700:where(.dark,.dark *),
.dark\:bg-neutral-600:where(.dark,.dark *),
.dark\:bg-neutral-500:where(.dark,.dark *){background-color:var(--u-surface)}
.dark\:bg-neutral-400:where(.dark,.dark *){background-color:var(--u-control-border)}
.dark\:bg-black:where(.dark,.dark *){background-color:var(--u-noite-950)}
.dark\:bg-white:where(.dark,.dark *),
.dark\:bg-red-800:where(.dark,.dark *),
.dark\:bg-red-600:where(.dark,.dark *){background-color:var(--u-accent)}
.dark\:bg-red-100:where(.dark,.dark *){background-color:var(--u-brasa-300)}
.dark\:hover\:bg-neutral-700:hover:where(.dark,.dark *),
.dark\:hover\:bg-neutral-600:hover:where(.dark,.dark *),
.dark\:hover\:bg-gray-600:hover:where(.dark,.dark *){background-color:var(--u-surface-hover)}
.dark\:hover\:bg-red-800:hover:where(.dark,.dark *){background-color:var(--u-accent)}
.dark\:hover\:bg-red-700:hover:where(.dark,.dark *),
.dark\:hover\:bg-red-600:hover:where(.dark,.dark *){background-color:var(--u-brasa-600)}
.disabled\:dark\:bg-neutral-800:disabled:where(.dark,.dark *),
.dark\:disabled\:bg-neutral-700:disabled:where(.dark,.dark *){background-color:var(--u-surface)}

.dark\:text-white:where(.dark,.dark *),
.dark\:text-neutral-200:where(.dark,.dark *),
.dark\:text-gray-200:where(.dark,.dark *),
.dark\:hover\:text-white:hover:where(.dark,.dark *),
.dark\:hover\:text-neutral-100:hover:where(.dark,.dark *){color:var(--u-text)}
.dark\:text-neutral-300:where(.dark,.dark *),
.dark\:text-neutral-400:where(.dark,.dark *),
.dark\:text-neutral-500:where(.dark,.dark *),
.dark\:text-neutral-600:where(.dark,.dark *),
.dark\:text-gray-400:where(.dark,.dark *),
.dark\:disabled\:text-neutral-400:disabled:where(.dark,.dark *){color:var(--u-text-muted)}
.dark\:placeholder\:text-neutral-400:where(.dark,.dark *)::placeholder,
.dark\:placeholder\:text-neutral-500:where(.dark,.dark *)::placeholder{color:var(--u-placeholder)}
.dark\:text-red-600:where(.dark,.dark *),
.dark\:text-red-300:where(.dark,.dark *),
.dark\:hover\:text-red-800:hover:where(.dark,.dark *){color:var(--u-accent-text)}
.dark\:fill-white:where(.dark,.dark *){fill:var(--u-text)}
.dark\:fill-neutral-400:where(.dark,.dark *){fill:var(--u-text-muted)}
.group[data-state=on] .dark\:group-data-\[state\=on\]\:fill-gray-300:where(.dark,.dark *){fill:var(--u-text)}

.dark\:border-neutral-800:where(.dark,.dark *),
.dark\:border-neutral-600:where(.dark,.dark *),
.dark\:disabled\:border-neutral-800:disabled:where(.dark,.dark *){border-color:var(--u-line)}
.dark\:border-red-600:where(.dark,.dark *),
.dark\:hover\:border-red-600:hover:where(.dark,.dark *){border-color:var(--u-accent)}
.dark\:divide-neutral-800:where(.dark,.dark *)>:not([hidden])~:not([hidden]){border-color:var(--u-line)}
.dark\:ring-neutral-700:where(.dark,.dark *){--tw-ring-color:var(--u-line)}
.dark\:focus\:ring-red-700:focus:where(.dark,.dark *),
.dark\:focus\:ring-gray-700:focus:where(.dark,.dark *){--tw-ring-color:var(--u-focus-ring)}

/* on-accent text in dark mode (must come after the dark text remap) */
.dark\:bg-red-800.dark\:text-white:where(.dark,.dark *),
.dark\:hover\:bg-red-800.dark\:hover\:text-white:hover:where(.dark,.dark *){color:var(--u-on-accent)}

/* ---------- Logo: the utimize wordmark replaces /logo.png ---------- */
img[src="/logo.png"]{
  display:inline-block;width:auto;height:26px;aspect-ratio:3199/736;
  object-position:-9999px 0;                 /* hide the PNG fallback, show the themed SVG */
  background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 3199 736%22%3E%3Cg transform=%22matrix(1 0 0 -1 -52 724)%22%3E%3Cpath fill=%22%230e1a1d%22 d=%22M200 -12Q130 -12 91 28Q52 68 52 155V527H182V182Q182 161 187 146Q191 131 200 121Q209 111 222 106Q236 101 253 101Q280 101 300 116Q320 131 332 157Q343 184 343 220V527H473V0H364L355 69H349Q333 44 311 25Q289 7 262 -2Q234 -12 200 -12ZM678 -12Q633 -12 606 4Q579 21 567 50Q555 79 555 116V423H499V527H559L583 678H685V527H767V423H685V138Q685 115 694 104Q703 92 724 92H767V4Q754 -0 739 -4Q723 -8 707 -10Q692 -12 678 -12ZM801 606V724H931V606ZM801 0V527H931V0ZM998 0V527H1107L1117 458H1123Q1138 483 1159 502Q1179 520 1205 529Q1231 539 1262 539Q1308 539 1340 519Q1372 500 1388 458H1394Q1409 483 1430 502Q1450 520 1477 529Q1504 539 1535 539Q1580 539 1612 522Q1644 505 1661 468Q1678 432 1678 374V0H1548V346Q1548 367 1544 382Q1540 396 1532 406Q1524 416 1512 420Q1500 425 1485 425Q1460 425 1442 411Q1423 396 1413 370Q1403 343 1403 307V0H1273V346Q1273 367 1269 382Q1265 396 1257 406Q1250 416 1237 420Q1225 425 1210 425Q1186 425 1167 411Q1149 396 1138 370Q1128 343 1128 307V0ZM1741 606V724H1871V606ZM1741 0V527H1871V0ZM1903 0V56L2128 423H1918V527H2307V473L2082 104H2316V0ZM2544 -12Q2466 -12 2415 17Q2363 46 2338 106Q2312 167 2312 263Q2312 361 2338 421Q2364 482 2416 510Q2468 539 2544 539Q2616 539 2665 512Q2713 485 2737 427Q2761 369 2761 272V235H2446Q2447 186 2456 153Q2465 120 2487 104Q2508 87 2544 87Q2565 87 2581 93Q2597 99 2608 111Q2620 123 2626 142Q2632 160 2633 185H2761Q2760 136 2745 99Q2730 61 2702 37Q2674 13 2634 0Q2594 -12 2544 -12ZM2447 315H2627Q2627 349 2622 372Q2617 395 2606 410Q2596 425 2581 432Q2565 439 2544 439Q2512 439 2491 425Q2470 411 2460 384Q2450 357 2447 315Z%22/%3E%3Crect fill=%22%23e66841%22 x=%222918%22 y=%220%22 width=%22333%22 height=%22333%22/%3E%3C/g%3E%3C/svg%3E") left bottom/contain no-repeat;
  margin-right:0;vertical-align:baseline;
}
.dark img[src="/logo.png"]{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 3199 736%22%3E%3Cg transform=%22matrix(1 0 0 -1 -52 724)%22%3E%3Cpath fill=%22%23eef2f0%22 d=%22M200 -12Q130 -12 91 28Q52 68 52 155V527H182V182Q182 161 187 146Q191 131 200 121Q209 111 222 106Q236 101 253 101Q280 101 300 116Q320 131 332 157Q343 184 343 220V527H473V0H364L355 69H349Q333 44 311 25Q289 7 262 -2Q234 -12 200 -12ZM678 -12Q633 -12 606 4Q579 21 567 50Q555 79 555 116V423H499V527H559L583 678H685V527H767V423H685V138Q685 115 694 104Q703 92 724 92H767V4Q754 -0 739 -4Q723 -8 707 -10Q692 -12 678 -12ZM801 606V724H931V606ZM801 0V527H931V0ZM998 0V527H1107L1117 458H1123Q1138 483 1159 502Q1179 520 1205 529Q1231 539 1262 539Q1308 539 1340 519Q1372 500 1388 458H1394Q1409 483 1430 502Q1450 520 1477 529Q1504 539 1535 539Q1580 539 1612 522Q1644 505 1661 468Q1678 432 1678 374V0H1548V346Q1548 367 1544 382Q1540 396 1532 406Q1524 416 1512 420Q1500 425 1485 425Q1460 425 1442 411Q1423 396 1413 370Q1403 343 1403 307V0H1273V346Q1273 367 1269 382Q1265 396 1257 406Q1250 416 1237 420Q1225 425 1210 425Q1186 425 1167 411Q1149 396 1138 370Q1128 343 1128 307V0ZM1741 606V724H1871V606ZM1741 0V527H1871V0ZM1903 0V56L2128 423H1918V527H2307V473L2082 104H2316V0ZM2544 -12Q2466 -12 2415 17Q2363 46 2338 106Q2312 167 2312 263Q2312 361 2338 421Q2364 482 2416 510Q2468 539 2544 539Q2616 539 2665 512Q2713 485 2737 427Q2761 369 2761 272V235H2446Q2447 186 2456 153Q2465 120 2487 104Q2508 87 2544 87Q2565 87 2581 93Q2597 99 2608 111Q2620 123 2626 142Q2632 160 2633 185H2761Q2760 136 2745 99Q2730 61 2702 37Q2674 13 2634 0Q2594 -12 2544 -12ZM2447 315H2627Q2627 349 2622 372Q2617 395 2606 410Q2596 425 2581 432Q2565 439 2544 439Q2512 439 2491 425Q2470 411 2460 384Q2450 357 2447 315Z%22/%3E%3Crect fill=%22%23e66841%22 x=%222918%22 y=%220%22 width=%22333%22 height=%22333%22/%3E%3C/g%3E%3C/svg%3E")}
img[src="/logo.png"]+span{
  display:inline-block;margin-left:14px;padding-left:14px;border-left:1px solid var(--u-line-strong);
  font-family:var(--u-font-body);font-size:15px;font-weight:600;line-height:22px;letter-spacing:0;
  color:var(--u-text-muted);vertical-align:3px;
}
h1:has(>img[src="/logo.png"]){line-height:1;white-space:nowrap}
.my-16>img[src="/logo.png"]{height:34px}     /* sign-in and setup banner */
.my-16>img[src="/logo.png"]+span{vertical-align:5px}

/* ---------- Cards and panels ---------- */
.rounded-lg.shadow-md,.overflow-hidden.rounded-md.shadow{border-radius:var(--u-radius-lg);box-shadow:var(--u-card-shadow)}
.border-b-2.border-gray-100{border-bottom-width:1px}
h2.text-2xl.font-medium{font-weight:600;font-size:1.625rem;line-height:1.1;letter-spacing:-.025em}
h2.text-3xl.font-medium{font-weight:600;letter-spacing:-.03em}
h3.col-span-full.text-2xl{font-weight:600;font-size:1.3125rem;line-height:1.2;letter-spacing:-.015em;padding-top:1.5rem;padding-bottom:.75rem}
.h-px.bg-gray-100,.h-px.dark\:bg-neutral-600:where(.dark,.dark *),.h-px.bg-gray-300{background-color:var(--u-line)}
.border-b.border-gray-100{border-color:var(--u-line)}
.dark\:border-neutral-600.border-b:where(.dark,.dark *){border-color:var(--u-line)}

/* client rows */
.break-all.text-sm.text-gray-700{font-weight:600}
.min-w-20{font-variant-numeric:tabular-nums}
.relative.h-10.w-10.rounded-full.bg-gray-50{background-color:var(--u-surface)}
.absolute.h-2.w-2.rounded-full{width:8px;height:8px;border-radius:0}                     /* online: square status dot */
.absolute.h-4.w-4.animate-ping.rounded-full{border-radius:0;background-color:var(--u-brasa-300)}
.h-10.w-10 .text-gray-300{color:var(--u-text-muted)}
.leading-1.bg-white{background-color:var(--u-surface);color:var(--u-text)}

/* user menu avatar: initials on a dark tile, like the article byline */
[aria-haspopup] .leading-1.bg-white{background-color:var(--u-noite-950);color:var(--u-brasa-500);font-family:var(--u-font-display);font-weight:700}
.dark [aria-haspopup] .leading-1.bg-white{background-color:var(--u-noite-800)}

/* ---------- Buttons ---------- */
/* primary: Brasa pill with a solid lip (Button `btn`) */
:is(.bg-red-800.border-red-800,button.bg-red-800){
  border:1px solid #f4a283;border-radius:var(--u-radius-pill);
  background-color:var(--u-brasa-500);color:var(--u-noite-950);
  font-weight:600;letter-spacing:-.005em;
  box-shadow:inset 0 1px rgba(255,255,255,.31),0 3px #9a3a19;
  transition:background-color .16s,box-shadow .16s,transform .16s;
}
:is(.bg-red-800.border-red-800,button.bg-red-800):hover{
  background-color:#ee8460;border-color:#f4a283;color:var(--u-noite-950);
  transform:translateY(1px);box-shadow:inset 0 1px rgba(255,255,255,.44),0 2px #9a3a19;
}
:is(.bg-red-800.border-red-800,button.bg-red-800):active{transform:translateY(3px);box-shadow:inset 0 1px rgba(255,255,255,.2),0 0 #9a3a19}
:is(.bg-red-800.border-red-800,button.bg-red-800):disabled{
  background-color:var(--u-surface);border-color:var(--u-line);color:var(--u-text-muted);
  box-shadow:none;transform:none;cursor:not-allowed;
}
form button.bg-red-800.py-2{min-height:46px;margin-top:4px;font-size:15px}
.flex-shrink-0 .flex.gap-2 :is(button.bg-red-800,button>[role=button]){min-height:40px}
.col-span-2.bg-red-800.border-red-800{min-height:46px;cursor:pointer}

/* secondary: flat light pill with a hairline (Button `btn--light`) */
:is([role=button],button,a).border-gray-100.border-2{
  border-width:1px;border-color:var(--u-line);border-radius:var(--u-radius-pill);
  background-color:var(--u-btn-light-bg);color:var(--u-text);font-weight:600;
  box-shadow:none;transition:border-color .16s,color .16s,background-color .16s;
}
:is([role=button],button,a).border-gray-100.border-2:hover{
  border-color:var(--u-line-strong);background-color:var(--u-btn-light-bg);color:var(--u-accent-text);
}
:is([role=button],button,a).border-gray-100.border-2:disabled{color:var(--u-text-muted);border-color:var(--u-line);cursor:not-allowed}
input.col-span-2.border-gray-100{min-height:46px;cursor:pointer}

/* swap roles where wg-easy uses orange for a minor action, so there is one primary per view */
.flex-shrink-0 .flex.gap-2>.bg-red-800.border-red-800,
.mt-2>.rounded-lg.bg-red-800.border-red-800{
  border-color:var(--u-line);background-color:var(--u-btn-light-bg);color:var(--u-text);box-shadow:none;
}
.flex-shrink-0 .flex.gap-2>.bg-red-800.border-red-800:hover,
.mt-2>.rounded-lg.bg-red-800.border-red-800:hover{
  border-color:var(--u-line-strong);background-color:var(--u-btn-light-bg);color:var(--u-accent-text);transform:none;box-shadow:none;
}
.flex-shrink-0 .flex.gap-2>button>.border-gray-100.border-2{
  border-color:#f4a283;background-color:var(--u-brasa-500);color:var(--u-noite-950);
  box-shadow:inset 0 1px rgba(255,255,255,.31),0 3px #9a3a19;transition:background-color .16s,box-shadow .16s,transform .16s;
}
.flex-shrink-0 .flex.gap-2>button>.border-gray-100.border-2:hover{
  border-color:#f4a283;background-color:#ee8460;color:var(--u-noite-950);
  transform:translateY(1px);box-shadow:inset 0 1px rgba(255,255,255,.44),0 2px #9a3a19;
}

/* icon chips on each client row (Button chip) */
.p-2.bg-gray-100.hover\:bg-red-800{
  display:inline-grid;place-items:center;width:36px;height:36px;padding:0;
  border-radius:var(--u-radius-pill);background-color:var(--u-surface);color:var(--u-text-muted);
}
.p-2.bg-gray-100.hover\:bg-red-800:hover{background-color:var(--u-accent);color:var(--u-on-accent)}
.p-2.bg-gray-100.hover\:bg-red-800 svg{width:18px;height:18px}

/* header chips (language, theme, charts) */
.h-8.rounded.bg-gray-200{border-radius:var(--u-radius-pill);padding-inline:14px;font-weight:600}
.h-8.w-8.rounded-full.bg-gray-200{width:36px;height:36px}
.h-8.rounded.bg-gray-200,.h-8.w-8.rounded-full.bg-gray-200{height:36px}

/* admin navigation: quiet pills, the current page in Brasa */
nav a.group{border-radius:var(--u-radius-pill)}
nav a.group>[role=button].border-gray-100.border-2{
  justify-content:flex-start;border-color:transparent;background-color:transparent;font-weight:500;
}
nav a.group:hover>[role=button].border-gray-100.border-2{background-color:var(--u-surface);color:var(--u-accent-text);border-color:transparent}
nav a.group.active{background-color:var(--u-accent)}
nav a.group.active>[role=button].border-gray-100.border-2{color:var(--u-on-accent);font-weight:600;background-color:transparent}

/* login with OAuth */
a.border.border-gray-300.bg-white{border-radius:var(--u-radius-pill);min-height:46px;font-weight:600}

/* ---------- Form controls (FormControls) ---------- */
:is(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([type=color]),textarea){
  min-height:var(--u-field-h,44px);padding:8px var(--u-field-pr,14px) 8px var(--u-field-pl,14px);
  border:1px solid var(--u-control-border);border-radius:var(--u-field-radius,12px);
  background-color:var(--u-field);color:var(--u-text);font-family:inherit;font-size:15px;
  box-shadow:none;transition:border-color .16s,box-shadow .16s,background-color .16s;
}
:is(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([type=color]),textarea):hover{border-color:var(--u-text-muted)}
:is(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([type=color]),textarea):focus{
  outline:none;border-color:var(--u-field-focus-border);background-color:var(--u-field-focus);box-shadow:0 0 0 4px var(--u-halo);
}
:is(input,textarea)::placeholder{color:var(--u-placeholder);opacity:1}
:is(input,textarea):disabled{opacity:.6;cursor:not-allowed}
input.ring-1.ring-gray-300{--u-field-radius:var(--u-radius-pill);--u-field-pl:2.25rem;--u-field-pr:2.25rem;--u-field-h:40px}
input[type=date]{color-scheme:light}
.dark input[type=date]{color-scheme:dark}

/* switch */
button[role=switch]{background-color:var(--u-control-border)}
button[role=switch][data-state=checked]{background-color:var(--u-accent)}
button[role=switch]>span{background-color:var(--u-sal-0);box-shadow:0 1px 2px rgba(14,26,29,.25)}
button[role=switch]:focus-within{outline:2px solid var(--u-focus-ring);outline-offset:3px}

/* code (client config) */
.overflow-x-auto.rounded.border-2.border-red-800{border:1px solid var(--u-line);border-radius:12px;background-color:var(--u-surface)}
.overflow-x-auto.rounded.border-2.border-red-800 pre{font-family:var(--u-font-mono);font-size:13px;line-height:1.6}

/* ---------- Popovers, menus, dialogs, tooltips ---------- */
.min-w-28.rounded.bg-gray-300{border:1px solid var(--u-line);border-radius:14px;background-color:var(--u-bg-raised);box-shadow:var(--u-pop-shadow)}
.dark .min-w-28.rounded.dark\:bg-neutral-500{background-color:var(--u-bg-raised)}
[role=option]{border-radius:8px;height:32px!important;font-size:14px}
[role=option].hover\:bg-red-800:hover,[role=option][data-highlighted]{background-color:var(--u-surface);color:var(--u-accent-text);outline:none}
[role=option][data-state=checked]{text-decoration:none!important;font-weight:600}
[role=option][data-state=checked]::after{content:"";width:8px;height:8px;margin-left:auto;background:var(--u-accent)}

.w-44.rounded-lg.shadow{border:1px solid var(--u-line);border-radius:var(--u-radius-md);overflow:hidden;box-shadow:var(--u-pop-shadow)}
.w-44.rounded-lg.shadow a:hover,.w-44.rounded-lg.shadow button:hover{color:var(--u-accent-text)}

.fixed.inset-0.bg-gray-500.opacity-75{background-color:var(--u-overlay);opacity:1}
.dark .fixed.inset-0.dark\:bg-black.dark\:opacity-50{background-color:var(--u-overlay);opacity:1}
.rounded-md.shadow-2xl{border-radius:var(--u-radius-lg);padding:28px;box-shadow:var(--u-pop-shadow)}
.rounded-md.shadow-2xl h2{font-family:var(--u-font-display);font-weight:600;font-size:1.3125rem;letter-spacing:-.015em}

.bg-gray-600.text-white{background-color:var(--u-tooltip-bg);color:var(--u-tooltip-text);border-radius:8px;font-size:13px;line-height:1.35}
.bg-gray-600 .fill-gray-600{fill:var(--u-tooltip-bg)}

/* ---------- Status and alerts ---------- */
/* toasts: Mangue for done, Pitanga for errors */
.bg-green-800.text-neutral-200,.bg-red-800.text-neutral-200{color:var(--u-sal-0);border-radius:14px}
.bg-red-800.text-neutral-200{background-color:var(--u-pitanga-700)}

/* "insecure connection" alert */
.container.bg-red-800.text-white{
  display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border-radius:14px;box-shadow:none;
  background-color:var(--u-alert-bg);color:var(--u-text);font-weight:600;font-size:15px;line-height:1.45;
}
.container.bg-red-800.text-white::before{content:"";flex:none;width:10px;height:10px;margin-top:6px;background:var(--u-pitanga-500)}
.dark .container.bg-red-800.dark\:bg-red-100{background-color:var(--u-alert-bg);color:var(--u-text)}

/* "update available" banner */
.font-small.bg-red-800.text-white{
  border:1px solid var(--u-line);border-radius:var(--u-radius-md);background-color:var(--u-bg-raised);color:var(--u-text);box-shadow:none;
}
.dark .font-small.bg-red-800.dark\:bg-red-100{background-color:var(--u-bg-raised);color:var(--u-text)}
.font-small.bg-red-800 .font-bold{display:flex;align-items:center;gap:8px;font-weight:600}
.font-small.bg-red-800 .font-bold::before{content:"";width:8px;height:8px;background:var(--u-caja-500)}
.font-small.bg-red-800 a.border-red-800{
  border:1px solid var(--u-line);border-radius:var(--u-radius-pill);padding:10px 18px;
  background-color:var(--u-btn-light-bg);color:var(--u-text);
}
.font-small.bg-red-800 a.border-red-800:hover{border-color:var(--u-line-strong);background-color:var(--u-btn-light-bg);color:var(--u-accent-text)}

/* sign-in: the round avatar becomes the pixel shield glyph on a dark tile */
.h-20.w-20.rounded-full.bg-red-800{
  width:64px;height:64px;margin-top:8px;margin-bottom:4px;border-radius:18px;
  background:var(--u-noite-950) url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 8 8%22 shape-rendering=%22crispEdges%22%3E%3Crect x=%220%22 y=%220%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%221%22 y=%220%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%222%22 y=%220%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%223%22 y=%220%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%224%22 y=%220%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%225%22 y=%220%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%226%22 y=%220%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%227%22 y=%220%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%220%22 y=%221%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%221%22 y=%221%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%222%22 y=%221%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%223%22 y=%221%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%224%22 y=%221%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%225%22 y=%221%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%227%22 y=%221%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%220%22 y=%222%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%222%22 y=%222%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%223%22 y=%222%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%224%22 y=%222%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%226%22 y=%222%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%227%22 y=%222%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%220%22 y=%223%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%221%22 y=%223%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%223%22 y=%223%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%225%22 y=%223%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%226%22 y=%223%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%227%22 y=%223%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%221%22 y=%224%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%222%22 y=%224%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%224%22 y=%224%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%225%22 y=%224%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%226%22 y=%224%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%221%22 y=%225%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%222%22 y=%225%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%223%22 y=%225%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%224%22 y=%225%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%225%22 y=%225%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%226%22 y=%225%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%222%22 y=%226%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%223%22 y=%226%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%224%22 y=%226%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%225%22 y=%226%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%223%22 y=%227%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3Crect x=%224%22 y=%227%22 width=%221%22 height=%221%22 fill=%22%23e66841%22/%3E%3C/svg%3E") center/32px 32px no-repeat;
}
.dark .h-20.w-20.rounded-full.bg-red-800{box-shadow:inset 0 0 0 1px var(--u-noite-700)}
.h-20.w-20.rounded-full.bg-red-800>svg{display:none}
main>.w-64.rounded-md{width:min(360px,calc(100vw - 32px));padding:28px;border-radius:var(--u-radius-lg)}
main>.w-64.rounded-md label .text-sm{font-size:15px}

/* setup progress: square cells on the 8px grid */
.step{height:8px;margin-inline:2px}
.step.bg-gray-500{background-color:var(--u-line)}

/* ---------- Footer ---------- */
footer p{font-size:13px;color:var(--u-text-muted)}
footer a{text-decoration-color:var(--u-accent);text-decoration-thickness:2px;text-underline-offset:3px}

@media (prefers-reduced-motion:reduce){
  .animate-ping,.animate-spin{animation:none}
  *,*::before,*::after{transition-duration:.01ms!important}
}