/* GENERATED by scripts/port-mes-kit.py — DO NOT EDIT BY HAND; change the script and re-run.
 * Source: MES-Lite dist/assets/index-CMh6aE9_.css + AppDatePicker-CJiCct6A.css + AppPhoneInput-BPG6uKOW.css + gap classes btn-danger, badge-warning, badge-info, badge-muted, card-hover
 * Everything below applies ONLY inside an element with class "qc-ui".
 * Plan: docs/superpowers/specs/2026-09-11-qc-ui-kit-design.md */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/Inter-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}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/Inter-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:'JetBrains Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url('fonts/JetBrainsMono-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}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 500;font-display:swap;src:url('fonts/JetBrainsMono-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}
.qc-ui.qc-ui 400;500;600;700&display=swap";.safe-header[data-v-0ebecae2]{padding-top:env(safe-area-inset-top,0px)!important}
.qc-ui.qc-ui .sidebar-logo-light[data-v-4f9c6008]{filter:invert(1) hue-rotate(180deg)!important}
.qc-ui.qc-ui .sidebar-logo-row[data-v-4f9c6008]{height:calc(4rem + env(safe-area-inset-top,0px))!important;padding-top:env(safe-area-inset-top,0px)!important;padding-left:max(.75rem,calc(env(safe-area-inset-left,0px) + .25rem))!important}
.qc-ui.qc-ui .safe-main-content[data-v-4b4c692e]{padding-bottom:max(1.5rem,calc(env(safe-area-inset-bottom,0px) + 1rem))!important}
@media (min-width: 640px){.qc-ui.qc-ui .safe-main-content[data-v-4b4c692e]{padding-bottom:max(1.75rem,calc(env(safe-area-inset-bottom,0px) + 1rem))!important}}
@media (min-width: 768px){.qc-ui.qc-ui .safe-main-content[data-v-4b4c692e]{padding-bottom:max(2.5rem,calc(env(safe-area-inset-bottom,0px) + 1.5rem))!important}}
.qc-ui.qc-ui .safe-auth-layout[data-v-5d0844c6]{padding-top:max(3rem,calc(env(safe-area-inset-top,0px) + 1.5rem))!important;padding-bottom:max(3rem,calc(env(safe-area-inset-bottom,0px) + 1.5rem))!important;padding-left:max(1rem,calc(env(safe-area-inset-left,0px) + 1rem))!important;padding-right:max(1rem,calc(env(safe-area-inset-right,0px) + 1rem))!important}
.qc-ui.qc-ui .launcher-logo-light[data-v-04db6a74],.qc-ui.qc-ui .sidebar-logo-light[data-v-caa44681]{filter:invert(1) hue-rotate(180deg)!important}
.qc-ui.qc-ui .toast-enter-active[data-v-129e6f0c]{transition:all .3s cubic-bezier(.34,1.56,.64,1)!important}
.qc-ui.qc-ui .toast-leave-active[data-v-129e6f0c]{transition:all .2s ease-in!important}
.qc-ui.qc-ui .toast-enter-from[data-v-129e6f0c],.qc-ui.qc-ui .toast-leave-to[data-v-129e6f0c]{opacity:0!important;transform:translate(100%) scale(.9)!important}
.qc-ui.qc-ui .toast-move[data-v-129e6f0c]{transition:transform .3s ease!important}
.qc-ui.qc-ui .confirm-card[data-v-1ef71173]{width:100%!important;max-width:420px!important;background:var(--confirm-bg, #fff)!important;border:1px solid var(--confirm-border, #e4e4e7)!important;border-radius:20px!important;box-shadow:0 0 0 1px #0000000a,0 24px 60px #00000026,0 8px 20px #00000014!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;align-items:center!important;padding:2rem 2rem 1.5rem!important;gap:1rem!important}
.qc-ui.qc-ui .confirm-icon-wrap[data-v-1ef71173]{width:68px!important;height:68px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;margin-bottom:.25rem!important}
.qc-ui.qc-ui .confirm-icon-wrap svg[data-v-1ef71173]{width:32px!important;height:32px!important}
.qc-ui.qc-ui .confirm-icon--danger[data-v-1ef71173]{background:color-mix(in srgb,var(--danger) 12.2%,transparent)!important;border:1.5px solid color-mix(in srgb,var(--danger) 35%,transparent)!important;color:var(--danger)!important}
.qc-ui.qc-ui .confirm-icon--warning[data-v-1ef71173]{background:color-mix(in srgb,var(--warn) 12.2%,transparent)!important;border:1.5px solid color-mix(in srgb,var(--warn) 35%,transparent)!important;color:var(--warn)!important}
.qc-ui.qc-ui .confirm-icon--info[data-v-1ef71173]{background:#3b82f61f!important;border:1.5px solid rgba(59,130,246,.35)!important;color:#3b82f6!important}
.qc-ui.qc-ui .confirm-body[data-v-1ef71173]{text-align:center!important;display:flex!important;flex-direction:column!important;gap:.4rem!important}
.qc-ui.qc-ui .confirm-title[data-v-1ef71173]{font-size:1.125rem!important;font-weight:700!important;color:var(--confirm-text, #18181b)!important;line-height:1.3!important}
.qc-ui.qc-ui .confirm-message[data-v-1ef71173]{font-size:.875rem!important;color:var(--confirm-text-dim, #71717a)!important;line-height:1.55!important}
.qc-ui.qc-ui .confirm-detail[data-v-1ef71173]{font-size:.78rem!important;color:var(--confirm-text-muted, #a1a1aa)!important;margin-top:.15rem!important}
.qc-ui.qc-ui .confirm-actions[data-v-1ef71173]{display:flex!important;gap:.75rem!important;width:100%!important;margin-top:.5rem!important}
.qc-ui.qc-ui .confirm-btn-cancel[data-v-1ef71173],.qc-ui.qc-ui .confirm-btn-confirm[data-v-1ef71173]{flex:1!important;padding:.65rem 1rem!important;border-radius:10px!important;font-size:.875rem!important;font-weight:600!important;cursor:pointer!important;transition:all .15s!important;border:none!important;outline:none!important}
.qc-ui.qc-ui .confirm-btn-cancel[data-v-1ef71173]{background:var(--confirm-cancel-bg, #f4f4f5)!important;color:var(--confirm-cancel-text, #18181b)!important;border:1px solid var(--confirm-cancel-border, #e4e4e7)!important}
.qc-ui.qc-ui .confirm-btn-cancel[data-v-1ef71173]:hover{background:var(--confirm-cancel-bg-hover, #e4e4e7)!important}
.qc-ui.qc-ui .confirm-btn--danger[data-v-1ef71173]{background:var(--danger)!important;color:#fff!important}
.qc-ui.qc-ui .confirm-btn--danger[data-v-1ef71173]:hover{background:#dc2626!important}
.qc-ui.qc-ui .confirm-btn--warning[data-v-1ef71173]{background:var(--warn)!important;color:#000!important}
.qc-ui.qc-ui .confirm-btn--warning[data-v-1ef71173]:hover{background:#d97706!important}
.qc-ui.qc-ui .confirm-btn--info[data-v-1ef71173]{background:#3b82f6!important;color:#fff!important}
.qc-ui.qc-ui .confirm-btn--info[data-v-1ef71173]:hover{background:#2563eb!important}
.qc-ui.qc-ui .confirm-fade-enter-active[data-v-1ef71173],.qc-ui.qc-ui .confirm-fade-leave-active[data-v-1ef71173]{transition:opacity .2s ease!important}
.qc-ui.qc-ui .confirm-fade-enter-from[data-v-1ef71173],.qc-ui.qc-ui .confirm-fade-leave-to[data-v-1ef71173]{opacity:0!important}
.qc-ui.qc-ui .confirm-slide-enter-active[data-v-1ef71173]{transition:all .22s cubic-bezier(.34,1.56,.64,1)!important}
.qc-ui.qc-ui .confirm-slide-leave-active[data-v-1ef71173]{transition:all .15s ease!important}
.qc-ui.qc-ui .confirm-slide-enter-from[data-v-1ef71173]{opacity:0!important;transform:scale(.88) translateY(12px)!important}
.qc-ui.qc-ui .confirm-slide-leave-to[data-v-1ef71173]{opacity:0!important;transform:scale(.94) translateY(6px)!important}
.qc-ui.qc-ui *{margin:0!important;padding:0!important;box-sizing:border-box!important}
.qc-ui.qc-ui{height:100%!important;overflow-x:hidden!important}
.qc-ui.qc-ui *,.qc-ui.qc-ui :before,.qc-ui.qc-ui :after{--tw-border-spacing-x:0!important;--tw-border-spacing-y:0!important;--tw-translate-x:0!important;--tw-translate-y:0!important;--tw-rotate:0!important;--tw-skew-x:0!important;--tw-skew-y:0!important;--tw-scale-x:1!important;--tw-scale-y:1!important;--tw-pan-x:!important;--tw-pan-y:!important;--tw-pinch-zoom:!important;--tw-scroll-snap-strictness:proximity!important;--tw-gradient-from-position:!important;--tw-gradient-via-position:!important;--tw-gradient-to-position:!important;--tw-ordinal:!important;--tw-slashed-zero:!important;--tw-numeric-figure:!important;--tw-numeric-spacing:!important;--tw-numeric-fraction:!important;--tw-ring-inset:!important;--tw-ring-offset-width:0px!important;--tw-ring-offset-color:#fff!important;--tw-ring-color:rgb(59 130 246 / .5)!important;--tw-ring-offset-shadow:0 0 #0000!important;--tw-ring-shadow:0 0 #0000!important;--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;--tw-blur:!important;--tw-brightness:!important;--tw-contrast:!important;--tw-grayscale:!important;--tw-hue-rotate:!important;--tw-invert:!important;--tw-saturate:!important;--tw-sepia:!important;--tw-drop-shadow:!important;--tw-backdrop-blur:!important;--tw-backdrop-brightness:!important;--tw-backdrop-contrast:!important;--tw-backdrop-grayscale:!important;--tw-backdrop-hue-rotate:!important;--tw-backdrop-invert:!important;--tw-backdrop-opacity:!important;--tw-backdrop-saturate:!important;--tw-backdrop-sepia:!important;--tw-contain-size:!important;--tw-contain-layout:!important;--tw-contain-paint:!important;--tw-contain-style:!important}
.qc-ui.qc-ui ::backdrop{--tw-border-spacing-x:0!important;--tw-border-spacing-y:0!important;--tw-translate-x:0!important;--tw-translate-y:0!important;--tw-rotate:0!important;--tw-skew-x:0!important;--tw-skew-y:0!important;--tw-scale-x:1!important;--tw-scale-y:1!important;--tw-pan-x:!important;--tw-pan-y:!important;--tw-pinch-zoom:!important;--tw-scroll-snap-strictness:proximity!important;--tw-gradient-from-position:!important;--tw-gradient-via-position:!important;--tw-gradient-to-position:!important;--tw-ordinal:!important;--tw-slashed-zero:!important;--tw-numeric-figure:!important;--tw-numeric-spacing:!important;--tw-numeric-fraction:!important;--tw-ring-inset:!important;--tw-ring-offset-width:0px!important;--tw-ring-offset-color:#fff!important;--tw-ring-color:rgb(59 130 246 / .5)!important;--tw-ring-offset-shadow:0 0 #0000!important;--tw-ring-shadow:0 0 #0000!important;--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;--tw-blur:!important;--tw-brightness:!important;--tw-contrast:!important;--tw-grayscale:!important;--tw-hue-rotate:!important;--tw-invert:!important;--tw-saturate:!important;--tw-sepia:!important;--tw-drop-shadow:!important;--tw-backdrop-blur:!important;--tw-backdrop-brightness:!important;--tw-backdrop-contrast:!important;--tw-backdrop-grayscale:!important;--tw-backdrop-hue-rotate:!important;--tw-backdrop-invert:!important;--tw-backdrop-opacity:!important;--tw-backdrop-saturate:!important;--tw-backdrop-sepia:!important;--tw-contain-size:!important;--tw-contain-layout:!important;--tw-contain-paint:!important;--tw-contain-style:!important}
.qc-ui.qc-ui *,.qc-ui.qc-ui :before,.qc-ui.qc-ui :after{box-sizing:border-box!important;border-width:0!important;border-style:solid!important;border-color:#e5e7eb!important}
.qc-ui.qc-ui :before,.qc-ui.qc-ui :after{--tw-content:""!important}
.qc-ui.qc-ui{line-height:1.5!important;-webkit-text-size-adjust:100%!important;-moz-tab-size:4!important;-o-tab-size:4!important;tab-size:4!important;font-family:Inter,system-ui,sans-serif!important;font-feature-settings:normal!important;font-variation-settings:normal!important;-webkit-tap-highlight-color:transparent!important}
.qc-ui.qc-ui{margin:0!important;line-height:inherit!important}
.qc-ui.qc-ui hr{height:0!important;color:inherit!important;border-top-width:1px!important}
.qc-ui.qc-ui abbr:where([title]){-webkit-text-decoration:underline dotted!important;text-decoration:underline dotted!important}
.qc-ui.qc-ui h1,.qc-ui.qc-ui h2,.qc-ui.qc-ui h3,.qc-ui.qc-ui h4,.qc-ui.qc-ui h5,.qc-ui.qc-ui h6{font-size:inherit!important;font-weight:inherit!important}
.qc-ui.qc-ui a{color:inherit!important;text-decoration:inherit!important}
.qc-ui.qc-ui b,.qc-ui.qc-ui strong{font-weight:bolder!important}
.qc-ui.qc-ui code,.qc-ui.qc-ui kbd,.qc-ui.qc-ui samp,.qc-ui.qc-ui pre{font-family:JetBrains Mono,Fira Code,Consolas,monospace!important;font-feature-settings:normal!important;font-variation-settings:normal!important;font-size:1em!important}
.qc-ui.qc-ui small{font-size:80%!important}
.qc-ui.qc-ui sub,.qc-ui.qc-ui sup{font-size:75%!important;line-height:0!important;position:relative!important;vertical-align:baseline!important}
.qc-ui.qc-ui sub{bottom:-.25em!important}
.qc-ui.qc-ui sup{top:-.5em!important}
.qc-ui.qc-ui table{text-indent:0!important;border-color:inherit!important;border-collapse:collapse!important}
.qc-ui.qc-ui button,.qc-ui.qc-ui input,.qc-ui.qc-ui optgroup,.qc-ui.qc-ui select,.qc-ui.qc-ui textarea{font-family:inherit!important;font-feature-settings:inherit!important;font-variation-settings:inherit!important;font-size:100%!important;font-weight:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;color:inherit!important;margin:0!important;padding:0!important}
.qc-ui.qc-ui button,.qc-ui.qc-ui select{text-transform:none!important}
.qc-ui.qc-ui button,.qc-ui.qc-ui input:where([type=button]),.qc-ui.qc-ui input:where([type=reset]),.qc-ui.qc-ui input:where([type=submit]){-webkit-appearance:button!important;background-color:transparent!important;background-image:none!important}
.qc-ui.qc-ui :-moz-focusring{outline:auto!important}
.qc-ui.qc-ui :-moz-ui-invalid{box-shadow:none!important}
.qc-ui.qc-ui progress{vertical-align:baseline!important}
.qc-ui.qc-ui ::-webkit-inner-spin-button,.qc-ui.qc-ui ::-webkit-outer-spin-button{height:auto!important}
.qc-ui.qc-ui [type=search]{-webkit-appearance:textfield!important;outline-offset:-2px!important}
.qc-ui.qc-ui ::-webkit-search-decoration{-webkit-appearance:none!important}
.qc-ui.qc-ui ::-webkit-file-upload-button{-webkit-appearance:button!important;font:inherit!important}
.qc-ui.qc-ui summary{display:list-item!important}
.qc-ui.qc-ui blockquote,.qc-ui.qc-ui dl,.qc-ui.qc-ui dd,.qc-ui.qc-ui h1,.qc-ui.qc-ui h2,.qc-ui.qc-ui h3,.qc-ui.qc-ui h4,.qc-ui.qc-ui h5,.qc-ui.qc-ui h6,.qc-ui.qc-ui hr,.qc-ui.qc-ui figure,.qc-ui.qc-ui p,.qc-ui.qc-ui pre{margin:0!important}
.qc-ui.qc-ui fieldset{margin:0!important;padding:0!important}
.qc-ui.qc-ui legend{padding:0!important}
.qc-ui.qc-ui ol,.qc-ui.qc-ui ul,.qc-ui.qc-ui menu{list-style:none!important;margin:0!important;padding:0!important}
.qc-ui.qc-ui dialog{padding:0!important}
.qc-ui.qc-ui textarea{resize:vertical!important}
.qc-ui.qc-ui input::-moz-placeholder,.qc-ui.qc-ui textarea::-moz-placeholder{opacity:1!important;color:#9ca3af!important}
.qc-ui.qc-ui input::placeholder,.qc-ui.qc-ui textarea::placeholder{opacity:1!important;color:#9ca3af!important}
.qc-ui.qc-ui button,.qc-ui.qc-ui [role=button]{cursor:pointer!important}
.qc-ui.qc-ui :disabled{cursor:default!important}
.qc-ui.qc-ui img,.qc-ui.qc-ui svg,.qc-ui.qc-ui video,.qc-ui.qc-ui canvas,.qc-ui.qc-ui audio,.qc-ui.qc-ui iframe,.qc-ui.qc-ui embed,.qc-ui.qc-ui object{display:block!important;vertical-align:middle!important}
.qc-ui.qc-ui img,.qc-ui.qc-ui video{max-width:100%!important;height:auto!important}
.qc-ui.qc-ui [hidden]:where(:not([hidden=until-found])){display:none!important}
.qc-ui.qc-ui{--tw-bg-opacity:1!important;background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui{--tw-text-opacity:1!important;color:rgb(24 24 27 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-family:Inter,system-ui,-apple-system,sans-serif!important}
.qc-ui.qc-ui *{--tw-border-opacity:1!important;border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui input,.qc-ui.qc-ui textarea,.qc-ui.qc-ui select,.qc-ui.qc-ui button{outline:none!important}
.qc-ui.qc-ui input:focus,.qc-ui.qc-ui textarea:focus,.qc-ui.qc-ui select:focus{outline:none!important}
.qc-ui.qc-ui.qc-ui.qc-ui input:focus,.qc-ui.qc-ui.qc-ui.qc-ui textarea:focus,.qc-ui.qc-ui.qc-ui.qc-ui select:focus{border-color:color-mix(in srgb,var(--brand) 60%,transparent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 14.9%,transparent)!important;--tw-ring-shadow:none!important}
.qc-ui.qc-ui button:focus,.qc-ui.qc-ui button:focus-visible{outline:none!important;box-shadow:none!important}
.qc-ui.qc-ui .container{width:100%!important}
@media (min-width: 640px){.qc-ui.qc-ui .container{max-width:640px!important}}
@media (min-width: 768px){.qc-ui.qc-ui .container{max-width:768px!important}}
@media (min-width: 1024px){.qc-ui.qc-ui .container{max-width:1024px!important}}
@media (min-width: 1280px){.qc-ui.qc-ui .container{max-width:1280px!important}}
@media (min-width: 1536px){.qc-ui.qc-ui .container{max-width:1536px!important}}
.qc-ui.qc-ui .form-input,.qc-ui.qc-ui .form-textarea,.qc-ui.qc-ui .form-select,.qc-ui.qc-ui .form-multiselect{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-color:#fff!important;border-color:#6b7280!important;border-width:1px!important;border-radius:0!important;padding:.5rem .75rem!important;font-size:1rem!important;line-height:1.5rem!important;--tw-shadow:0 0 #0000!important}
.qc-ui.qc-ui .form-input:focus,.qc-ui.qc-ui .form-textarea:focus,.qc-ui.qc-ui .form-select:focus,.qc-ui.qc-ui .form-multiselect:focus{outline:2px solid transparent!important;outline-offset:2px!important;--tw-ring-inset:var(--tw-empty, )!important;--tw-ring-offset-width:0px!important;--tw-ring-offset-color:#fff!important;--tw-ring-color:#2563eb!important;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important;border-color:#2563eb!important}
.qc-ui.qc-ui .form-input::-moz-placeholder,.qc-ui.qc-ui .form-textarea::-moz-placeholder{color:#6b7280!important;opacity:1!important}
.qc-ui.qc-ui .form-input::placeholder,.qc-ui.qc-ui .form-textarea::placeholder{color:#6b7280!important;opacity:1!important}
.qc-ui.qc-ui .form-input::-webkit-datetime-edit-fields-wrapper{padding:0!important}
.qc-ui.qc-ui .form-input::-webkit-date-and-time-value{min-height:1.5em!important;text-align:inherit!important}
.qc-ui.qc-ui .form-input::-webkit-datetime-edit{display:inline-flex!important}
.qc-ui.qc-ui .form-input::-webkit-datetime-edit,.qc-ui.qc-ui .form-input::-webkit-datetime-edit-year-field,.qc-ui.qc-ui .form-input::-webkit-datetime-edit-month-field,.qc-ui.qc-ui .form-input::-webkit-datetime-edit-day-field,.qc-ui.qc-ui .form-input::-webkit-datetime-edit-hour-field,.qc-ui.qc-ui .form-input::-webkit-datetime-edit-minute-field,.qc-ui.qc-ui .form-input::-webkit-datetime-edit-second-field,.qc-ui.qc-ui .form-input::-webkit-datetime-edit-millisecond-field,.qc-ui.qc-ui .form-input::-webkit-datetime-edit-meridiem-field{padding-top:0!important;padding-bottom:0!important}
.qc-ui.qc-ui .theme-bg-page{--tw-bg-opacity:1!important;background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .theme-bg-card{--tw-bg-opacity:1!important;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .theme-bg-surface{--tw-bg-opacity:1!important;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .theme-bg-hover{--tw-bg-opacity:1!important;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .theme-border{--tw-border-opacity:1!important;border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .theme-border-row{--tw-border-opacity:1!important;border-color:rgb(244 244 245 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .theme-text{--tw-text-opacity:1!important;color:rgb(24 24 27 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .theme-text-dim{--tw-text-opacity:1!important;color:rgb(113 113 122 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .theme-text-muted{--tw-text-opacity:1!important;color:rgb(161 161 170 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .theme-input{--tw-bg-opacity:1!important;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .theme-input{--tw-border-opacity:1!important;border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .theme-input{--tw-text-opacity:1!important;color:rgb(24 24 27 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .theme-input::-moz-placeholder{--tw-placeholder-opacity:1!important;color:rgb(161 161 170 / var(--tw-placeholder-opacity, 1))!important}
.qc-ui.qc-ui .theme-input::placeholder{--tw-placeholder-opacity:1!important;color:rgb(161 161 170 / var(--tw-placeholder-opacity, 1))!important}
.qc-ui.qc-ui .theme-input{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}
.qc-ui.qc-ui .theme-input:focus{border-color:color-mix(in srgb,var(--brand) 50.2%,transparent)!important;outline:2px solid transparent!important;outline-offset:2px!important}
.qc-ui.qc-ui .btn-primary{border-radius:.5rem!important;--tw-bg-opacity:1!important;background-color:color-mix(in srgb,var(--brand) calc(var(--tw-bg-opacity, 1)*100%),transparent)!important;padding:.5rem 1rem!important;font-weight:600!important;--tw-text-opacity:1!important;color:var(--qcui-on-brand,var(--brand-contrast))!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.2s!important}
.qc-ui.qc-ui .btn-primary:hover{--tw-bg-opacity:1!important;background-color:color-mix(in srgb,var(--brand-dark) calc(var(--tw-bg-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .btn-secondary{border-radius:.5rem!important;border-width:1px!important;--tw-border-opacity:1!important;border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))!important;--tw-bg-opacity:1!important;background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))!important;padding:.5rem 1rem!important;font-weight:600!important;--tw-text-opacity:1!important;color:rgb(24 24 27 / var(--tw-text-opacity, 1))!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.2s!important}
.qc-ui.qc-ui .btn-secondary:hover{--tw-bg-opacity:1!important;background-color:rgb(228 228 231 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .card{--tw-bg-opacity:1!important;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .card{--tw-border-opacity:1!important;border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .card{border-radius:.75rem!important;border-width:1px!important;padding:1rem!important}
.qc-ui.qc-ui .btn-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:30px!important;width:30px!important;flex-shrink:0!important;padding:.25rem!important;cursor:pointer!important;border-radius:.5rem!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.2s!important}
.qc-ui.qc-ui .btn-icon:hover{--tw-scale-x:1.05!important;--tw-scale-y:1.05!important;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))!important;--tw-shadow:0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)!important;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}
.qc-ui.qc-ui .btn-icon svg{height:18px!important;width:18px!important}
.qc-ui.qc-ui .btn-group{display:flex!important;gap:.375rem!important}
.qc-ui.qc-ui .btn-icon-view{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:30px!important;width:30px!important;flex-shrink:0!important;padding:.25rem!important;cursor:pointer!important;border-radius:.5rem!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.2s!important}
.qc-ui.qc-ui .btn-icon-view:hover{--tw-scale-x:1.05!important;--tw-scale-y:1.05!important;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))!important;--tw-shadow:0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)!important;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}
.qc-ui.qc-ui .btn-icon-view svg{height:18px!important;width:18px!important}
.qc-ui.qc-ui .btn-icon-view{--tw-text-opacity:1!important;color:rgb(59 130 246 / var(--tw-text-opacity, 1))!important;border-width:1px!important;border-color:#60a5fa4d!important;background-color:#3b82f61a!important}
.qc-ui.qc-ui .btn-icon-view:hover{border-color:#60a5fa80!important;background-color:#3b82f633!important}
.qc-ui.qc-ui .btn-icon-edit{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:30px!important;width:30px!important;flex-shrink:0!important;padding:.25rem!important;cursor:pointer!important;border-radius:.5rem!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.2s!important}
.qc-ui.qc-ui .btn-icon-edit:hover{--tw-scale-x:1.05!important;--tw-scale-y:1.05!important;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))!important;--tw-shadow:0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)!important;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}
.qc-ui.qc-ui .btn-icon-edit svg{height:18px!important;width:18px!important}
.qc-ui.qc-ui .btn-icon-edit{--tw-text-opacity:1!important;color:rgb(251 146 60 / var(--tw-text-opacity, 1))!important;border-width:1px!important;border-color:#fb923c4d!important;background-color:#f973161a!important}
.qc-ui.qc-ui .btn-icon-edit:hover{border-color:#fb923c80!important;background-color:#f9731633!important}
.qc-ui.qc-ui .btn-icon-delete{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:30px!important;width:30px!important;flex-shrink:0!important;padding:.25rem!important;cursor:pointer!important;border-radius:.5rem!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.2s!important}
.qc-ui.qc-ui .btn-icon-delete:hover{--tw-scale-x:1.05!important;--tw-scale-y:1.05!important;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))!important;--tw-shadow:0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)!important;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}
.qc-ui.qc-ui .btn-icon-delete svg{height:18px!important;width:18px!important}
.qc-ui.qc-ui .btn-icon-delete{--tw-text-opacity:1!important;color:color-mix(in srgb,var(--danger) calc(var(--tw-text-opacity, 1)*100%),transparent)!important;border-width:1px!important;border-color:#f871714d!important;background-color:color-mix(in srgb,var(--danger) 10.2%,transparent)!important}
.qc-ui.qc-ui .btn-icon-delete:hover{border-color:#f8717180!important;background-color:color-mix(in srgb,var(--danger) 20%,transparent)!important}
.qc-ui.qc-ui .btn-icon-delete-outline{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:30px!important;width:30px!important;flex-shrink:0!important;padding:.25rem!important;cursor:pointer!important;border-radius:.5rem!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.2s!important}
.qc-ui.qc-ui .btn-icon-delete-outline:hover{--tw-scale-x:1.05!important;--tw-scale-y:1.05!important;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))!important;--tw-shadow:0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)!important;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}
.qc-ui.qc-ui .btn-icon-delete-outline svg{height:18px!important;width:18px!important}
.qc-ui.qc-ui .btn-icon-delete-outline{--tw-text-opacity:1!important;color:color-mix(in srgb,var(--danger) calc(var(--tw-text-opacity, 1)*100%),transparent)!important;border-width:1px!important;border-color:color-mix(in srgb,var(--danger) 50.2%,transparent)!important;background-color:color-mix(in srgb,var(--danger) 10.2%,transparent)!important}
.qc-ui.qc-ui .btn-icon-delete-outline:hover{--tw-border-opacity:1!important;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))!important;background-color:color-mix(in srgb,var(--danger) 30.2%,transparent)!important}
.qc-ui.qc-ui .btn-icon-add,.qc-ui.qc-ui .btn-icon-enable,.qc-ui.qc-ui .btn-icon-approve,.qc-ui.qc-ui .btn-icon-admin{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:30px!important;width:30px!important;flex-shrink:0!important;padding:.25rem!important;cursor:pointer!important;border-radius:.5rem!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.2s!important}
.qc-ui.qc-ui .btn-icon-add:hover,.qc-ui.qc-ui .btn-icon-enable:hover,.qc-ui.qc-ui .btn-icon-approve:hover,.qc-ui.qc-ui .btn-icon-admin:hover{--tw-scale-x:1.05!important;--tw-scale-y:1.05!important;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))!important;--tw-shadow:0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)!important;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}
.qc-ui.qc-ui .btn-icon-add svg,.qc-ui.qc-ui .btn-icon-enable svg,.qc-ui.qc-ui .btn-icon-approve svg,.qc-ui.qc-ui .btn-icon-admin svg{height:18px!important;width:18px!important}
.qc-ui.qc-ui .btn-icon-add,.qc-ui.qc-ui .btn-icon-enable,.qc-ui.qc-ui .btn-icon-approve,.qc-ui.qc-ui .btn-icon-admin{--tw-text-opacity:1!important;color:color-mix(in srgb,var(--ok) calc(var(--tw-text-opacity, 1)*100%),transparent)!important;border-width:1px!important;border-color:color-mix(in srgb,var(--ok) 30.2%,transparent)!important;background-color:color-mix(in srgb,var(--ok) 10.2%,transparent)!important}
.qc-ui.qc-ui .btn-icon-add:hover,.qc-ui.qc-ui .btn-icon-enable:hover,.qc-ui.qc-ui .btn-icon-approve:hover,.qc-ui.qc-ui .btn-icon-admin:hover{border-color:color-mix(in srgb,var(--ok) 50.2%,transparent)!important;background-color:color-mix(in srgb,var(--ok) 20%,transparent)!important}
.qc-ui.qc-ui .btn-icon-disable{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:30px!important;width:30px!important;flex-shrink:0!important;padding:.25rem!important;cursor:pointer!important;border-radius:.5rem!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.2s!important}
.qc-ui.qc-ui .btn-icon-disable:hover{--tw-scale-x:1.05!important;--tw-scale-y:1.05!important;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))!important;--tw-shadow:0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)!important;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}
.qc-ui.qc-ui .btn-icon-disable svg{height:18px!important;width:18px!important}
.qc-ui.qc-ui .btn-icon-disable{--tw-text-opacity:1!important;color:color-mix(in srgb,var(--warn) calc(var(--tw-text-opacity, 1)*100%),transparent)!important;border-width:1px!important;border-color:#fbbf244d!important;background-color:color-mix(in srgb,var(--warn) 10.2%,transparent)!important}
.qc-ui.qc-ui .btn-icon-disable:hover{border-color:#fbbf2480!important;background-color:color-mix(in srgb,var(--warn) 20%,transparent)!important}
.qc-ui.qc-ui .btn-icon-download{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:30px!important;width:30px!important;flex-shrink:0!important;padding:.25rem!important;cursor:pointer!important;border-radius:.5rem!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.2s!important}
.qc-ui.qc-ui .btn-icon-download:hover{--tw-scale-x:1.05!important;--tw-scale-y:1.05!important;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))!important;--tw-shadow:0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)!important;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}
.qc-ui.qc-ui .btn-icon-download svg{height:18px!important;width:18px!important}
.qc-ui.qc-ui .btn-icon-download{--tw-text-opacity:1!important;color:rgb(161 161 170 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .btn-icon-download{border-width:1px!important;border-color:#d4d4d880!important;background-color:#f4f4f580!important}
.qc-ui.qc-ui .btn-icon-download:hover{background-color:#e4e4e780!important}
.qc-ui.qc-ui .btn-icon-close{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:30px!important;width:30px!important;flex-shrink:0!important;padding:.25rem!important;cursor:pointer!important;border-radius:.5rem!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.2s!important}
.qc-ui.qc-ui .btn-icon-close:hover{--tw-scale-x:1.05!important;--tw-scale-y:1.05!important;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))!important;--tw-shadow:0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)!important;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}
.qc-ui.qc-ui .btn-icon-close svg{height:18px!important;width:18px!important}
.qc-ui.qc-ui .btn-icon-close{--tw-text-opacity:1!important;color:rgb(161 161 170 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .btn-icon-close{border-width:1px!important;border-color:#d4d4d880!important;background-color:#f4f4f580!important}
.qc-ui.qc-ui .btn-icon-close:hover{background-color:#e4e4e780!important}
.qc-ui.qc-ui .badge-success{border-radius:9999px!important;background-color:color-mix(in srgb,var(--ok) 14.9%,transparent)!important;padding:.125rem .625rem!important;font-size:.75rem!important;line-height:1rem!important;font-weight:500!important;--tw-text-opacity:1!important;color:color-mix(in srgb,var(--ok) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .badge-danger{border-radius:9999px!important;background-color:color-mix(in srgb,var(--danger) 14.9%,transparent)!important;padding:.125rem .625rem!important;font-size:.75rem!important;line-height:1rem!important;font-weight:500!important;--tw-text-opacity:1!important;color:color-mix(in srgb,var(--danger) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .btn-sm{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:.5rem!important;border-width:1px!important;padding:.375rem .75rem!important;font-size:.75rem!important;line-height:1rem!important;font-weight:500!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}
.qc-ui.qc-ui .btn-sm:disabled{cursor:not-allowed!important;opacity:.4!important}
.qc-ui.qc-ui .btn-sm-primary{border-color:color-mix(in srgb,var(--brand) 30.2%,transparent)!important;background-color:color-mix(in srgb,var(--brand) 10.2%,transparent)!important;--tw-text-opacity:1!important;color:color-mix(in srgb,var(--brand) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .btn-sm-primary:hover{background-color:color-mix(in srgb,var(--brand) 20%,transparent)!important}
.qc-ui.qc-ui .btn-sm-success{border-color:color-mix(in srgb,var(--ok) 30.2%,transparent)!important;background-color:color-mix(in srgb,var(--ok) 10.2%,transparent)!important;--tw-text-opacity:1!important;color:color-mix(in srgb,var(--ok) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .btn-sm-success:hover{background-color:color-mix(in srgb,var(--ok) 20%,transparent)!important}
.qc-ui.qc-ui .btn-sm-danger{border-color:color-mix(in srgb,var(--danger) 30.2%,transparent)!important;background-color:color-mix(in srgb,var(--danger) 10.2%,transparent)!important;--tw-text-opacity:1!important;color:color-mix(in srgb,var(--danger) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .btn-sm-danger:hover{background-color:color-mix(in srgb,var(--danger) 20%,transparent)!important}
.qc-ui.qc-ui .btn-sm-warning{border-color:color-mix(in srgb,var(--warn) 30.2%,transparent)!important;background-color:color-mix(in srgb,var(--warn) 10.2%,transparent)!important;--tw-text-opacity:1!important;color:color-mix(in srgb,var(--warn) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .btn-sm-warning:hover{background-color:color-mix(in srgb,var(--warn) 20%,transparent)!important}
.qc-ui.qc-ui .btn-sm-ghost{--tw-text-opacity:1!important;color:rgb(113 113 122 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .btn-sm-ghost{--tw-border-opacity:1!important;border-color:rgb(212 212 216 / var(--tw-border-opacity, 1))!important;background-color:transparent!important}
.qc-ui.qc-ui .btn-sm-ghost:hover{--tw-bg-opacity:1!important;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .btn-sm-ghost:hover{--tw-text-opacity:1!important;color:rgb(24 24 27 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .\!input{--tw-bg-opacity:1!important;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .\!input{--tw-border-opacity:1!important;border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .\!input{--tw-text-opacity:1!important;color:rgb(24 24 27 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .\!input{width:100%!important;border-radius:.75rem!important;border-width:1px!important;padding:.625rem .75rem!important;font-size:.875rem!important;line-height:1.25rem!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}
.qc-ui.qc-ui .\!input:focus{border-color:color-mix(in srgb,var(--brand) 50.2%,transparent)!important;outline:2px solid transparent!important;outline-offset:2px!important;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important;--tw-ring-color:color-mix(in srgb,var(--brand) 20%,transparent)!important}
.qc-ui.qc-ui .input{--tw-bg-opacity:1!important;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .input{--tw-border-opacity:1!important;border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .input{--tw-text-opacity:1!important;color:rgb(24 24 27 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .input{width:100%!important;border-radius:.75rem!important;border-width:1px!important;padding:.625rem .75rem!important;font-size:.875rem!important;line-height:1.25rem!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}
.qc-ui.qc-ui .input:focus{border-color:color-mix(in srgb,var(--brand) 50.2%,transparent)!important;outline:2px solid transparent!important;outline-offset:2px!important;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important;--tw-ring-color:color-mix(in srgb,var(--brand) 20%,transparent)!important}
.qc-ui.qc-ui.qc-ui.qc-ui .\!input{min-height:42px!important}
.qc-ui.qc-ui .input{min-height:42px!important}
.qc-ui.qc-ui .select{--tw-bg-opacity:1!important;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .select{--tw-border-opacity:1!important;border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .select{--tw-text-opacity:1!important;color:rgb(24 24 27 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .select{width:100%!important;border-radius:.75rem!important;border-width:1px!important;padding:.625rem .75rem!important;font-size:.875rem!important;line-height:1.25rem!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}
.qc-ui.qc-ui .select:focus{border-color:color-mix(in srgb,var(--brand) 50.2%,transparent)!important;outline:2px solid transparent!important;outline-offset:2px!important;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important;--tw-ring-color:color-mix(in srgb,var(--brand) 20%,transparent)!important}
.qc-ui.qc-ui .select{min-height:42px!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;padding-right:2.25rem!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23888888' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .6rem center!important;background-size:1.1em!important}
.qc-ui.qc-ui .field-label{--tw-text-opacity:1!important;color:rgb(161 161 170 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .field-label{margin-bottom:.375rem!important;display:block!important;font-size:.75rem!important;line-height:1rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.025em!important}
.qc-ui.qc-ui .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}
.qc-ui.qc-ui .pointer-events-none{pointer-events:none!important}
.qc-ui.qc-ui .pointer-events-auto{pointer-events:auto!important}
.qc-ui.qc-ui .visible{visibility:visible!important}
.qc-ui.qc-ui .invisible{visibility:hidden!important}
.qc-ui.qc-ui .collapse{visibility:collapse!important}
.qc-ui.qc-ui .static{position:static!important}
.qc-ui.qc-ui .fixed{position:fixed!important}
.qc-ui.qc-ui .absolute{position:absolute!important}
.qc-ui.qc-ui .relative{position:relative!important}
.qc-ui.qc-ui .sticky{position:sticky!important}
.qc-ui.qc-ui .inset-0{top:0!important;right:0!important;bottom:0!important;left:0!important}
.qc-ui.qc-ui .inset-4{top:1rem!important;right:1rem!important;bottom:1rem!important;left:1rem!important}
.qc-ui.qc-ui .inset-y-0{top:0!important;bottom:0!important}
.qc-ui.qc-ui .-bottom-1{bottom:-.25rem!important}
.qc-ui.qc-ui .-right-1{right:-.25rem!important}
.qc-ui.qc-ui .bottom-0{bottom:0!important}
.qc-ui.qc-ui .bottom-10{bottom:2.5rem!important}
.qc-ui.qc-ui .bottom-3{bottom:.75rem!important}
.qc-ui.qc-ui .bottom-6{bottom:1.5rem!important}
.qc-ui.qc-ui .left-0{left:0!important}
.qc-ui.qc-ui .left-0\.5{left:.125rem!important}
.qc-ui.qc-ui .left-1{left:.25rem!important}
.qc-ui.qc-ui .left-1\/2{left:50%!important}
.qc-ui.qc-ui .left-2{left:.5rem!important}
.qc-ui.qc-ui .left-2\.5{left:.625rem!important}
.qc-ui.qc-ui .left-3{left:.75rem!important}
.qc-ui.qc-ui .left-5{left:1.25rem!important}
.qc-ui.qc-ui .right-0{right:0!important}
.qc-ui.qc-ui .right-2{right:.5rem!important}
.qc-ui.qc-ui .right-3{right:.75rem!important}
.qc-ui.qc-ui .right-4{right:1rem!important}
.qc-ui.qc-ui .right-5{right:1.25rem!important}
.qc-ui.qc-ui .top-0{top:0!important}
.qc-ui.qc-ui .top-0\.5{top:.125rem!important}
.qc-ui.qc-ui .top-1{top:.25rem!important}
.qc-ui.qc-ui .top-1\/2{top:50%!important}
.qc-ui.qc-ui .top-16{top:4rem!important}
.qc-ui.qc-ui .top-3{top:.75rem!important}
.qc-ui.qc-ui .top-4{top:1rem!important}
.qc-ui.qc-ui .top-5{top:1.25rem!important}
.qc-ui.qc-ui .top-8{top:2rem!important}
.qc-ui.qc-ui .top-full{top:100%!important}
.qc-ui.qc-ui .z-10{z-index:10!important}
.qc-ui.qc-ui .z-20{z-index:20!important}
.qc-ui.qc-ui .z-30{z-index:30!important}
.qc-ui.qc-ui .z-40{z-index:40!important}
.qc-ui.qc-ui .z-50{z-index:50!important}
.qc-ui.qc-ui .z-\[100\]{z-index:100!important}
.qc-ui.qc-ui .z-\[60\]{z-index:60!important}
.qc-ui.qc-ui .z-\[9998\]{z-index:9998!important}
.qc-ui.qc-ui .z-\[99999\]{z-index:99999!important}
.qc-ui.qc-ui .z-\[9999\]{z-index:9999!important}
.qc-ui.qc-ui .col-span-2{grid-column:span 2 / span 2!important}
.qc-ui.qc-ui .-mx-1{margin-left:-.25rem!important;margin-right:-.25rem!important}
.qc-ui.qc-ui .mx-1{margin-left:.25rem!important;margin-right:.25rem!important}
.qc-ui.qc-ui .mx-2{margin-left:.5rem!important;margin-right:.5rem!important}
.qc-ui.qc-ui .mx-4{margin-left:1rem!important;margin-right:1rem!important}
.qc-ui.qc-ui .mx-6{margin-left:1.5rem!important;margin-right:1.5rem!important}
.qc-ui.qc-ui .mx-auto{margin-left:auto!important;margin-right:auto!important}
.qc-ui.qc-ui .my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}
.qc-ui.qc-ui .my-12{margin-top:3rem!important;margin-bottom:3rem!important}
.qc-ui.qc-ui .my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}
.qc-ui.qc-ui .-ml-1{margin-left:-.25rem!important}
.qc-ui.qc-ui .-mt-2{margin-top:-.5rem!important}
.qc-ui.qc-ui .-mt-3{margin-top:-.75rem!important}
.qc-ui.qc-ui .mb-0{margin-bottom:0!important}
.qc-ui.qc-ui .mb-0\.5{margin-bottom:.125rem!important}
.qc-ui.qc-ui .mb-1{margin-bottom:.25rem!important}
.qc-ui.qc-ui .mb-1\.5{margin-bottom:.375rem!important}
.qc-ui.qc-ui .mb-16{margin-bottom:4rem!important}
.qc-ui.qc-ui .mb-2{margin-bottom:.5rem!important}
.qc-ui.qc-ui .mb-3{margin-bottom:.75rem!important}
.qc-ui.qc-ui .mb-4{margin-bottom:1rem!important}
.qc-ui.qc-ui .mb-5{margin-bottom:1.25rem!important}
.qc-ui.qc-ui .mb-6{margin-bottom:1.5rem!important}
.qc-ui.qc-ui .mb-8{margin-bottom:2rem!important}
.qc-ui.qc-ui .ml-0\.5{margin-left:.125rem!important}
.qc-ui.qc-ui .ml-1{margin-left:.25rem!important}
.qc-ui.qc-ui .ml-1\.5{margin-left:.375rem!important}
.qc-ui.qc-ui .ml-2{margin-left:.5rem!important}
.qc-ui.qc-ui .ml-3{margin-left:.75rem!important}
.qc-ui.qc-ui .ml-4{margin-left:1rem!important}
.qc-ui.qc-ui .ml-auto{margin-left:auto!important}
.qc-ui.qc-ui .mr-1{margin-right:.25rem!important}
.qc-ui.qc-ui .mr-2{margin-right:.5rem!important}
.qc-ui.qc-ui .mr-2\.5{margin-right:.625rem!important}
.qc-ui.qc-ui .mr-auto{margin-right:auto!important}
.qc-ui.qc-ui .mt-0{margin-top:0!important}
.qc-ui.qc-ui .mt-0\.5{margin-top:.125rem!important}
.qc-ui.qc-ui .mt-1{margin-top:.25rem!important}
.qc-ui.qc-ui .mt-1\.5{margin-top:.375rem!important}
.qc-ui.qc-ui .mt-2{margin-top:.5rem!important}
.qc-ui.qc-ui .mt-2\.5{margin-top:.625rem!important}
.qc-ui.qc-ui .mt-3{margin-top:.75rem!important}
.qc-ui.qc-ui .mt-4{margin-top:1rem!important}
.qc-ui.qc-ui .mt-5{margin-top:1.25rem!important}
.qc-ui.qc-ui .mt-6{margin-top:1.5rem!important}
.qc-ui.qc-ui .mt-8{margin-top:2rem!important}
.qc-ui.qc-ui .line-clamp-1{overflow:hidden!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:1!important}
.qc-ui.qc-ui .line-clamp-2{overflow:hidden!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
.qc-ui.qc-ui .block{display:block!important}
.qc-ui.qc-ui .inline-block{display:inline-block!important}
.qc-ui.qc-ui .inline{display:inline!important}
.qc-ui.qc-ui .flex{display:flex!important}
.qc-ui.qc-ui .inline-flex{display:inline-flex!important}
.qc-ui.qc-ui .table{display:table!important}
.qc-ui.qc-ui .grid{display:grid!important}
.qc-ui.qc-ui .contents{display:contents!important}
.qc-ui.qc-ui .hidden{display:none!important}
.qc-ui.qc-ui .h-0\.5{height:.125rem!important}
.qc-ui.qc-ui .h-1{height:.25rem!important}
.qc-ui.qc-ui .h-1\.5{height:.375rem!important}
.qc-ui.qc-ui .h-10{height:2.5rem!important}
.qc-ui.qc-ui .h-11{height:2.75rem!important}
.qc-ui.qc-ui .h-12{height:3rem!important}
.qc-ui.qc-ui .h-14{height:3.5rem!important}
.qc-ui.qc-ui .h-16{height:4rem!important}
.qc-ui.qc-ui .h-2{height:.5rem!important}
.qc-ui.qc-ui .h-2\.5{height:.625rem!important}
.qc-ui.qc-ui .h-20{height:5rem!important}
.qc-ui.qc-ui .h-24{height:6rem!important}
.qc-ui.qc-ui .h-28{height:7rem!important}
.qc-ui.qc-ui .h-3{height:.75rem!important}
.qc-ui.qc-ui .h-3\.5{height:.875rem!important}
.qc-ui.qc-ui .h-32{height:8rem!important}
.qc-ui.qc-ui .h-4{height:1rem!important}
.qc-ui.qc-ui .h-40{height:10rem!important}
.qc-ui.qc-ui .h-48{height:12rem!important}
.qc-ui.qc-ui .h-5{height:1.25rem!important}
.qc-ui.qc-ui .h-6{height:1.5rem!important}
.qc-ui.qc-ui .h-64{height:16rem!important}
.qc-ui.qc-ui .h-7{height:1.75rem!important}
.qc-ui.qc-ui .h-8{height:2rem!important}
.qc-ui.qc-ui .h-9{height:2.25rem!important}
.qc-ui.qc-ui .h-\[100dvh\]{height:100dvh!important}
.qc-ui.qc-ui .h-\[14px\]{height:14px!important}
.qc-ui.qc-ui .h-\[17px\]{height:17px!important}
.qc-ui.qc-ui .h-\[18px\]{height:18px!important}
.qc-ui.qc-ui .h-\[19px\]{height:19px!important}
.qc-ui.qc-ui .h-\[220px\]{height:220px!important}
.qc-ui.qc-ui .h-\[250px\]{height:250px!important}
.qc-ui.qc-ui .h-\[2px\]{height:2px!important}
.qc-ui.qc-ui .h-\[60px\]{height:60px!important}
.qc-ui.qc-ui .h-full{height:100%!important}
.qc-ui.qc-ui .h-px{height:1px!important}
.qc-ui.qc-ui .h-screen{height:100vh!important}
.qc-ui.qc-ui .max-h-10{max-height:2.5rem!important}
.qc-ui.qc-ui .max-h-32{max-height:8rem!important}
.qc-ui.qc-ui .max-h-36{max-height:9rem!important}
.qc-ui.qc-ui .max-h-40{max-height:10rem!important}
.qc-ui.qc-ui .max-h-44{max-height:11rem!important}
.qc-ui.qc-ui .max-h-48{max-height:12rem!important}
.qc-ui.qc-ui .max-h-56{max-height:14rem!important}
.qc-ui.qc-ui .max-h-60{max-height:15rem!important}
.qc-ui.qc-ui .max-h-96{max-height:24rem!important}
.qc-ui.qc-ui .max-h-\[60vh\]{max-height:60vh!important}
.qc-ui.qc-ui .max-h-\[90dvh\]{max-height:90dvh!important}
.qc-ui.qc-ui .max-h-\[90vh\]{max-height:90vh!important}
.qc-ui.qc-ui .max-h-\[92dvh\]{max-height:92dvh!important}
.qc-ui.qc-ui .max-h-full{max-height:100%!important}
.qc-ui.qc-ui .min-h-0{min-height:0px!important}
.qc-ui.qc-ui .min-h-64{min-height:16rem!important}
.qc-ui.qc-ui .min-h-\[42px\]{min-height:42px!important}
.qc-ui.qc-ui .min-h-\[82vh\]{min-height:82vh!important}
.qc-ui.qc-ui .min-h-full{min-height:100%!important}
.qc-ui.qc-ui .min-h-screen{min-height:100vh!important}
.qc-ui.qc-ui .w-0\.5{width:.125rem!important}
.qc-ui.qc-ui .w-1{width:.25rem!important}
.qc-ui.qc-ui .w-1\.5{width:.375rem!important}
.qc-ui.qc-ui .w-10{width:2.5rem!important}
.qc-ui.qc-ui .w-11{width:2.75rem!important}
.qc-ui.qc-ui .w-12{width:3rem!important}
.qc-ui.qc-ui .w-14{width:3.5rem!important}
.qc-ui.qc-ui .w-16{width:4rem!important}
.qc-ui.qc-ui .w-2{width:.5rem!important}
.qc-ui.qc-ui .w-2\.5{width:.625rem!important}
.qc-ui.qc-ui .w-20{width:5rem!important}
.qc-ui.qc-ui .w-24{width:6rem!important}
.qc-ui.qc-ui .w-28{width:7rem!important}
.qc-ui.qc-ui .w-3{width:.75rem!important}
.qc-ui.qc-ui .w-3\.5{width:.875rem!important}
.qc-ui.qc-ui .w-32{width:8rem!important}
.qc-ui.qc-ui .w-36{width:9rem!important}
.qc-ui.qc-ui .w-4{width:1rem!important}
.qc-ui.qc-ui .w-4\/5{width:80%!important}
.qc-ui.qc-ui .w-40{width:10rem!important}
.qc-ui.qc-ui .w-44{width:11rem!important}
.qc-ui.qc-ui .w-48{width:12rem!important}
.qc-ui.qc-ui .w-5{width:1.25rem!important}
.qc-ui.qc-ui .w-52{width:13rem!important}
.qc-ui.qc-ui .w-56{width:14rem!important}
.qc-ui.qc-ui .w-6{width:1.5rem!important}
.qc-ui.qc-ui .w-64{width:16rem!important}
.qc-ui.qc-ui .w-7{width:1.75rem!important}
.qc-ui.qc-ui .w-8{width:2rem!important}
.qc-ui.qc-ui .w-9{width:2.25rem!important}
.qc-ui.qc-ui .w-\[14px\]{width:14px!important}
.qc-ui.qc-ui .w-\[17px\]{width:17px!important}
.qc-ui.qc-ui .w-\[18px\]{width:18px!important}
.qc-ui.qc-ui .w-\[19px\]{width:19px!important}
.qc-ui.qc-ui .w-\[320px\]{width:320px!important}
.qc-ui.qc-ui .w-\[72px\]{width:72px!important}
.qc-ui.qc-ui .w-fit{width:-moz-fit-content!important;width:fit-content!important}
.qc-ui.qc-ui .w-full{width:100%!important}
.qc-ui.qc-ui .min-w-0{min-width:0px!important}
.qc-ui.qc-ui .min-w-\[120px\]{min-width:120px!important}
.qc-ui.qc-ui .min-w-\[140px\]{min-width:140px!important}
.qc-ui.qc-ui .min-w-\[200px\]{min-width:200px!important}
.qc-ui.qc-ui .min-w-\[20px\]{min-width:20px!important}
.qc-ui.qc-ui .min-w-\[28px\]{min-width:28px!important}
.qc-ui.qc-ui .min-w-\[500px\]{min-width:500px!important}
.qc-ui.qc-ui .min-w-\[560px\]{min-width:560px!important}
.qc-ui.qc-ui .min-w-\[600px\]{min-width:600px!important}
.qc-ui.qc-ui .min-w-\[700px\]{min-width:700px!important}
.qc-ui.qc-ui .min-w-\[750px\]{min-width:750px!important}
.qc-ui.qc-ui .min-w-\[800px\]{min-width:800px!important}
.qc-ui.qc-ui .min-w-\[900px\]{min-width:900px!important}
.qc-ui.qc-ui .min-w-max{min-width:-moz-max-content!important;min-width:max-content!important}
.qc-ui.qc-ui .max-w-2xl{max-width:42rem!important}
.qc-ui.qc-ui .max-w-32{max-width:8rem!important}
.qc-ui.qc-ui .max-w-4xl{max-width:56rem!important}
.qc-ui.qc-ui .max-w-5xl{max-width:64rem!important}
.qc-ui.qc-ui .max-w-7xl{max-width:80rem!important}
.qc-ui.qc-ui .max-w-\[1024px\]{max-width:1024px!important}
.qc-ui.qc-ui .max-w-\[120px\]{max-width:120px!important}
.qc-ui.qc-ui .max-w-\[140px\]{max-width:140px!important}
.qc-ui.qc-ui .max-w-\[150px\]{max-width:150px!important}
.qc-ui.qc-ui .max-w-\[160px\]{max-width:160px!important}
.qc-ui.qc-ui .max-w-\[180px\]{max-width:180px!important}
.qc-ui.qc-ui .max-w-\[200px\]{max-width:200px!important}
.qc-ui.qc-ui .max-w-\[220px\]{max-width:220px!important}
.qc-ui.qc-ui .max-w-\[480px\]{max-width:480px!important}
.qc-ui.qc-ui .max-w-\[55\%\]{max-width:55%!important}
.qc-ui.qc-ui .max-w-\[60\%\]{max-width:60%!important}
.qc-ui.qc-ui .max-w-\[640px\]{max-width:640px!important}
.qc-ui.qc-ui .max-w-\[768px\]{max-width:768px!important}
.qc-ui.qc-ui .max-w-\[896px\]{max-width:896px!important}
.qc-ui.qc-ui .max-w-full{max-width:100%!important}
.qc-ui.qc-ui .max-w-lg{max-width:32rem!important}
.qc-ui.qc-ui .max-w-md{max-width:28rem!important}
.qc-ui.qc-ui .max-w-sm{max-width:24rem!important}
.qc-ui.qc-ui .max-w-xl{max-width:36rem!important}
.qc-ui.qc-ui .max-w-xs{max-width:20rem!important}
.qc-ui.qc-ui .flex-1{flex:1 1 0%!important}
.qc-ui.qc-ui .flex-none{flex:none!important}
.qc-ui.qc-ui .flex-shrink{flex-shrink:1!important}
.qc-ui.qc-ui .flex-shrink-0{flex-shrink:0!important}
.qc-ui.qc-ui .shrink{flex-shrink:1!important}
.qc-ui.qc-ui .shrink-0{flex-shrink:0!important}
.qc-ui.qc-ui .grow{flex-grow:1!important}
.qc-ui.qc-ui .table-fixed{table-layout:fixed!important}
.qc-ui.qc-ui .border-collapse{border-collapse:collapse!important}
.qc-ui.qc-ui .-translate-x-1\/2{--tw-translate-x:-50%!important;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))!important}
.qc-ui.qc-ui .-translate-x-full{--tw-translate-x:-100%!important;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))!important}
.qc-ui.qc-ui .-translate-y-1\/2{--tw-translate-y:-50%!important;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))!important}
.qc-ui.qc-ui .-translate-y-2{--tw-translate-y:-.5rem!important;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))!important}
.qc-ui.qc-ui .translate-x-0{--tw-translate-x:0px!important;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))!important}
.qc-ui.qc-ui .translate-x-0\.5{--tw-translate-x:.125rem!important;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))!important}
.qc-ui.qc-ui .translate-x-5{--tw-translate-x:1.25rem!important;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))!important}
.qc-ui.qc-ui .translate-y-0{--tw-translate-y:0px!important;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))!important}
.qc-ui.qc-ui .translate-y-1{--tw-translate-y:.25rem!important;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))!important}
.qc-ui.qc-ui .rotate-180{--tw-rotate:180deg!important;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))!important}
.qc-ui.qc-ui .rotate-90{--tw-rotate:90deg!important;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))!important}
.qc-ui.qc-ui .scale-100{--tw-scale-x:1!important;--tw-scale-y:1!important;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))!important}
.qc-ui.qc-ui .scale-95{--tw-scale-x:.95!important;--tw-scale-y:.95!important;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))!important}
.qc-ui.qc-ui .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))!important}
@keyframes qcui-pulse{50%{opacity:.5}}
.qc-ui.qc-ui .animate-pulse{animation:qcui-pulse 2s cubic-bezier(.4,0,.6,1) infinite!important}
@keyframes qcui-scan-line{0%{top:8px}to{top:calc(100% - 8px)}}
.qc-ui.qc-ui .animate-scan-line{animation:qcui-scan-line 2s ease-in-out infinite alternate!important}
@keyframes qcui-slideInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.qc-ui.qc-ui .animate-slide-in-up{animation:qcui-slideInUp .2s ease-out!important}
@keyframes qcui-spin{to{transform:rotate(360deg)}}
.qc-ui.qc-ui .animate-spin{animation:qcui-spin 1s linear infinite!important}
.qc-ui.qc-ui .cursor-default{cursor:default!important}
.qc-ui.qc-ui .cursor-not-allowed{cursor:not-allowed!important}
.qc-ui.qc-ui .cursor-pointer{cursor:pointer!important}
.qc-ui.qc-ui .cursor-wait{cursor:wait!important}
.qc-ui.qc-ui .select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}
.qc-ui.qc-ui .resize-none{resize:none!important}
.qc-ui.qc-ui .resize{resize:both!important}
.qc-ui.qc-ui .list-disc{list-style-type:disc!important}
.qc-ui.qc-ui .list-none{list-style-type:none!important}
.qc-ui.qc-ui .appearance-none{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}
.qc-ui.qc-ui .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}
.qc-ui.qc-ui .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.qc-ui.qc-ui .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.qc-ui.qc-ui .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.qc-ui.qc-ui .grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.qc-ui.qc-ui .flex-col{flex-direction:column!important}
.qc-ui.qc-ui .flex-wrap{flex-wrap:wrap!important}
.qc-ui.qc-ui .items-start{align-items:flex-start!important}
.qc-ui.qc-ui .items-end{align-items:flex-end!important}
.qc-ui.qc-ui .items-center{align-items:center!important}
.qc-ui.qc-ui .items-baseline{align-items:baseline!important}
.qc-ui.qc-ui .justify-end{justify-content:flex-end!important}
.qc-ui.qc-ui .justify-center{justify-content:center!important}
.qc-ui.qc-ui .justify-between{justify-content:space-between!important}
.qc-ui.qc-ui .justify-around{justify-content:space-around!important}
.qc-ui.qc-ui .gap-0\.5{gap:.125rem!important}
.qc-ui.qc-ui .gap-1{gap:.25rem!important}
.qc-ui.qc-ui .gap-1\.5{gap:.375rem!important}
.qc-ui.qc-ui .gap-2{gap:.5rem!important}
.qc-ui.qc-ui .gap-2\.5{gap:.625rem!important}
.qc-ui.qc-ui .gap-3{gap:.75rem!important}
.qc-ui.qc-ui .gap-4{gap:1rem!important}
.qc-ui.qc-ui .gap-5{gap:1.25rem!important}
.qc-ui.qc-ui .gap-6{gap:1.5rem!important}
.qc-ui.qc-ui .gap-x-4{-moz-column-gap:1rem!important;column-gap:1rem!important}
.qc-ui.qc-ui .gap-x-6{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}
.qc-ui.qc-ui .gap-y-0\.5{row-gap:.125rem!important}
.qc-ui.qc-ui .gap-y-1{row-gap:.25rem!important}
.qc-ui.qc-ui .gap-y-1\.5{row-gap:.375rem!important}
.qc-ui.qc-ui .space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(.125rem * var(--tw-space-y-reverse))!important}
.qc-ui.qc-ui .space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(.25rem * var(--tw-space-y-reverse))!important}
.qc-ui.qc-ui .space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(.375rem * var(--tw-space-y-reverse))!important}
.qc-ui.qc-ui .space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(.5rem * var(--tw-space-y-reverse))!important}
.qc-ui.qc-ui .space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(.625rem * var(--tw-space-y-reverse))!important}
.qc-ui.qc-ui .space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(.75rem * var(--tw-space-y-reverse))!important}
.qc-ui.qc-ui .space-y-3\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-top:calc(.875rem * calc(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(.875rem * var(--tw-space-y-reverse))!important}
.qc-ui.qc-ui .space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(1rem * var(--tw-space-y-reverse))!important}
.qc-ui.qc-ui .space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))!important}
.qc-ui.qc-ui .space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))!important}
.qc-ui.qc-ui .divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0!important;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))!important;border-bottom-width:calc(1px * var(--tw-divide-y-reverse))!important}
.qc-ui.qc-ui .divide-dark-700\/50>:not([hidden])~:not([hidden]){border-color:rgb(var(--dark-700) / .5)!important}
.qc-ui.qc-ui .divide-dark-800>:not([hidden])~:not([hidden]){--tw-divide-opacity:1!important;border-color:rgb(var(--dark-800) / var(--tw-divide-opacity, 1))!important}
.qc-ui.qc-ui .self-start{align-self:flex-start!important}
.qc-ui.qc-ui .self-end{align-self:flex-end!important}
.qc-ui.qc-ui .self-center{align-self:center!important}
.qc-ui.qc-ui .self-stretch{align-self:stretch!important}
.qc-ui.qc-ui .overflow-auto{overflow:auto!important}
.qc-ui.qc-ui .overflow-hidden{overflow:hidden!important}
.qc-ui.qc-ui .overflow-x-auto{overflow-x:auto!important}
.qc-ui.qc-ui .overflow-y-auto{overflow-y:auto!important}
.qc-ui.qc-ui .scroll-smooth{scroll-behavior:smooth!important}
.qc-ui.qc-ui .truncate{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.qc-ui.qc-ui .text-ellipsis{text-overflow:ellipsis!important}
.qc-ui.qc-ui .whitespace-nowrap{white-space:nowrap!important}
.qc-ui.qc-ui .whitespace-pre-wrap{white-space:pre-wrap!important}
.qc-ui.qc-ui .break-all{word-break:break-all!important}
.qc-ui.qc-ui .rounded{border-radius:.25rem!important}
.qc-ui.qc-ui .rounded-2xl{border-radius:1rem!important}
.qc-ui.qc-ui .rounded-\[10px\]{border-radius:10px!important}
.qc-ui.qc-ui .rounded-full{border-radius:9999px!important}
.qc-ui.qc-ui .rounded-lg{border-radius:.5rem!important}
.qc-ui.qc-ui .rounded-md{border-radius:.375rem!important}
.qc-ui.qc-ui .rounded-sm{border-radius:.125rem!important}
.qc-ui.qc-ui .rounded-xl{border-radius:.75rem!important}
.qc-ui.qc-ui .rounded-b-2xl{border-bottom-right-radius:1rem!important;border-bottom-left-radius:1rem!important}
.qc-ui.qc-ui .rounded-b-xl{border-bottom-right-radius:.75rem!important;border-bottom-left-radius:.75rem!important}
.qc-ui.qc-ui .rounded-l-xl{border-top-left-radius:.75rem!important;border-bottom-left-radius:.75rem!important}
.qc-ui.qc-ui .rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}
.qc-ui.qc-ui .rounded-t-3xl{border-top-left-radius:1.5rem!important;border-top-right-radius:1.5rem!important}
.qc-ui.qc-ui .rounded-t-lg{border-top-left-radius:.5rem!important;border-top-right-radius:.5rem!important}
.qc-ui.qc-ui .rounded-bl-lg{border-bottom-left-radius:.5rem!important}
.qc-ui.qc-ui .rounded-br-lg{border-bottom-right-radius:.5rem!important}
.qc-ui.qc-ui .rounded-tl-lg{border-top-left-radius:.5rem!important}
.qc-ui.qc-ui .rounded-tr-lg{border-top-right-radius:.5rem!important}
.qc-ui.qc-ui .border{border-width:1px!important}
.qc-ui.qc-ui .border-0{border-width:0px!important}
.qc-ui.qc-ui .border-2{border-width:2px!important}
.qc-ui.qc-ui .border-b{border-bottom-width:1px!important}
.qc-ui.qc-ui .border-b-2{border-bottom-width:2px!important}
.qc-ui.qc-ui .border-b-4{border-bottom-width:4px!important}
.qc-ui.qc-ui .border-l{border-left-width:1px!important}
.qc-ui.qc-ui .border-l-4{border-left-width:4px!important}
.qc-ui.qc-ui .border-r{border-right-width:1px!important}
.qc-ui.qc-ui .border-r-4{border-right-width:4px!important}
.qc-ui.qc-ui .border-t{border-top-width:1px!important}
.qc-ui.qc-ui .border-t-2{border-top-width:2px!important}
.qc-ui.qc-ui .border-t-4{border-top-width:4px!important}
.qc-ui.qc-ui .border-dashed{border-style:dashed!important}
.qc-ui.qc-ui .border-\[\#111\]{--tw-border-opacity:1!important;border-color:rgb(17 17 17 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-\[\#32c800\]{--tw-border-opacity:1!important;border-color:color-mix(in srgb,var(--brand) calc(var(--tw-border-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .border-\[\#32c800\]\/20{border-color:color-mix(in srgb,var(--brand) 20%,transparent)!important}
.qc-ui.qc-ui .border-\[\#32c800\]\/30{border-color:color-mix(in srgb,var(--brand) 30.2%,transparent)!important}
.qc-ui.qc-ui .border-\[\#32c800\]\/40{border-color:color-mix(in srgb,var(--brand) 40%,transparent)!important}
.qc-ui.qc-ui .border-\[\#32c800\]\/50{border-color:color-mix(in srgb,var(--brand) 50.2%,transparent)!important}
.qc-ui.qc-ui .border-\[\#E91E63\]{--tw-border-opacity:1!important;border-color:rgb(233 30 99 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-\[\#E91E63\]\/20{border-color:#e91e6333!important}
.qc-ui.qc-ui .border-amber-500{--tw-border-opacity:1!important;border-color:color-mix(in srgb,var(--warn) calc(var(--tw-border-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .border-amber-500\/20{border-color:color-mix(in srgb,var(--warn) 20%,transparent)!important}
.qc-ui.qc-ui .border-amber-500\/30{border-color:color-mix(in srgb,var(--warn) 30.2%,transparent)!important}
.qc-ui.qc-ui .border-amber-500\/40{border-color:color-mix(in srgb,var(--warn) 40%,transparent)!important}
.qc-ui.qc-ui .border-amber-500\/50{border-color:color-mix(in srgb,var(--warn) 50.2%,transparent)!important}
.qc-ui.qc-ui .border-black{--tw-border-opacity:1!important;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-black\/30{border-color:#0000004d!important}
.qc-ui.qc-ui .border-blue-400{--tw-border-opacity:1!important;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-blue-500{--tw-border-opacity:1!important;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-blue-500\/20{border-color:#3b82f633!important}
.qc-ui.qc-ui .border-blue-500\/30{border-color:#3b82f64d!important}
.qc-ui.qc-ui .border-blue-500\/40{border-color:#3b82f666!important}
.qc-ui.qc-ui .border-current{border-color:currentColor!important}
.qc-ui.qc-ui .border-danger-500{--tw-border-opacity:1!important;border-color:color-mix(in srgb,var(--danger) calc(var(--tw-border-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .border-danger-500\/20{border-color:color-mix(in srgb,var(--danger) 20%,transparent)!important}
.qc-ui.qc-ui .border-danger-500\/30{border-color:color-mix(in srgb,var(--danger) 30.2%,transparent)!important}
.qc-ui.qc-ui .border-danger-500\/40{border-color:color-mix(in srgb,var(--danger) 40%,transparent)!important}
.qc-ui.qc-ui .border-danger-600\/30{border-color:#dc26264d!important}
.qc-ui.qc-ui .border-dark-400\/30{border-color:rgb(var(--dark-400) / .3)!important}
.qc-ui.qc-ui .border-dark-500{--tw-border-opacity:1!important;border-color:rgb(var(--dark-500) / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-dark-500\/40{border-color:rgb(var(--dark-500) / .4)!important}
.qc-ui.qc-ui .border-dark-600{--tw-border-opacity:1!important;border-color:rgb(var(--dark-600) / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-dark-700{--tw-border-opacity:1!important;border-color:rgb(var(--dark-700) / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-dark-700\/50{border-color:rgb(var(--dark-700) / .5)!important}
.qc-ui.qc-ui .border-dark-700\/60{border-color:rgb(var(--dark-700) / .6)!important}
.qc-ui.qc-ui .border-dark-700\/80{border-color:rgb(var(--dark-700) / .8)!important}
.qc-ui.qc-ui .border-gray-500{--tw-border-opacity:1!important;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-green-200{--tw-border-opacity:1!important;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-green-300{--tw-border-opacity:1!important;border-color:rgb(134 239 172 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-green-500{--tw-border-opacity:1!important;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-green-500\/30{border-color:#22c55e4d!important}
.qc-ui.qc-ui .border-green-500\/40{border-color:#22c55e66!important}
.qc-ui.qc-ui .border-green-500\/50{border-color:#22c55e80!important}
.qc-ui.qc-ui .border-green-600{--tw-border-opacity:1!important;border-color:rgb(22 163 74 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-indigo-500\/30{border-color:#6366f14d!important}
.qc-ui.qc-ui .border-indigo-500\/40{border-color:#6366f166!important}
.qc-ui.qc-ui .border-info-400\/30{border-color:#60a5fa4d!important}
.qc-ui.qc-ui .border-orange-200{--tw-border-opacity:1!important;border-color:rgb(254 215 170 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-orange-400{--tw-border-opacity:1!important;border-color:rgb(251 146 60 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-orange-400\/50{border-color:#fb923c80!important}
.qc-ui.qc-ui .border-orange-500{--tw-border-opacity:1!important;border-color:rgb(249 115 22 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-orange-500\/20{border-color:#f9731633!important}
.qc-ui.qc-ui .border-orange-500\/30{border-color:#f973164d!important}
.qc-ui.qc-ui .border-primary{--tw-border-opacity:1!important;border-color:color-mix(in srgb,var(--brand) calc(var(--tw-border-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .border-primary-400{--tw-border-opacity:1!important;border-color:color-mix(in srgb,var(--brand-light) calc(var(--tw-border-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .border-primary-500{--tw-border-opacity:1!important;border-color:color-mix(in srgb,var(--brand) calc(var(--tw-border-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .border-primary-500\/30{border-color:color-mix(in srgb,var(--brand) 30.2%,transparent)!important}
.qc-ui.qc-ui .border-primary-500\/40{border-color:color-mix(in srgb,var(--brand) 40%,transparent)!important}
.qc-ui.qc-ui .border-primary-600{--tw-border-opacity:1!important;border-color:color-mix(in srgb,var(--brand-dark) calc(var(--tw-border-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .border-primary-600\/30{border-color:color-mix(in srgb,var(--brand-dark) 30.2%,transparent)!important}
.qc-ui.qc-ui .border-primary-600\/40{border-color:color-mix(in srgb,var(--brand-dark) 40%,transparent)!important}
.qc-ui.qc-ui .border-primary\/30{border-color:color-mix(in srgb,var(--brand) 30.2%,transparent)!important}
.qc-ui.qc-ui .border-purple-200{--tw-border-opacity:1!important;border-color:rgb(233 213 255 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-purple-500{--tw-border-opacity:1!important;border-color:rgb(168 85 247 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-purple-500\/20{border-color:#a855f733!important}
.qc-ui.qc-ui .border-purple-500\/30{border-color:#a855f74d!important}
.qc-ui.qc-ui .border-purple-500\/40{border-color:#a855f766!important}
.qc-ui.qc-ui .border-red-200{--tw-border-opacity:1!important;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-red-300{--tw-border-opacity:1!important;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-red-400{--tw-border-opacity:1!important;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-red-500{--tw-border-opacity:1!important;border-color:color-mix(in srgb,var(--danger) calc(var(--tw-border-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .border-red-500\/20{border-color:color-mix(in srgb,var(--danger) 20%,transparent)!important}
.qc-ui.qc-ui .border-red-500\/30{border-color:color-mix(in srgb,var(--danger) 30.2%,transparent)!important}
.qc-ui.qc-ui .border-red-500\/50{border-color:color-mix(in srgb,var(--danger) 50.2%,transparent)!important}
.qc-ui.qc-ui .border-red-500\/60{border-color:color-mix(in srgb,var(--danger) 60%,transparent)!important}
.qc-ui.qc-ui .border-red-900\/40{border-color:#7f1d1d66!important}
.qc-ui.qc-ui .border-status-error{--tw-border-opacity:1!important;border-color:color-mix(in srgb,var(--danger) calc(var(--tw-border-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .border-status-success{--tw-border-opacity:1!important;border-color:color-mix(in srgb,var(--ok) calc(var(--tw-border-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .border-success-500{--tw-border-opacity:1!important;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-success-500\/20{border-color:#22c55e33!important}
.qc-ui.qc-ui .border-success-500\/30{border-color:#22c55e4d!important}
.qc-ui.qc-ui .border-transparent{border-color:transparent!important}
.qc-ui.qc-ui .border-warning-500{--tw-border-opacity:1!important;border-color:color-mix(in srgb,var(--warn) calc(var(--tw-border-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .border-warning-500\/20{border-color:color-mix(in srgb,var(--warn) 20%,transparent)!important}
.qc-ui.qc-ui .border-warning-500\/30{border-color:color-mix(in srgb,var(--warn) 30.2%,transparent)!important}
.qc-ui.qc-ui .border-warning-500\/40{border-color:color-mix(in srgb,var(--warn) 40%,transparent)!important}
.qc-ui.qc-ui .border-warning-500\/60{border-color:color-mix(in srgb,var(--warn) 60%,transparent)!important}
.qc-ui.qc-ui .border-white{--tw-border-opacity:1!important;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-white\/30{border-color:#ffffff4d!important}
.qc-ui.qc-ui .border-yellow-200{--tw-border-opacity:1!important;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-yellow-300{--tw-border-opacity:1!important;border-color:rgb(253 224 71 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-yellow-400\/30{border-color:#facc154d!important}
.qc-ui.qc-ui .border-yellow-500\/20{border-color:#eab30833!important}
.qc-ui.qc-ui .border-yellow-500\/30{border-color:#eab3084d!important}
.qc-ui.qc-ui .border-zinc-200{--tw-border-opacity:1!important;border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-zinc-300{--tw-border-opacity:1!important;border-color:rgb(212 212 216 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-zinc-400{--tw-border-opacity:1!important;border-color:rgb(161 161 170 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-zinc-500\/20{border-color:#71717a33!important}
.qc-ui.qc-ui .border-b-orange-400{--tw-border-opacity:1!important;border-bottom-color:rgb(251 146 60 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-b-orange-500{--tw-border-opacity:1!important;border-bottom-color:rgb(249 115 22 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-b-purple-500{--tw-border-opacity:1!important;border-bottom-color:rgb(168 85 247 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-b-red-500{--tw-border-opacity:1!important;border-bottom-color:color-mix(in srgb,var(--danger) calc(var(--tw-border-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .border-t-\[\#32c800\]{--tw-border-opacity:1!important;border-top-color:color-mix(in srgb,var(--brand) calc(var(--tw-border-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .border-t-\[\#9333ea\]{--tw-border-opacity:1!important;border-top-color:rgb(147 51 234 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-t-black{--tw-border-opacity:1!important;border-top-color:rgb(0 0 0 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-t-blue-500{--tw-border-opacity:1!important;border-top-color:rgb(59 130 246 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-t-purple-500{--tw-border-opacity:1!important;border-top-color:rgb(168 85 247 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .border-t-transparent{border-top-color:transparent!important}
.qc-ui.qc-ui .border-t-zinc-600{--tw-border-opacity:1!important;border-top-color:rgb(82 82 91 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .bg-\[\#080808\]\/5{background-color:#0808080d!important}
.qc-ui.qc-ui .bg-\[\#32c800\]{--tw-bg-opacity:1!important;background-color:color-mix(in srgb,var(--brand) calc(var(--tw-bg-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .bg-\[\#32c800\]\/10{background-color:color-mix(in srgb,var(--brand) 10.2%,transparent)!important}
.qc-ui.qc-ui .bg-\[\#32c800\]\/15{background-color:color-mix(in srgb,var(--brand) 14.9%,transparent)!important}
.qc-ui.qc-ui .bg-\[\#32c800\]\/20{background-color:color-mix(in srgb,var(--brand) 20%,transparent)!important}
.qc-ui.qc-ui .bg-\[\#32c800\]\/30{background-color:color-mix(in srgb,var(--brand) 30.2%,transparent)!important}
.qc-ui.qc-ui .bg-\[\#32c800\]\/5{background-color:color-mix(in srgb,var(--brand) 5.1%,transparent)!important}
.qc-ui.qc-ui .bg-\[\#32c800\]\/70{background-color:color-mix(in srgb,var(--brand) 70.2%,transparent)!important}
.qc-ui.qc-ui .bg-\[\#444\]{--tw-bg-opacity:1!important;background-color:rgb(68 68 68 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-\[\#E91E63\]\/10{background-color:#e91e631a!important}
.qc-ui.qc-ui .bg-amber-400{--tw-bg-opacity:1!important;background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-amber-400\/10{background-color:#fbbf241a!important}
.qc-ui.qc-ui .bg-amber-400\/15{background-color:#fbbf2426!important}
.qc-ui.qc-ui .bg-amber-500{--tw-bg-opacity:1!important;background-color:color-mix(in srgb,var(--warn) calc(var(--tw-bg-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .bg-amber-500\/10{background-color:color-mix(in srgb,var(--warn) 10.2%,transparent)!important}
.qc-ui.qc-ui .bg-amber-500\/15{background-color:color-mix(in srgb,var(--warn) 14.9%,transparent)!important}
.qc-ui.qc-ui .bg-amber-500\/20{background-color:color-mix(in srgb,var(--warn) 20%,transparent)!important}
.qc-ui.qc-ui .bg-amber-500\/30{background-color:color-mix(in srgb,var(--warn) 30.2%,transparent)!important}
.qc-ui.qc-ui .bg-amber-500\/50{background-color:color-mix(in srgb,var(--warn) 50.2%,transparent)!important}
.qc-ui.qc-ui .bg-black{--tw-bg-opacity:1!important;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-black\/10{background-color:#0000001a!important}
.qc-ui.qc-ui .bg-black\/50{background-color:#00000080!important}
.qc-ui.qc-ui .bg-black\/60{background-color:#0009!important}
.qc-ui.qc-ui .bg-black\/70{background-color:#000000b3!important}
.qc-ui.qc-ui .bg-black\/80{background-color:#000c!important}
.qc-ui.qc-ui .bg-black\/90{background-color:#000000e6!important}
.qc-ui.qc-ui .bg-blue-400\/10{background-color:#60a5fa1a!important}
.qc-ui.qc-ui .bg-blue-500{--tw-bg-opacity:1!important;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-blue-500\/10{background-color:#3b82f61a!important}
.qc-ui.qc-ui .bg-blue-500\/15{background-color:#3b82f626!important}
.qc-ui.qc-ui .bg-blue-500\/20{background-color:#3b82f633!important}
.qc-ui.qc-ui .bg-blue-500\/5{background-color:#3b82f60d!important}
.qc-ui.qc-ui .bg-blue-600{--tw-bg-opacity:1!important;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-current{background-color:currentColor!important}
.qc-ui.qc-ui .bg-cyan-500\/10{background-color:#06b6d41a!important}
.qc-ui.qc-ui .bg-cyan-500\/20{background-color:#06b6d433!important}
.qc-ui.qc-ui .bg-danger-500{--tw-bg-opacity:1!important;background-color:color-mix(in srgb,var(--danger) calc(var(--tw-bg-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .bg-danger-500\/10{background-color:color-mix(in srgb,var(--danger) 10.2%,transparent)!important}
.qc-ui.qc-ui .bg-danger-500\/15{background-color:color-mix(in srgb,var(--danger) 14.9%,transparent)!important}
.qc-ui.qc-ui .bg-danger-500\/20{background-color:color-mix(in srgb,var(--danger) 20%,transparent)!important}
.qc-ui.qc-ui .bg-danger-600{--tw-bg-opacity:1!important;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-danger-600\/10{background-color:#dc26261a!important}
.qc-ui.qc-ui .bg-dark-400\/10{background-color:rgb(var(--dark-400) / .1)!important}
.qc-ui.qc-ui .bg-dark-500\/40{background-color:rgb(var(--dark-500) / .4)!important}
.qc-ui.qc-ui .bg-dark-600{--tw-bg-opacity:1!important;background-color:rgb(var(--dark-600) / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-dark-600\/60{background-color:rgb(var(--dark-600) / .6)!important}
.qc-ui.qc-ui .bg-dark-700{--tw-bg-opacity:1!important;background-color:rgb(var(--dark-700) / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-dark-800{--tw-bg-opacity:1!important;background-color:rgb(var(--dark-800) / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-dark-800\/40{background-color:rgb(var(--dark-800) / .4)!important}
.qc-ui.qc-ui .bg-dark-800\/50{background-color:rgb(var(--dark-800) / .5)!important}
.qc-ui.qc-ui .bg-dark-800\/60{background-color:rgb(var(--dark-800) / .6)!important}
.qc-ui.qc-ui .bg-dark-900{--tw-bg-opacity:1!important;background-color:rgb(var(--dark-900) / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-dark-900\/40{background-color:rgb(var(--dark-900) / .4)!important}
.qc-ui.qc-ui .bg-dark-900\/60{background-color:rgb(var(--dark-900) / .6)!important}
.qc-ui.qc-ui .bg-dark-950{--tw-bg-opacity:1!important;background-color:rgb(var(--dark-950) / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-dark-surface{--tw-bg-opacity:1!important;background-color:rgb(18 18 18 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-gray-200\/20{background-color:#e5e7eb33!important}
.qc-ui.qc-ui .bg-gray-500{--tw-bg-opacity:1!important;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-gray-500\/10{background-color:#6b72801a!important}
.qc-ui.qc-ui .bg-gray-500\/15{background-color:#6b728026!important}
.qc-ui.qc-ui .bg-gray-500\/20{background-color:#6b728033!important}
.qc-ui.qc-ui .bg-green-100{--tw-bg-opacity:1!important;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-green-400\/10{background-color:#4ade801a!important}
.qc-ui.qc-ui .bg-green-50{--tw-bg-opacity:1!important;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-green-500\/10{background-color:#22c55e1a!important}
.qc-ui.qc-ui .bg-green-500\/15{background-color:#22c55e26!important}
.qc-ui.qc-ui .bg-green-500\/20{background-color:#22c55e33!important}
.qc-ui.qc-ui .bg-green-500\/30{background-color:#22c55e4d!important}
.qc-ui.qc-ui .bg-green-500\/50{background-color:#22c55e80!important}
.qc-ui.qc-ui .bg-green-600{--tw-bg-opacity:1!important;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-green-600\/10{background-color:#16a34a1a!important}
.qc-ui.qc-ui .bg-indigo-500\/10{background-color:#6366f11a!important}
.qc-ui.qc-ui .bg-indigo-500\/15{background-color:#6366f126!important}
.qc-ui.qc-ui .bg-info-400{--tw-bg-opacity:1!important;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-info-400\/10{background-color:#60a5fa1a!important}
.qc-ui.qc-ui .bg-info-500\/20{background-color:#3b82f633!important}
.qc-ui.qc-ui .bg-orange-50{--tw-bg-opacity:1!important;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-orange-50\/50{background-color:#fff7ed80!important}
.qc-ui.qc-ui .bg-orange-500{--tw-bg-opacity:1!important;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-orange-500\/10{background-color:#f973161a!important}
.qc-ui.qc-ui .bg-orange-500\/15{background-color:#f9731626!important}
.qc-ui.qc-ui .bg-orange-500\/20{background-color:#f9731633!important}
.qc-ui.qc-ui .bg-orange-500\/5{background-color:#f973160d!important}
.qc-ui.qc-ui .bg-primary{--tw-bg-opacity:1!important;background-color:color-mix(in srgb,var(--brand) calc(var(--tw-bg-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .bg-primary-400{--tw-bg-opacity:1!important;background-color:color-mix(in srgb,var(--brand-light) calc(var(--tw-bg-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .bg-primary-500\/10{background-color:color-mix(in srgb,var(--brand) 10.2%,transparent)!important}
.qc-ui.qc-ui .bg-primary-500\/15{background-color:color-mix(in srgb,var(--brand) 14.9%,transparent)!important}
.qc-ui.qc-ui .bg-primary-500\/20{background-color:color-mix(in srgb,var(--brand) 20%,transparent)!important}
.qc-ui.qc-ui .bg-primary-500\/5{background-color:color-mix(in srgb,var(--brand) 5.1%,transparent)!important}
.qc-ui.qc-ui .bg-primary-600{--tw-bg-opacity:1!important;background-color:color-mix(in srgb,var(--brand-dark) calc(var(--tw-bg-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .bg-primary-600\/10{background-color:color-mix(in srgb,var(--brand-dark) 10.2%,transparent)!important}
.qc-ui.qc-ui .bg-primary-600\/15{background-color:color-mix(in srgb,var(--brand-dark) 14.9%,transparent)!important}
.qc-ui.qc-ui .bg-primary-600\/20{background-color:color-mix(in srgb,var(--brand-dark) 20%,transparent)!important}
.qc-ui.qc-ui .bg-primary\/10{background-color:color-mix(in srgb,var(--brand) 10.2%,transparent)!important}
.qc-ui.qc-ui .bg-primary\/20{background-color:color-mix(in srgb,var(--brand) 20%,transparent)!important}
.qc-ui.qc-ui .bg-primary\/5{background-color:color-mix(in srgb,var(--brand) 5.1%,transparent)!important}
.qc-ui.qc-ui .bg-purple-50{--tw-bg-opacity:1!important;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-purple-50\/50{background-color:#faf5ff80!important}
.qc-ui.qc-ui .bg-purple-500{--tw-bg-opacity:1!important;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-purple-500\/10{background-color:#a855f71a!important}
.qc-ui.qc-ui .bg-purple-500\/15{background-color:#a855f726!important}
.qc-ui.qc-ui .bg-purple-500\/20{background-color:#a855f733!important}
.qc-ui.qc-ui .bg-purple-500\/5{background-color:#a855f70d!important}
.qc-ui.qc-ui .bg-purple-600{--tw-bg-opacity:1!important;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-red-100{--tw-bg-opacity:1!important;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-red-400{--tw-bg-opacity:1!important;background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-red-400\/10{background-color:#f871711a!important}
.qc-ui.qc-ui .bg-red-50{--tw-bg-opacity:1!important;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-red-50\/50{background-color:#fef2f280!important}
.qc-ui.qc-ui .bg-red-500{--tw-bg-opacity:1!important;background-color:color-mix(in srgb,var(--danger) calc(var(--tw-bg-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .bg-red-500\/10{background-color:color-mix(in srgb,var(--danger) 10.2%,transparent)!important}
.qc-ui.qc-ui .bg-red-500\/15{background-color:color-mix(in srgb,var(--danger) 14.9%,transparent)!important}
.qc-ui.qc-ui .bg-red-500\/20{background-color:color-mix(in srgb,var(--danger) 20%,transparent)!important}
.qc-ui.qc-ui .bg-red-500\/30{background-color:color-mix(in srgb,var(--danger) 30.2%,transparent)!important}
.qc-ui.qc-ui .bg-red-500\/5{background-color:color-mix(in srgb,var(--danger) 5.1%,transparent)!important}
.qc-ui.qc-ui .bg-red-600{--tw-bg-opacity:1!important;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-status-error{--tw-bg-opacity:1!important;background-color:color-mix(in srgb,var(--danger) calc(var(--tw-bg-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .bg-status-success\/20{background-color:color-mix(in srgb,var(--ok) 20%,transparent)!important}
.qc-ui.qc-ui .bg-success-500\/10{background-color:#22c55e1a!important}
.qc-ui.qc-ui .bg-success-500\/15{background-color:#22c55e26!important}
.qc-ui.qc-ui .bg-success-500\/20{background-color:#22c55e33!important}
.qc-ui.qc-ui .bg-success-500\/5{background-color:#22c55e0d!important}
.qc-ui.qc-ui .bg-transparent{background-color:transparent!important}
.qc-ui.qc-ui .bg-warning-500\/10{background-color:color-mix(in srgb,var(--warn) 10.2%,transparent)!important}
.qc-ui.qc-ui .bg-warning-500\/15{background-color:color-mix(in srgb,var(--warn) 14.9%,transparent)!important}
.qc-ui.qc-ui .bg-warning-500\/20{background-color:color-mix(in srgb,var(--warn) 20%,transparent)!important}
.qc-ui.qc-ui .bg-warning-500\/5{background-color:color-mix(in srgb,var(--warn) 5.1%,transparent)!important}
.qc-ui.qc-ui .bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-white\/10{background-color:#ffffff1a!important}
.qc-ui.qc-ui .bg-white\/20{background-color:#fff3!important}
.qc-ui.qc-ui .bg-yellow-100{--tw-bg-opacity:1!important;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-yellow-400{--tw-bg-opacity:1!important;background-color:rgb(250 204 21 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-yellow-400\/10{background-color:#facc151a!important}
.qc-ui.qc-ui .bg-yellow-50{--tw-bg-opacity:1!important;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-yellow-50\/50{background-color:#fefce880!important}
.qc-ui.qc-ui .bg-yellow-500{--tw-bg-opacity:1!important;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-yellow-500\/10{background-color:#eab3081a!important}
.qc-ui.qc-ui .bg-yellow-500\/15{background-color:#eab30826!important}
.qc-ui.qc-ui .bg-yellow-500\/20{background-color:#eab30833!important}
.qc-ui.qc-ui .bg-yellow-500\/5{background-color:#eab3080d!important}
.qc-ui.qc-ui .bg-zinc-100{--tw-bg-opacity:1!important;background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-zinc-200{--tw-bg-opacity:1!important;background-color:rgb(228 228 231 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-zinc-200\/50{background-color:#e4e4e780!important}
.qc-ui.qc-ui .bg-zinc-300{--tw-bg-opacity:1!important;background-color:rgb(212 212 216 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-zinc-400{--tw-bg-opacity:1!important;background-color:rgb(161 161 170 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-zinc-50{--tw-bg-opacity:1!important;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-zinc-50\/50{background-color:#fafafa80!important}
.qc-ui.qc-ui .bg-zinc-500\/10{background-color:#71717a1a!important}
.qc-ui.qc-ui .bg-zinc-600{--tw-bg-opacity:1!important;background-color:rgb(82 82 91 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))!important}
.qc-ui.qc-ui .from-primary-500{--tw-gradient-from:var(--brand) var(--tw-gradient-from-position)!important;--tw-gradient-to:transparent var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)!important}
.qc-ui.qc-ui .to-primary-700{--tw-gradient-to:var(--brand-darker) var(--tw-gradient-to-position)!important}
.qc-ui.qc-ui .object-contain{-o-object-fit:contain!important;object-fit:contain!important}
.qc-ui.qc-ui .object-cover{-o-object-fit:cover!important;object-fit:cover!important}
.qc-ui.qc-ui .p-0{padding:0!important}
.qc-ui.qc-ui .p-0\.5{padding:.125rem!important}
.qc-ui.qc-ui .p-1{padding:.25rem!important}
.qc-ui.qc-ui .p-1\.5{padding:.375rem!important}
.qc-ui.qc-ui .p-10{padding:2.5rem!important}
.qc-ui.qc-ui .p-12{padding:3rem!important}
.qc-ui.qc-ui .p-16{padding:4rem!important}
.qc-ui.qc-ui .p-2{padding:.5rem!important}
.qc-ui.qc-ui .p-2\.5{padding:.625rem!important}
.qc-ui.qc-ui .p-3{padding:.75rem!important}
.qc-ui.qc-ui .p-3\.5{padding:.875rem!important}
.qc-ui.qc-ui .p-4{padding:1rem!important}
.qc-ui.qc-ui .p-5{padding:1.25rem!important}
.qc-ui.qc-ui .p-6{padding:1.5rem!important}
.qc-ui.qc-ui .p-8{padding:2rem!important}
.qc-ui.qc-ui .px-1{padding-left:.25rem!important;padding-right:.25rem!important}
.qc-ui.qc-ui .px-1\.5{padding-left:.375rem!important;padding-right:.375rem!important}
.qc-ui.qc-ui .px-2{padding-left:.5rem!important;padding-right:.5rem!important}
.qc-ui.qc-ui .px-2\.5{padding-left:.625rem!important;padding-right:.625rem!important}
.qc-ui.qc-ui .px-3{padding-left:.75rem!important;padding-right:.75rem!important}
.qc-ui.qc-ui .px-3\.5{padding-left:.875rem!important;padding-right:.875rem!important}
.qc-ui.qc-ui .px-4{padding-left:1rem!important;padding-right:1rem!important}
.qc-ui.qc-ui .px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}
.qc-ui.qc-ui .px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}
.qc-ui.qc-ui .py-0{padding-top:0!important;padding-bottom:0!important}
.qc-ui.qc-ui .py-0\.5{padding-top:.125rem!important;padding-bottom:.125rem!important}
.qc-ui.qc-ui .py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}
.qc-ui.qc-ui .py-1\.5{padding-top:.375rem!important;padding-bottom:.375rem!important}
.qc-ui.qc-ui .py-10{padding-top:2.5rem!important;padding-bottom:2.5rem!important}
.qc-ui.qc-ui .py-12{padding-top:3rem!important;padding-bottom:3rem!important}
.qc-ui.qc-ui .py-16{padding-top:4rem!important;padding-bottom:4rem!important}
.qc-ui.qc-ui .py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}
.qc-ui.qc-ui .py-2\.5{padding-top:.625rem!important;padding-bottom:.625rem!important}
.qc-ui.qc-ui .py-20{padding-top:5rem!important;padding-bottom:5rem!important}
.qc-ui.qc-ui .py-24{padding-top:6rem!important;padding-bottom:6rem!important}
.qc-ui.qc-ui .py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}
.qc-ui.qc-ui .py-3\.5{padding-top:.875rem!important;padding-bottom:.875rem!important}
.qc-ui.qc-ui .py-32{padding-top:8rem!important;padding-bottom:8rem!important}
.qc-ui.qc-ui .py-4{padding-top:1rem!important;padding-bottom:1rem!important}
.qc-ui.qc-ui .py-5{padding-top:1.25rem!important;padding-bottom:1.25rem!important}
.qc-ui.qc-ui .py-6{padding-top:1.5rem!important;padding-bottom:1.5rem!important}
.qc-ui.qc-ui .py-8{padding-top:2rem!important;padding-bottom:2rem!important}
.qc-ui.qc-ui .pb-0{padding-bottom:0!important}
.qc-ui.qc-ui .pb-1{padding-bottom:.25rem!important}
.qc-ui.qc-ui .pb-1\.5{padding-bottom:.375rem!important}
.qc-ui.qc-ui .pb-10{padding-bottom:2.5rem!important}
.qc-ui.qc-ui .pb-2{padding-bottom:.5rem!important}
.qc-ui.qc-ui .pb-2\.5{padding-bottom:.625rem!important}
.qc-ui.qc-ui .pb-24{padding-bottom:6rem!important}
.qc-ui.qc-ui .pb-28{padding-bottom:7rem!important}
.qc-ui.qc-ui .pb-3{padding-bottom:.75rem!important}
.qc-ui.qc-ui .pb-4{padding-bottom:1rem!important}
.qc-ui.qc-ui .pb-5{padding-bottom:1.25rem!important}
.qc-ui.qc-ui .pb-6{padding-bottom:1.5rem!important}
.qc-ui.qc-ui .pl-3{padding-left:.75rem!important}
.qc-ui.qc-ui .pl-4{padding-left:1rem!important}
.qc-ui.qc-ui .pl-7{padding-left:1.75rem!important}
.qc-ui.qc-ui .pl-9{padding-left:2.25rem!important}
.qc-ui.qc-ui .pr-1{padding-right:.25rem!important}
.qc-ui.qc-ui .pr-10{padding-right:2.5rem!important}
.qc-ui.qc-ui .pr-3{padding-right:.75rem!important}
.qc-ui.qc-ui .pr-4{padding-right:1rem!important}
.qc-ui.qc-ui .pt-0\.5{padding-top:.125rem!important}
.qc-ui.qc-ui .pt-1{padding-top:.25rem!important}
.qc-ui.qc-ui .pt-16{padding-top:4rem!important}
.qc-ui.qc-ui .pt-2{padding-top:.5rem!important}
.qc-ui.qc-ui .pt-3{padding-top:.75rem!important}
.qc-ui.qc-ui .pt-4{padding-top:1rem!important}
.qc-ui.qc-ui .pt-5{padding-top:1.25rem!important}
.qc-ui.qc-ui .pt-8{padding-top:2rem!important}
.qc-ui.qc-ui .text-left{text-align:left!important}
.qc-ui.qc-ui .text-center{text-align:center!important}
.qc-ui.qc-ui .text-right{text-align:right!important}
.qc-ui.qc-ui .align-middle{vertical-align:middle!important}
.qc-ui.qc-ui .font-mono{font-family:JetBrains Mono,Fira Code,Consolas,monospace!important}
.qc-ui.qc-ui .font-sans{font-family:Inter,system-ui,sans-serif!important}
.qc-ui.qc-ui .text-2xl{font-size:1.5rem!important;line-height:2rem!important}
.qc-ui.qc-ui .text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}
.qc-ui.qc-ui .text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}
.qc-ui.qc-ui .text-5xl{font-size:3rem!important;line-height:1!important}
.qc-ui.qc-ui .text-6xl{font-size:3.75rem!important;line-height:1!important}
.qc-ui.qc-ui .text-7xl{font-size:4.5rem!important;line-height:1!important}
.qc-ui.qc-ui .text-\[10px\]{font-size:10px!important}
.qc-ui.qc-ui .text-\[11px\]{font-size:11px!important}
.qc-ui.qc-ui .text-\[120px\]{font-size:120px!important}
.qc-ui.qc-ui .text-\[12px\]{font-size:12px!important}
.qc-ui.qc-ui .text-\[13px\]{font-size:13px!important}
.qc-ui.qc-ui .text-\[14px\]{font-size:14px!important}
.qc-ui.qc-ui .text-\[17px\]{font-size:17px!important}
.qc-ui.qc-ui .text-\[22px\]{font-size:22px!important}
.qc-ui.qc-ui .text-\[9px\]{font-size:9px!important}
.qc-ui.qc-ui .text-base{font-size:1rem!important;line-height:1.5rem!important}
.qc-ui.qc-ui .text-lg{font-size:1.125rem!important;line-height:1.75rem!important}
.qc-ui.qc-ui .text-sm{font-size:.875rem!important;line-height:1.25rem!important}
.qc-ui.qc-ui .text-xl{font-size:1.25rem!important;line-height:1.75rem!important}
.qc-ui.qc-ui .text-xs{font-size:.75rem!important;line-height:1rem!important}
.qc-ui.qc-ui .font-black{font-weight:900!important}
.qc-ui.qc-ui .font-bold{font-weight:700!important}
.qc-ui.qc-ui .font-extrabold{font-weight:800!important}
.qc-ui.qc-ui .font-medium{font-weight:500!important}
.qc-ui.qc-ui .font-normal{font-weight:400!important}
.qc-ui.qc-ui .font-semibold{font-weight:600!important}
.qc-ui.qc-ui .uppercase{text-transform:uppercase!important}
.qc-ui.qc-ui .lowercase{text-transform:lowercase!important}
.qc-ui.qc-ui .capitalize{text-transform:capitalize!important}
.qc-ui.qc-ui .normal-case{text-transform:none!important}
.qc-ui.qc-ui .italic{font-style:italic!important}
.qc-ui.qc-ui .not-italic{font-style:normal!important}
.qc-ui.qc-ui .tabular-nums{--tw-numeric-spacing:tabular-nums!important;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)!important}
.qc-ui.qc-ui .leading-none{line-height:1!important}
.qc-ui.qc-ui .leading-relaxed{line-height:1.625!important}
.qc-ui.qc-ui .leading-snug{line-height:1.375!important}
.qc-ui.qc-ui .leading-tight{line-height:1.25!important}
.qc-ui.qc-ui .tracking-\[0\.12em\]{letter-spacing:.12em!important}
.qc-ui.qc-ui .tracking-\[0\.14em\]{letter-spacing:.14em!important}
.qc-ui.qc-ui .tracking-\[0\.1em\]{letter-spacing:.1em!important}
.qc-ui.qc-ui .tracking-normal{letter-spacing:0em!important}
.qc-ui.qc-ui .tracking-tight{letter-spacing:-.025em!important}
.qc-ui.qc-ui .tracking-wide{letter-spacing:.025em!important}
.qc-ui.qc-ui .tracking-wider{letter-spacing:.05em!important}
.qc-ui.qc-ui .tracking-widest{letter-spacing:.1em!important}
.qc-ui.qc-ui .text-\[\#32c800\]{--tw-text-opacity:1!important;color:color-mix(in srgb,var(--brand) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .text-\[\#32c800\]\/70{color:color-mix(in srgb,var(--brand) 70.2%,transparent)!important}
.qc-ui.qc-ui .text-\[\#E91E63\]{--tw-text-opacity:1!important;color:rgb(233 30 99 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-amber-400{--tw-text-opacity:1!important;color:rgb(251 191 36 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-amber-500{--tw-text-opacity:1!important;color:color-mix(in srgb,var(--warn) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .text-amber-600{--tw-text-opacity:1!important;color:rgb(217 119 6 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-black{--tw-text-opacity:1!important;color:rgb(0 0 0 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-black\/40{color:#0006!important}
.qc-ui.qc-ui .text-black\/60{color:#0009!important}
.qc-ui.qc-ui .text-blue-400{--tw-text-opacity:1!important;color:rgb(96 165 250 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-blue-500{--tw-text-opacity:1!important;color:rgb(59 130 246 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-blue-600{--tw-text-opacity:1!important;color:rgb(37 99 235 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-cyan-400{--tw-text-opacity:1!important;color:rgb(34 211 238 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-danger-400{--tw-text-opacity:1!important;color:rgb(248 113 113 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-danger-500{--tw-text-opacity:1!important;color:color-mix(in srgb,var(--danger) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .text-danger-600{--tw-text-opacity:1!important;color:rgb(220 38 38 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-dark-100{--tw-text-opacity:1!important;color:rgb(var(--dark-100) / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-dark-200{--tw-text-opacity:1!important;color:rgb(var(--dark-200) / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-dark-300{--tw-text-opacity:1!important;color:rgb(var(--dark-300) / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-dark-400{--tw-text-opacity:1!important;color:rgb(var(--dark-400) / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-dark-50{--tw-text-opacity:1!important;color:rgb(var(--dark-50) / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-dark-500{--tw-text-opacity:1!important;color:rgb(var(--dark-500) / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-dark-600{--tw-text-opacity:1!important;color:rgb(var(--dark-600) / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-dark-700{--tw-text-opacity:1!important;color:rgb(var(--dark-700) / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-dark-800{--tw-text-opacity:1!important;color:rgb(var(--dark-800) / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-dark-text-secondary{--tw-text-opacity:1!important;color:rgb(160 160 160 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-gray-400{--tw-text-opacity:1!important;color:rgb(156 163 175 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-gray-600{--tw-text-opacity:1!important;color:rgb(75 85 99 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-green-400{--tw-text-opacity:1!important;color:rgb(74 222 128 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-green-500{--tw-text-opacity:1!important;color:rgb(34 197 94 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-green-600{--tw-text-opacity:1!important;color:rgb(22 163 74 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-green-700{--tw-text-opacity:1!important;color:rgb(21 128 61 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-indigo-400{--tw-text-opacity:1!important;color:rgb(129 140 248 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-info-400{--tw-text-opacity:1!important;color:rgb(96 165 250 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-orange-400{--tw-text-opacity:1!important;color:rgb(251 146 60 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-orange-500{--tw-text-opacity:1!important;color:rgb(249 115 22 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-primary{--tw-text-opacity:1!important;color:color-mix(in srgb,var(--brand) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .text-primary-400{--tw-text-opacity:1!important;color:color-mix(in srgb,var(--brand-light) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .text-primary-500{--tw-text-opacity:1!important;color:color-mix(in srgb,var(--brand) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .text-purple-400{--tw-text-opacity:1!important;color:rgb(192 132 252 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-purple-500{--tw-text-opacity:1!important;color:rgb(168 85 247 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-purple-600{--tw-text-opacity:1!important;color:rgb(147 51 234 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-red-300\/80{color:#fca5a5cc!important}
.qc-ui.qc-ui .text-red-400{--tw-text-opacity:1!important;color:rgb(248 113 113 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-red-500{--tw-text-opacity:1!important;color:color-mix(in srgb,var(--danger) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .text-red-700{--tw-text-opacity:1!important;color:rgb(185 28 28 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-status-error{--tw-text-opacity:1!important;color:color-mix(in srgb,var(--danger) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .text-status-success{--tw-text-opacity:1!important;color:color-mix(in srgb,var(--ok) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .text-success-400{--tw-text-opacity:1!important;color:rgb(74 222 128 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-warning-400{--tw-text-opacity:1!important;color:rgb(251 191 36 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-warning-400\/80{color:#fbbf24cc!important}
.qc-ui.qc-ui .text-warning-500{--tw-text-opacity:1!important;color:color-mix(in srgb,var(--warn) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .text-white{--tw-text-opacity:1!important;color:rgb(255 255 255 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-white\/60{color:#fff9!important}
.qc-ui.qc-ui .text-white\/70{color:#ffffffb3!important}
.qc-ui.qc-ui .text-yellow-400{--tw-text-opacity:1!important;color:rgb(250 204 21 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-yellow-500{--tw-text-opacity:1!important;color:rgb(234 179 8 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-yellow-700{--tw-text-opacity:1!important;color:rgb(161 98 7 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-zinc-400{--tw-text-opacity:1!important;color:rgb(161 161 170 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-zinc-500{--tw-text-opacity:1!important;color:rgb(113 113 122 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .text-zinc-900{--tw-text-opacity:1!important;color:rgb(24 24 27 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .underline{text-decoration-line:underline!important}
.qc-ui.qc-ui .line-through{text-decoration-line:line-through!important}
.qc-ui.qc-ui .underline-offset-2{text-underline-offset:2px!important}
.qc-ui.qc-ui .placeholder-dark-500::-moz-placeholder{--tw-placeholder-opacity:1!important;color:rgb(var(--dark-500) / var(--tw-placeholder-opacity, 1))!important}
.qc-ui.qc-ui .placeholder-dark-500::placeholder{--tw-placeholder-opacity:1!important;color:rgb(var(--dark-500) / var(--tw-placeholder-opacity, 1))!important}
.qc-ui.qc-ui .placeholder-zinc-400::-moz-placeholder{--tw-placeholder-opacity:1!important;color:rgb(161 161 170 / var(--tw-placeholder-opacity, 1))!important}
.qc-ui.qc-ui .placeholder-zinc-400::placeholder{--tw-placeholder-opacity:1!important;color:rgb(161 161 170 / var(--tw-placeholder-opacity, 1))!important}
.qc-ui.qc-ui .placeholder-zinc-500::-moz-placeholder{--tw-placeholder-opacity:1!important;color:rgb(113 113 122 / var(--tw-placeholder-opacity, 1))!important}
.qc-ui.qc-ui .placeholder-zinc-500::placeholder{--tw-placeholder-opacity:1!important;color:rgb(113 113 122 / var(--tw-placeholder-opacity, 1))!important}
.qc-ui.qc-ui .accent-\[\#32c800\]{accent-color:var(--brand)!important}
.qc-ui.qc-ui .accent-amber-500{accent-color:var(--warn)!important}
.qc-ui.qc-ui .accent-primary{accent-color:var(--brand)!important}
.qc-ui.qc-ui .opacity-0{opacity:0!important}
.qc-ui.qc-ui .opacity-100{opacity:1!important}
.qc-ui.qc-ui .opacity-25{opacity:.25!important}
.qc-ui.qc-ui .opacity-30{opacity:.3!important}
.qc-ui.qc-ui .opacity-40{opacity:.4!important}
.qc-ui.qc-ui .opacity-50{opacity:.5!important}
.qc-ui.qc-ui .opacity-60{opacity:.6!important}
.qc-ui.qc-ui .opacity-70{opacity:.7!important}
.qc-ui.qc-ui .opacity-75{opacity:.75!important}
.qc-ui.qc-ui .opacity-\[0\.05\]{opacity:.05!important}
.qc-ui.qc-ui .shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1)!important;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}
.qc-ui.qc-ui .shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0 / .25)!important;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}
.qc-ui.qc-ui .shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)!important;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}
.qc-ui.qc-ui .shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / .05)!important;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}
.qc-ui.qc-ui .shadow-xl{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1)!important;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}
.qc-ui.qc-ui .shadow-\[\#32c800\]\/20{--tw-shadow-color:color-mix(in srgb,var(--brand) 20%,transparent)!important;--tw-shadow:var(--tw-shadow-colored)!important}
.qc-ui.qc-ui .outline-none{outline:2px solid transparent!important;outline-offset:2px!important}
.qc-ui.qc-ui .outline{outline-style:solid!important}
.qc-ui.qc-ui .ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important}
.qc-ui.qc-ui .ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important}
.qc-ui.qc-ui .ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important}
.qc-ui.qc-ui .ring-\[\#32c800\]\/20{--tw-ring-color:color-mix(in srgb,var(--brand) 20%,transparent)!important}
.qc-ui.qc-ui .ring-\[\#32c800\]\/30{--tw-ring-color:color-mix(in srgb,var(--brand) 30%,transparent)!important}
.qc-ui.qc-ui .ring-\[\#32c800\]\/40{--tw-ring-color:color-mix(in srgb,var(--brand) 40%,transparent)!important}
.qc-ui.qc-ui .ring-dark-600{--tw-ring-opacity:1!important;--tw-ring-color:rgb(var(--dark-600) / var(--tw-ring-opacity, 1))!important}
.qc-ui.qc-ui .blur{--tw-blur:blur(8px)!important;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)!important}
.qc-ui.qc-ui .drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06))!important;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)!important}
.qc-ui.qc-ui .invert{--tw-invert:invert(100%)!important;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)!important}
.qc-ui.qc-ui .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)!important}
.qc-ui.qc-ui .backdrop-blur-sm{--tw-backdrop-blur:blur(4px)!important;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important;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)!important}
.qc-ui.qc-ui .backdrop-blur-xl{--tw-backdrop-blur:blur(24px)!important;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important;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)!important}
.qc-ui.qc-ui .backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important;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)!important}
.qc-ui.qc-ui .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}
.qc-ui.qc-ui .transition-all{transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}
.qc-ui.qc-ui .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}
.qc-ui.qc-ui .transition-opacity{transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}
.qc-ui.qc-ui .transition-transform{transition-property:transform!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.15s!important}
.qc-ui.qc-ui .duration-100{transition-duration:.1s!important}
.qc-ui.qc-ui .duration-150{transition-duration:.15s!important}
.qc-ui.qc-ui .duration-200{transition-duration:.2s!important}
.qc-ui.qc-ui .duration-300{transition-duration:.3s!important}
.qc-ui.qc-ui .ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)!important}
.qc-ui.qc-ui .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}
.qc-ui.qc-ui .ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)!important}
.qc-ui.qc-ui .scrollbar-dark::-webkit-scrollbar{width:6px!important;height:6px!important}
.qc-ui.qc-ui .scrollbar-dark::-webkit-scrollbar-track{--tw-bg-opacity:1!important;background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .scrollbar-dark::-webkit-scrollbar-thumb{border-radius:9999px!important;--tw-bg-opacity:1!important;background-color:rgb(212 212 216 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .\[background\:linear-gradient\(to_left\,\#f4f4f5_10\%\,transparent\)\]{background:linear-gradient(to left,#f4f4f5 10%,transparent)!important}
.qc-ui.qc-ui .\[background\:linear-gradient\(to_right\,\#f4f4f5_10\%\,transparent\)\]{background:linear-gradient(to right,#f4f4f5 10%,transparent)!important}
.qc-ui.qc-ui{--color-bg-page:#09090b!important;--color-bg-card:#1c1c1e!important;--color-bg-surface:#161618!important;--color-bg-hover:#252528!important;--color-border:#2d2d2d!important;--color-border-row:#252525!important}
.qc-ui.qc-ui{--color-bg-page:#f4f4f5!important;--color-bg-card:#ffffff!important;--color-bg-surface:#fafafa!important;--color-bg-hover:#fafafa!important;--color-border:#e4e4e7!important;--color-border-row:#f4f4f5!important}
.qc-ui.qc-ui{--dark-50:240 240 240!important;--dark-100:222 222 222!important;--dark-200:192 192 192!important;--dark-300:160 160 160!important;--dark-400:128 128 128!important;--dark-500:99 99 99!important;--dark-600:74 74 74!important;--dark-700:48 48 48!important;--dark-800:26 26 26!important;--dark-900:17 17 17!important;--dark-950:9 9 9!important}
.qc-ui.qc-ui{--dark-50:10 10 10!important;--dark-100:26 26 26!important;--dark-200:45 45 45!important;--dark-300:68 68 68!important;--dark-400:102 102 102!important;--dark-500:136 136 136!important;--dark-600:176 176 176!important;--dark-700:208 208 208!important;--dark-800:235 235 235!important;--dark-900:243 243 243!important;--dark-950:255 255 255!important}
.qc-ui.qc-ui .theme-logo{filter:none!important;transition:filter .3s ease!important}
.qc-ui.qc-ui .theme-logo{filter:invert(1) hue-rotate(180deg)!important}
@media (max-width: 640px){.qc-ui.qc-ui.qc-ui.qc-ui input,.qc-ui.qc-ui.qc-ui.qc-ui textarea,.qc-ui.qc-ui.qc-ui.qc-ui select{font-size:16px!important}}
@keyframes qcui-pulse-green{0%,to{opacity:1}50%{opacity:.5}}
.qc-ui.qc-ui .animate-pulse-green{animation:qcui-pulse-green 2s cubic-bezier(.4,0,.6,1) infinite!important}
.qc-ui.qc-ui .ta-wrap{display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important}
.qc-ui.qc-ui .ta-label{font-size:9px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.3px!important;white-space:nowrap!important;color:#aaa!important}
.qc-ui.qc-ui .ta-btn{width:42px!important;height:42px!important;border:2px solid!important;border-radius:10px!important;cursor:pointer!important;background:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important;flex-shrink:0!important}
.qc-ui.qc-ui .ta-btn:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 4px 12px #0003!important}
.qc-ui.qc-ui .ta-btn:active:not(:disabled){transform:translateY(0)!important}
.qc-ui.qc-ui .ta-btn:disabled{opacity:.25!important;cursor:not-allowed!important}
.qc-ui.qc-ui .ta-btn--green{border-color:var(--ok)!important;color:var(--ok)!important}
.qc-ui.qc-ui .ta-btn--green:hover:not(:disabled){background:var(--ok)!important;color:#000!important}
.qc-ui.qc-ui .ta-btn--blue{border-color:#0ea5e9!important;color:#0ea5e9!important}
.qc-ui.qc-ui .ta-btn--blue:hover:not(:disabled){background:#0ea5e9!important;color:#fff!important}
.qc-ui.qc-ui .ta-btn--red{border-color:var(--danger)!important;color:var(--danger)!important}
.qc-ui.qc-ui .ta-btn--red:hover:not(:disabled){background:var(--danger)!important;color:#fff!important}
.qc-ui.qc-ui .ta-btn--slate{border-color:#64748b!important;color:#64748b!important}
.qc-ui.qc-ui .ta-btn--slate:hover:not(:disabled){background:#64748b!important;color:#fff!important}
.qc-ui.qc-ui .ta-btn--purple{border-color:#8b5cf6!important;color:#8b5cf6!important}
.qc-ui.qc-ui .ta-btn--purple:hover:not(:disabled){background:#8b5cf6!important;color:#fff!important}
.qc-ui.qc-ui .ta-btn--orange{border-color:#f97316!important;color:#f97316!important}
.qc-ui.qc-ui .ta-btn--orange:hover:not(:disabled){background:#f97316!important;color:#fff!important}
.qc-ui.qc-ui .ta-btn--teal{border-color:#14b8a6!important;color:#14b8a6!important}
.qc-ui.qc-ui .ta-btn--teal:hover:not(:disabled){background:#14b8a6!important;color:#fff!important}
.qc-ui.qc-ui .ta-btn--yellow{border-color:#eab308!important;color:#eab308!important}
.qc-ui.qc-ui .ta-btn--yellow:hover:not(:disabled){background:#eab308!important;color:#000!important}
.qc-ui.qc-ui .file\:theme-text::file-selector-button{--tw-text-opacity:1!important;color:rgb(24 24 27 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .hover\:theme-bg-card:hover{--tw-bg-opacity:1!important;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:theme-bg-surface:hover{--tw-bg-opacity:1!important;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:theme-bg-hover:hover{--tw-bg-opacity:1!important;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:theme-border:hover{--tw-border-opacity:1!important;border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .hover\:theme-text:hover{--tw-text-opacity:1!important;color:rgb(24 24 27 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .hover\:theme-text-dim:hover{--tw-text-opacity:1!important;color:rgb(113 113 122 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .file\:mr-3::file-selector-button{margin-right:.75rem!important}
.qc-ui.qc-ui .file\:mr-4::file-selector-button{margin-right:1rem!important}
.qc-ui.qc-ui .file\:rounded-lg::file-selector-button{border-radius:.5rem!important}
.qc-ui.qc-ui .file\:border-0::file-selector-button{border-width:0px!important}
.qc-ui.qc-ui .file\:bg-primary::file-selector-button{--tw-bg-opacity:1!important;background-color:color-mix(in srgb,var(--brand) calc(var(--tw-bg-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .file\:bg-zinc-100::file-selector-button{--tw-bg-opacity:1!important;background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .file\:px-3::file-selector-button{padding-left:.75rem!important;padding-right:.75rem!important}
.qc-ui.qc-ui .file\:px-4::file-selector-button{padding-left:1rem!important;padding-right:1rem!important}
.qc-ui.qc-ui .file\:py-1\.5::file-selector-button{padding-top:.375rem!important;padding-bottom:.375rem!important}
.qc-ui.qc-ui .file\:py-2::file-selector-button{padding-top:.5rem!important;padding-bottom:.5rem!important}
.qc-ui.qc-ui .file\:text-sm::file-selector-button{font-size:.875rem!important;line-height:1.25rem!important}
.qc-ui.qc-ui .file\:text-xs::file-selector-button{font-size:.75rem!important;line-height:1rem!important}
.qc-ui.qc-ui .file\:font-medium::file-selector-button{font-weight:500!important}
.qc-ui.qc-ui .file\:font-semibold::file-selector-button{font-weight:600!important}
.qc-ui.qc-ui .file\:text-black::file-selector-button{--tw-text-opacity:1!important;color:rgb(0 0 0 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .last\:border-0:last-child{border-width:0px!important}
.qc-ui.qc-ui .hover\:scale-105:hover{--tw-scale-x:1.05!important;--tw-scale-y:1.05!important;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))!important}
.qc-ui.qc-ui .hover\:scale-110:hover{--tw-scale-x:1.1!important;--tw-scale-y:1.1!important;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))!important}
.qc-ui.qc-ui .hover\:border-\[\#32c800\]\/40:hover{border-color:color-mix(in srgb,var(--brand) 40%,transparent)!important}
.qc-ui.qc-ui .hover\:border-\[\#32c800\]\/50:hover{border-color:color-mix(in srgb,var(--brand) 50.2%,transparent)!important}
.qc-ui.qc-ui .hover\:border-\[\#32c800\]\/60:hover{border-color:color-mix(in srgb,var(--brand) 60%,transparent)!important}
.qc-ui.qc-ui .hover\:border-\[\#E91E63\]\/40:hover{border-color:#e91e6366!important}
.qc-ui.qc-ui .hover\:border-dark-400:hover{--tw-border-opacity:1!important;border-color:rgb(var(--dark-400) / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .hover\:border-dark-500:hover{--tw-border-opacity:1!important;border-color:rgb(var(--dark-500) / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .hover\:border-orange-400:hover{--tw-border-opacity:1!important;border-color:rgb(251 146 60 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .hover\:border-primary-500:hover{--tw-border-opacity:1!important;border-color:color-mix(in srgb,var(--brand) calc(var(--tw-border-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .hover\:border-primary-500\/50:hover{border-color:color-mix(in srgb,var(--brand) 50.2%,transparent)!important}
.qc-ui.qc-ui .hover\:border-primary\/30:hover{border-color:color-mix(in srgb,var(--brand) 30.2%,transparent)!important}
.qc-ui.qc-ui .hover\:border-primary\/40:hover{border-color:color-mix(in srgb,var(--brand) 40%,transparent)!important}
.qc-ui.qc-ui .hover\:border-primary\/60:hover{border-color:color-mix(in srgb,var(--brand) 60%,transparent)!important}
.qc-ui.qc-ui .hover\:border-zinc-300:hover{--tw-border-opacity:1!important;border-color:rgb(212 212 216 / var(--tw-border-opacity, 1))!important}
.qc-ui.qc-ui .hover\:border-zinc-400\/40:hover{border-color:#a1a1aa66!important}
.qc-ui.qc-ui .hover\:bg-\[\#28a800\]:hover{--tw-bg-opacity:1!important;background-color:color-mix(in srgb,var(--brand-dark) calc(var(--tw-bg-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .hover\:bg-\[\#2ab300\]:hover{--tw-bg-opacity:1!important;background-color:rgb(42 179 0 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:bg-\[\#2db000\]:hover{--tw-bg-opacity:1!important;background-color:rgb(45 176 0 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:bg-\[\#2db300\]:hover{--tw-bg-opacity:1!important;background-color:rgb(45 179 0 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:bg-\[\#32c800\]\/10:hover{background-color:color-mix(in srgb,var(--brand) 10.2%,transparent)!important}
.qc-ui.qc-ui .hover\:bg-\[\#32c800\]\/20:hover{background-color:color-mix(in srgb,var(--brand) 20%,transparent)!important}
.qc-ui.qc-ui .hover\:bg-\[\#E91E63\]:hover{--tw-bg-opacity:1!important;background-color:rgb(233 30 99 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:bg-amber-400:hover{--tw-bg-opacity:1!important;background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:bg-amber-500\/10:hover{background-color:color-mix(in srgb,var(--warn) 10.2%,transparent)!important}
.qc-ui.qc-ui .hover\:bg-amber-500\/20:hover{background-color:color-mix(in srgb,var(--warn) 20%,transparent)!important}
.qc-ui.qc-ui .hover\:bg-black\/20:hover{background-color:#0003!important}
.qc-ui.qc-ui .hover\:bg-black\/5:hover{background-color:#0000000d!important}
.qc-ui.qc-ui .hover\:bg-blue-500\/10:hover{background-color:#3b82f61a!important}
.qc-ui.qc-ui .hover\:bg-blue-500\/20:hover{background-color:#3b82f633!important}
.qc-ui.qc-ui .hover\:bg-blue-600:hover{--tw-bg-opacity:1!important;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:bg-blue-700:hover{--tw-bg-opacity:1!important;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:bg-danger-500:hover{--tw-bg-opacity:1!important;background-color:color-mix(in srgb,var(--danger) calc(var(--tw-bg-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .hover\:bg-danger-600:hover{--tw-bg-opacity:1!important;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:bg-dark-600:hover{--tw-bg-opacity:1!important;background-color:rgb(var(--dark-600) / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:bg-dark-700:hover{--tw-bg-opacity:1!important;background-color:rgb(var(--dark-700) / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:bg-dark-700\/30:hover{background-color:rgb(var(--dark-700) / .3)!important}
.qc-ui.qc-ui .hover\:bg-dark-800:hover{--tw-bg-opacity:1!important;background-color:rgb(var(--dark-800) / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:bg-dark-800\/30:hover{background-color:rgb(var(--dark-800) / .3)!important}
.qc-ui.qc-ui .hover\:bg-dark-800\/40:hover{background-color:rgb(var(--dark-800) / .4)!important}
.qc-ui.qc-ui .hover\:bg-dark-800\/60:hover{background-color:rgb(var(--dark-800) / .6)!important}
.qc-ui.qc-ui .hover\:bg-gray-500\/20:hover{background-color:#6b728033!important}
.qc-ui.qc-ui .hover\:bg-green-500\/10:hover{background-color:#22c55e1a!important}
.qc-ui.qc-ui .hover\:bg-green-500\/20:hover{background-color:#22c55e33!important}
.qc-ui.qc-ui .hover\:bg-green-700:hover{--tw-bg-opacity:1!important;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:bg-orange-50:hover{--tw-bg-opacity:1!important;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:bg-primary-500:hover{--tw-bg-opacity:1!important;background-color:color-mix(in srgb,var(--brand) calc(var(--tw-bg-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .hover\:bg-primary-700:hover{--tw-bg-opacity:1!important;background-color:color-mix(in srgb,var(--brand-darker) calc(var(--tw-bg-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .hover\:bg-primary-hover:hover{--tw-bg-opacity:1!important;background-color:color-mix(in srgb,var(--brand-dark) calc(var(--tw-bg-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .hover\:bg-primary\/5:hover{background-color:color-mix(in srgb,var(--brand) 5.1%,transparent)!important}
.qc-ui.qc-ui .hover\:bg-primary\/80:hover{background-color:color-mix(in srgb,var(--brand) 80%,transparent)!important}
.qc-ui.qc-ui .hover\:bg-primary\/90:hover{background-color:color-mix(in srgb,var(--brand) 90.2%,transparent)!important}
.qc-ui.qc-ui .hover\:bg-purple-50:hover{--tw-bg-opacity:1!important;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:bg-purple-500\/20:hover{background-color:#a855f733!important}
.qc-ui.qc-ui .hover\:bg-purple-700:hover{--tw-bg-opacity:1!important;background-color:rgb(126 34 206 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:bg-red-400\/10:hover{background-color:#f871711a!important}
.qc-ui.qc-ui .hover\:bg-red-50:hover{--tw-bg-opacity:1!important;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:bg-red-500\/10:hover{background-color:color-mix(in srgb,var(--danger) 10.2%,transparent)!important}
.qc-ui.qc-ui .hover\:bg-red-500\/20:hover{background-color:color-mix(in srgb,var(--danger) 20%,transparent)!important}
.qc-ui.qc-ui .hover\:bg-red-600:hover{--tw-bg-opacity:1!important;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:bg-red-700:hover{--tw-bg-opacity:1!important;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:bg-white\/20:hover{background-color:#fff3!important}
.qc-ui.qc-ui .hover\:bg-white\/30:hover{background-color:#ffffff4d!important}
.qc-ui.qc-ui .hover\:bg-yellow-50:hover{--tw-bg-opacity:1!important;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .hover\:text-\[\#2db000\]:hover{--tw-text-opacity:1!important;color:rgb(45 176 0 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .hover\:text-\[\#32c800\]:hover{--tw-text-opacity:1!important;color:color-mix(in srgb,var(--brand) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .hover\:text-\[\#32c800\]\/80:hover{color:color-mix(in srgb,var(--brand) 80%,transparent)!important}
.qc-ui.qc-ui .hover\:text-danger-400:hover{--tw-text-opacity:1!important;color:rgb(248 113 113 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .hover\:text-dark-100:hover{--tw-text-opacity:1!important;color:rgb(var(--dark-100) / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .hover\:text-dark-200:hover{--tw-text-opacity:1!important;color:rgb(var(--dark-200) / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .hover\:text-dark-50:hover{--tw-text-opacity:1!important;color:rgb(var(--dark-50) / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .hover\:text-primary-300:hover{--tw-text-opacity:1!important;color:rgb(112 255 147 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .hover\:text-primary-400:hover{--tw-text-opacity:1!important;color:color-mix(in srgb,var(--brand-light) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .hover\:text-primary-hover:hover{--tw-text-opacity:1!important;color:color-mix(in srgb,var(--brand-dark) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .hover\:text-red-300:hover{--tw-text-opacity:1!important;color:rgb(252 165 165 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .hover\:text-red-400:hover{--tw-text-opacity:1!important;color:rgb(248 113 113 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .hover\:text-white:hover{--tw-text-opacity:1!important;color:rgb(255 255 255 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .hover\:text-zinc-700:hover{--tw-text-opacity:1!important;color:rgb(63 63 70 / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .hover\:underline:hover{text-decoration-line:underline!important}
.qc-ui.qc-ui .hover\:opacity-80:hover{opacity:.8!important}
.qc-ui.qc-ui .hover\:opacity-90:hover{opacity:.9!important}
.qc-ui.qc-ui .hover\:shadow-glow-primary:hover{--tw-shadow:0 0 20px color-mix(in srgb,var(--brand) 30%,transparent)!important;--tw-shadow-colored:0 0 20px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}
.qc-ui.qc-ui .hover\:brightness-110:hover{--tw-brightness:brightness(1.1)!important;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)!important}
.qc-ui.qc-ui .hover\:file\:bg-primary-hover::file-selector-button:hover{--tw-bg-opacity:1!important;background-color:color-mix(in srgb,var(--brand-dark) calc(var(--tw-bg-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .hover\:file\:bg-zinc-200::file-selector-button:hover{--tw-bg-opacity:1!important;background-color:rgb(228 228 231 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .focus\:border-\[\#32c800\]\/50:focus{border-color:color-mix(in srgb,var(--brand) 50.2%,transparent)!important}
.qc-ui.qc-ui .focus\:border-\[\#32c800\]\/70:focus{border-color:color-mix(in srgb,var(--brand) 70.2%,transparent)!important}
.qc-ui.qc-ui .focus\:border-primary:focus{--tw-border-opacity:1!important;border-color:color-mix(in srgb,var(--brand) calc(var(--tw-border-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .focus\:border-primary-600\/60:focus{border-color:color-mix(in srgb,var(--brand-dark) 60%,transparent)!important}
.qc-ui.qc-ui .focus\:outline-none:focus{outline:2px solid transparent!important;outline-offset:2px!important}
.qc-ui.qc-ui .focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important}
.qc-ui.qc-ui .focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important}
.qc-ui.qc-ui .focus\:ring-\[\#32c800\]\/20:focus{--tw-ring-color:color-mix(in srgb,var(--brand) 20%,transparent)!important}
.qc-ui.qc-ui .focus\:ring-\[\#32c800\]\/30:focus{--tw-ring-color:color-mix(in srgb,var(--brand) 30%,transparent)!important}
.qc-ui.qc-ui .focus\:ring-primary:focus{--tw-ring-opacity:1!important;--tw-ring-color:color-mix(in srgb,var(--brand) calc(var(--tw-ring-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .focus\:ring-primary-600\/20:focus{--tw-ring-color:color-mix(in srgb,var(--brand-dark) 20%,transparent)!important}
.qc-ui.qc-ui .focus\:ring-primary\/50:focus{--tw-ring-color:color-mix(in srgb,var(--brand) 50%,transparent)!important}
.qc-ui.qc-ui .focus\:ring-status-error:focus{--tw-ring-opacity:1!important;--tw-ring-color:color-mix(in srgb,var(--danger) calc(var(--tw-ring-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px!important}
.qc-ui.qc-ui .focus\:ring-offset-dark-bg:focus{--tw-ring-offset-color:#000000!important}
.qc-ui.qc-ui .active\:scale-95:active{--tw-scale-x:.95!important;--tw-scale-y:.95!important;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))!important}
.qc-ui.qc-ui .active\:scale-\[0\.99\]:active{--tw-scale-x:.99!important;--tw-scale-y:.99!important;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))!important}
.qc-ui.qc-ui .active\:opacity-75:active{opacity:.75!important}
.qc-ui.qc-ui .disabled\:cursor-not-allowed:disabled{cursor:not-allowed!important}
.qc-ui.qc-ui .disabled\:opacity-40:disabled{opacity:.4!important}
.qc-ui.qc-ui .disabled\:opacity-50:disabled{opacity:.5!important}
.qc-ui.qc-ui .group:hover .group-hover\:text-dark-500{--tw-text-opacity:1!important;color:rgb(var(--dark-500) / var(--tw-text-opacity, 1))!important}
.qc-ui.qc-ui .group:hover .group-hover\:text-primary-500{--tw-text-opacity:1!important;color:color-mix(in srgb,var(--brand) calc(var(--tw-text-opacity, 1)*100%),transparent)!important}
.qc-ui.qc-ui .group:hover .group-hover\:opacity-100{opacity:1!important}
.qc-ui.qc-ui .peer:checked~.peer-checked\:translate-x-4{--tw-translate-x:1rem!important;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))!important}
.qc-ui.qc-ui .peer:checked~.peer-checked\:bg-\[\#32c800\]{--tw-bg-opacity:1!important;background-color:color-mix(in srgb,var(--brand) calc(var(--tw-bg-opacity, 1)*100%),transparent)!important}
@media (min-width: 640px){.qc-ui.qc-ui .sm\:col-span-2{grid-column:span 2 / span 2!important}
.qc-ui.qc-ui .sm\:block{display:block!important}
.qc-ui.qc-ui .sm\:table-cell{display:table-cell!important}
.qc-ui.qc-ui .sm\:hidden{display:none!important}
.qc-ui.qc-ui .sm\:h-14{height:3.5rem!important}
.qc-ui.qc-ui .sm\:w-36{width:9rem!important}
.qc-ui.qc-ui .sm\:w-40{width:10rem!important}
.qc-ui.qc-ui .sm\:w-44{width:11rem!important}
.qc-ui.qc-ui .sm\:w-48{width:12rem!important}
.qc-ui.qc-ui .sm\:w-56{width:14rem!important}
.qc-ui.qc-ui .sm\:w-64{width:16rem!important}
.qc-ui.qc-ui .sm\:w-auto{width:auto!important}
.qc-ui.qc-ui .sm\:max-w-lg{max-width:32rem!important}
.qc-ui.qc-ui .sm\:max-w-md{max-width:28rem!important}
.qc-ui.qc-ui .sm\:max-w-sm{max-width:24rem!important}
.qc-ui.qc-ui .sm\:flex-none{flex:none!important}
.qc-ui.qc-ui .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.qc-ui.qc-ui .sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.qc-ui.qc-ui .sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.qc-ui.qc-ui .sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.qc-ui.qc-ui .sm\:flex-row{flex-direction:row!important}
.qc-ui.qc-ui .sm\:flex-wrap{flex-wrap:wrap!important}
.qc-ui.qc-ui .sm\:items-center{align-items:center!important}
.qc-ui.qc-ui .sm\:justify-between{justify-content:space-between!important}
.qc-ui.qc-ui .sm\:gap-2{gap:.5rem!important}
.qc-ui.qc-ui .sm\:gap-3{gap:.75rem!important}
.qc-ui.qc-ui .sm\:gap-4{gap:1rem!important}
.qc-ui.qc-ui .sm\:self-auto{align-self:auto!important}
.qc-ui.qc-ui .sm\:rounded-2xl{border-radius:1rem!important}
.qc-ui.qc-ui .sm\:rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}
.qc-ui.qc-ui .sm\:p-4{padding:1rem!important}
.qc-ui.qc-ui .sm\:p-6{padding:1.5rem!important}
.qc-ui.qc-ui .sm\:px-2{padding-left:.5rem!important;padding-right:.5rem!important}
.qc-ui.qc-ui .sm\:px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}
.qc-ui.qc-ui .sm\:text-6xl{font-size:3.75rem!important;line-height:1!important}
.qc-ui.qc-ui .sm\:text-lg{font-size:1.125rem!important;line-height:1.75rem!important}
.qc-ui.qc-ui .sm\:text-xl{font-size:1.25rem!important;line-height:1.75rem!important}}
@media (min-width: 768px){.qc-ui.qc-ui .md\:static{position:static!important}
.qc-ui.qc-ui .md\:absolute{position:absolute!important}
.qc-ui.qc-ui .md\:left-1\/2{left:50%!important}
.qc-ui.qc-ui .md\:col-span-1{grid-column:span 1 / span 1!important}
.qc-ui.qc-ui .md\:col-span-2{grid-column:span 2 / span 2!important}
.qc-ui.qc-ui .md\:block{display:block!important}
.qc-ui.qc-ui .md\:flex{display:flex!important}
.qc-ui.qc-ui .md\:table-cell{display:table-cell!important}
.qc-ui.qc-ui .md\:hidden{display:none!important}
.qc-ui.qc-ui .md\:min-h-96{min-height:24rem!important}
.qc-ui.qc-ui .md\:w-52{width:13rem!important}
.qc-ui.qc-ui .md\:w-72{width:18rem!important}
.qc-ui.qc-ui .md\:w-80{width:20rem!important}
.qc-ui.qc-ui .md\:w-auto{width:auto!important}
.qc-ui.qc-ui .md\:min-w-0{min-width:0px!important}
.qc-ui.qc-ui .md\:flex-none{flex:none!important}
.qc-ui.qc-ui .md\:shrink-0{flex-shrink:0!important}
.qc-ui.qc-ui .md\:-translate-x-1\/2{--tw-translate-x:-50%!important;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))!important}
.qc-ui.qc-ui .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.qc-ui.qc-ui .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.qc-ui.qc-ui .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.qc-ui.qc-ui .md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.qc-ui.qc-ui .md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))!important}
.qc-ui.qc-ui .md\:flex-row{flex-direction:row!important}
.qc-ui.qc-ui .md\:flex-col{flex-direction:column!important}
.qc-ui.qc-ui .md\:flex-wrap{flex-wrap:wrap!important}
.qc-ui.qc-ui .md\:justify-end{justify-content:flex-end!important}
.qc-ui.qc-ui .md\:border-0{border-width:0px!important}
.qc-ui.qc-ui .md\:bg-transparent{background-color:transparent!important}
.qc-ui.qc-ui .md\:p-6{padding:1.5rem!important}
.qc-ui.qc-ui .md\:p-7{padding:1.75rem!important}
.qc-ui.qc-ui .md\:px-0{padding-left:0!important;padding-right:0!important}
.qc-ui.qc-ui .md\:py-2\.5{padding-top:.625rem!important;padding-bottom:.625rem!important}
.qc-ui.qc-ui .md\:pb-0{padding-bottom:0!important}
.qc-ui.qc-ui .md\:pt-0{padding-top:0!important}}
@media (min-width: 1024px){.qc-ui.qc-ui .lg\:block{display:block!important}
.qc-ui.qc-ui .lg\:table{display:table!important}
.qc-ui.qc-ui .lg\:table-cell{display:table-cell!important}
.qc-ui.qc-ui .lg\:hidden{display:none!important}
.qc-ui.qc-ui .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.qc-ui.qc-ui .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.qc-ui.qc-ui .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.qc-ui.qc-ui .lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.qc-ui.qc-ui .lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.qc-ui.qc-ui .lg\:text-7xl{font-size:4.5rem!important;line-height:1!important}}
@media (min-width: 1280px){.qc-ui.qc-ui .xl\:col-span-2{grid-column:span 2 / span 2!important}
.qc-ui.qc-ui .xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.qc-ui.qc-ui .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media print{.qc-ui.qc-ui .print\:hidden{display:none!important}
.qc-ui.qc-ui .print\:overflow-visible{overflow:visible!important}
.qc-ui.qc-ui .print\:bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))!important}
.qc-ui.qc-ui .print\:p-0{padding:0!important}}
.qc-ui.qc-ui .dp-root{position:relative!important;width:100%!important}
.qc-ui.qc-ui .dp-trigger{width:100%!important;display:flex!important;align-items:center!important;gap:8px!important;padding:10px 12px!important;min-height:42px!important;text-align:left!important;transition:border-color .15s,box-shadow .15s!important}
.qc-ui.qc-ui .dp-cal-icon{width:15px!important;height:15px!important;flex-shrink:0!important}
.qc-ui.qc-ui .dp-value,.qc-ui.qc-ui .dp-placeholder{flex:1!important;font-size:.875rem!important}
.qc-ui.qc-ui .dp-clear{display:flex!important;align-items:center!important;padding:2px!important;flex-shrink:0!important;transition:color .15s!important}
.qc-ui.qc-ui .dp-clear svg{width:13px!important;height:13px!important}
.qc-ui.qc-ui .dp-chevron{width:14px!important;height:14px!important;flex-shrink:0!important;transition:transform .2s ease!important}
.qc-ui.qc-ui .dp-chevron--open{transform:rotate(180deg)!important}
.qc-ui.qc-ui .dp-popup{z-index:9999!important;min-width:288px!important;padding:14px!important}
.qc-ui.qc-ui .dp-header{display:flex!important;align-items:center!important;gap:4px!important;margin-bottom:10px!important}
.qc-ui.qc-ui .dp-nav-btn{width:28px!important;height:28px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;flex-shrink:0!important;transition:background .15s!important}
.qc-ui.qc-ui .dp-nav-btn svg{width:14px!important;height:14px!important}
.qc-ui.qc-ui .dp-nav-btn{color:#6e6e73!important}
.qc-ui.qc-ui .dp-nav-btn:hover{background:#0000000f!important}
.qc-ui.qc-ui .dp-month-label{flex:1!important;text-align:center!important;font-size:.875rem!important;font-weight:600!important;letter-spacing:-.01em!important}
.qc-ui.qc-ui .dp-weekdays{display:grid!important;grid-template-columns:repeat(7,1fr)!important;margin-bottom:4px!important}
.qc-ui.qc-ui .dp-weekday{text-align:center!important;font-size:.7rem!important;font-weight:600!important;letter-spacing:.04em!important;padding:4px 0!important}
.qc-ui.qc-ui .dp-grid{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:2px!important}
.qc-ui.qc-ui .dp-day{aspect-ratio:1!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;font-size:.8rem!important;font-weight:400!important;transition:background .12s,color .12s!important;cursor:pointer!important}
.qc-ui.qc-ui .dp-day{color:#1d1d1f!important}
.qc-ui.qc-ui .dp-day:hover:not(:disabled){background:color-mix(in srgb,var(--brand) 10.2%,transparent)!important;color:#1d1d1f!important}
.qc-ui.qc-ui .dp-day--other{opacity:.2!important;cursor:default!important}
.qc-ui.qc-ui .dp-day--disabled{opacity:.25!important;cursor:not-allowed!important}
.qc-ui.qc-ui .dp-day--today{font-weight:700!important;border:1px solid color-mix(in srgb,var(--brand) 40%,transparent)!important}
.qc-ui.qc-ui.qc-ui.qc-ui .dp-day--today{color:var(--brand)!important}
.qc-ui.qc-ui .dp-day--selected{font-weight:700!important;border:none!important}
.qc-ui.qc-ui.qc-ui.qc-ui .dp-day--selected{background:var(--brand)!important;color:var(--qcui-on-brand,var(--brand-contrast))!important}
.qc-ui.qc-ui .dp-footer{margin-top:10px!important;padding-top:10px!important;border-top:1px solid!important;display:flex!important;justify-content:center!important}
.qc-ui.qc-ui .dp-footer{border-color:#0000000f!important}
.qc-ui.qc-ui .dp-today-btn{font-size:.75rem!important;font-weight:600!important;color:var(--brand)!important;padding:4px 12px!important;border-radius:6px!important;transition:background .15s!important}
.qc-ui.qc-ui .dp-today-btn:hover{background:color-mix(in srgb,var(--brand) 10.2%,transparent)!important}
.qc-ui.qc-ui .dp-pop-enter-active,.qc-ui.qc-ui .dp-pop-leave-active{transition:opacity .15s ease,transform .15s ease!important}
.qc-ui.qc-ui .dp-pop-enter-from,.qc-ui.qc-ui .dp-pop-leave-to{opacity:0!important;transform:translateY(-6px) scale(.98)!important}
.qc-ui.qc-ui .phin-root{position:relative!important;display:flex!important;align-items:stretch!important;width:100%!important;border-radius:12px!important;overflow:visible!important;border:1px solid!important}
.qc-ui.qc-ui .phin-root{border-color:#0000001f!important}
.qc-ui.qc-ui .phin-root:focus-within{border-color:color-mix(in srgb,var(--brand) 50.2%,transparent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 7.8%,transparent)!important}
.qc-ui.qc-ui .phin-root--disabled{opacity:.5!important;pointer-events:none!important}
.qc-ui.qc-ui .phin-code-btn{display:flex!important;align-items:center!important;gap:4px!important;padding:0 10px!important;flex-shrink:0!important;border-radius:11px 0 0 11px!important;cursor:pointer!important;transition:background .15s!important;min-width:84px!important;white-space:nowrap!important}
.qc-ui.qc-ui .phin-code-btn:hover{background:#0000000a!important}
.qc-ui.qc-ui .phin-flag{font-size:18px!important;line-height:1!important}
.qc-ui.qc-ui .phin-code{font-size:13px!important;font-weight:600!important;letter-spacing:-.01em!important}
.qc-ui.qc-ui .phin-code{color:#1d1d1f!important}
.qc-ui.qc-ui .phin-chevron{width:12px!important;height:12px!important;flex-shrink:0!important;transition:transform .2s ease!important}
.qc-ui.qc-ui .phin-chevron{color:#86868b!important}
.qc-ui.qc-ui .phin-chevron--open{transform:rotate(180deg)!important}
.qc-ui.qc-ui .phin-input{flex:1!important;min-width:0!important;padding:10px 12px!important;font-size:.875rem!important;border-radius:0 11px 11px 0!important;border:none!important;outline:none!important;background:transparent!important}
.qc-ui.qc-ui .phin-input::-moz-placeholder{color:#86868b!important}
.qc-ui.qc-ui .phin-input::placeholder{color:#86868b!important}
.qc-ui.qc-ui .phin-dropdown{position:absolute!important;top:calc(100% + 6px)!important;left:0!important;z-index:9999!important;width:300px!important;border-radius:14px!important;overflow:hidden!important}
.qc-ui.qc-ui .phin-search-wrap{display:flex!important;align-items:center!important;gap:8px!important;padding:10px 12px!important;border-bottom:1px solid!important}
.qc-ui.qc-ui .phin-search-wrap{border-color:#00000012!important}
.qc-ui.qc-ui .phin-search-icon{width:14px!important;height:14px!important;flex-shrink:0!important}
.qc-ui.qc-ui .phin-search{flex:1!important;font-size:.8rem!important;border:none!important;outline:none!important;background:transparent!important}
.qc-ui.qc-ui .phin-search::-moz-placeholder{color:#86868b!important}
.qc-ui.qc-ui .phin-search::placeholder{color:#86868b!important}
.qc-ui.qc-ui .phin-list{list-style:none!important;margin:0!important;padding:6px!important;max-height:240px!important;overflow-y:auto!important;scrollbar-width:thin!important}
.qc-ui.qc-ui .phin-list{scrollbar-color:rgba(0,0,0,.15) transparent!important}
.qc-ui.qc-ui .phin-item{display:flex!important;align-items:center!important;gap:8px!important;padding:7px 10px!important;border-radius:8px!important;cursor:pointer!important;transition:background .1s!important}
.qc-ui.qc-ui .phin-item:hover{background:#0000000d!important}
.qc-ui.qc-ui.qc-ui.qc-ui .phin-item--active{background:color-mix(in srgb,var(--brand) 10.2%,transparent)!important}
.qc-ui.qc-ui.qc-ui.qc-ui .phin-item--active .phin-item-name{color:var(--brand)!important}
.qc-ui.qc-ui .phin-item-flag{font-size:17px!important;line-height:1!important;flex-shrink:0!important}
.qc-ui.qc-ui .phin-item-name{flex:1!important;font-size:.8rem!important;font-weight:500!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.qc-ui.qc-ui .phin-item-code{font-size:.75rem!important;font-weight:600!important;flex-shrink:0!important;font-variant-numeric:tabular-nums!important}
.qc-ui.qc-ui .phin-empty{padding:12px 10px!important;font-size:.8rem!important;text-align:center!important}
.qc-ui.qc-ui .phin-pop-enter-active,.qc-ui.qc-ui .phin-pop-leave-active{transition:opacity .15s ease,transform .15s ease!important}
.qc-ui.qc-ui .phin-pop-enter-from,.qc-ui.qc-ui .phin-pop-leave-to{opacity:0!important;transform:translateY(-6px) scale(.98)!important}
.qc-ui.qc-ui .btn-danger{border-radius:.5rem!important;--tw-bg-opacity:1!important;background-color:color-mix(in srgb,var(--danger) calc(var(--tw-bg-opacity,1)*100%),transparent)!important;padding:.5rem 1rem!important;font-weight:600!important;--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.2s!important}
.qc-ui.qc-ui .btn-danger:hover{--tw-bg-opacity:1!important;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))!important}
.qc-ui.qc-ui .card-hover{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}
.qc-ui.qc-ui .card-hover{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}
.qc-ui.qc-ui .card-hover{--tw-border-opacity:1!important;border-color:rgb(228 228 231/var(--tw-border-opacity,1))!important}
.qc-ui.qc-ui .card-hover{border-radius:.75rem!important;border-width:1px!important;padding:1rem!important;cursor:pointer!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.2s!important}
.qc-ui.qc-ui .card-hover:hover{border-color:color-mix(in srgb,var(--brand) 30%,transparent)!important}
.qc-ui.qc-ui .badge-warning{background-color:color-mix(in srgb,var(--warn) 15%,transparent)!important;color:color-mix(in srgb,var(--warn) calc(var(--tw-text-opacity,1)*100%),transparent)!important}
.qc-ui.qc-ui .badge-info,.qc-ui.qc-ui .badge-warning{border-radius:9999px!important;padding:.125rem .625rem!important;font-size:.75rem!important;line-height:1rem!important;font-weight:500!important;--tw-text-opacity:1!important}
.qc-ui.qc-ui .badge-info{background-color:rgba(59,130,246,.15)!important;color:rgb(59 130 246/var(--tw-text-opacity,1))!important}
.qc-ui.qc-ui .badge-muted{--tw-text-opacity:1!important;color:rgb(113 113 122/var(--tw-text-opacity,1))!important}
.qc-ui.qc-ui .badge-muted{border-radius:9999px!important;--tw-bg-opacity:1!important;background-color:rgb(228 228 231/var(--tw-bg-opacity,1))!important;padding:.125rem .625rem!important;font-size:.75rem!important;line-height:1rem!important;font-weight:500!important}
@media (max-width:640px){.qc-ui.qc-ui.qc-ui.qc-ui input,.qc-ui.qc-ui.qc-ui.qc-ui select,.qc-ui.qc-ui.qc-ui.qc-ui textarea{font-size:16px!important}}
@media (min-width:640px){.qc-ui.qc-ui .sm\:max-w-\[1024px\]{max-width:1024px!important}
.qc-ui.qc-ui .sm\:max-w-\[480px\]{max-width:480px!important}
.qc-ui.qc-ui .sm\:max-w-\[640px\]{max-width:640px!important}
.qc-ui.qc-ui .sm\:max-w-\[768px\]{max-width:768px!important}
.qc-ui.qc-ui .sm\:max-w-\[896px\]{max-width:896px!important}
.qc-ui.qc-ui .sm\:items-start{align-items:flex-start!important}
.qc-ui.qc-ui .sm\:px-4{padding-left:1rem!important;padding-right:1rem!important}
.qc-ui.qc-ui .sm\:py-8{padding-top:2rem!important;padding-bottom:2rem!important}}

/* ══ Kit corrections — deliberate deviations from MES-Lite (spec §10). Hand-written, so keep it short. ══ */
/* 1. Status text on a pale tint: MES-Lite's light theme measures below 4.5:1 (e.g. red on a 15% red tint
      is ~2.8:1). Print it in the -800 shade of the SAME colour (-600/-700 still measured 3.4-4.4:1). */
.qc-ui.qc-ui.qc-ui .badge-success{color:var(--ok-darker)!important}
.qc-ui.qc-ui.qc-ui .badge-danger{color:#991b1b!important}
.qc-ui.qc-ui.qc-ui .badge-warning{color:#92400e!important}
.qc-ui.qc-ui.qc-ui .badge-info{color:var(--info-dark)!important}
.qc-ui.qc-ui.qc-ui .badge-muted{color:#52525b!important}
/* The same fault in the status utilities MES-Lite screens paint chips and due dates with. */
.qc-ui.qc-ui.qc-ui .text-red-400,.qc-ui.qc-ui.qc-ui .text-red-500{color:#991b1b!important}
.qc-ui.qc-ui.qc-ui .text-orange-400,.qc-ui.qc-ui.qc-ui .text-orange-500{color:#9a3412!important}
.qc-ui.qc-ui.qc-ui .text-yellow-400,.qc-ui.qc-ui.qc-ui .text-amber-400{color:#92400e!important}
.qc-ui.qc-ui.qc-ui .text-blue-400,.qc-ui.qc-ui.qc-ui .text-blue-500{color:var(--info-dark)!important}
.qc-ui.qc-ui.qc-ui .text-zinc-400{color:#52525b!important}
/* 1b. MES-Lite's "muted" grey (zinc-400, #a1a1aa) is 2.6:1 on white — used for field labels, table
      headers and captions, and #aaa under the phone card buttons. Measured in the browser: zinc-500 still
      reads 4.4:1 on the grey page, so raise both to zinc-600 (#52525b, 7:1 on white, 6.6:1 on the page). */
.qc-ui.qc-ui.qc-ui .theme-text-muted,.qc-ui.qc-ui.qc-ui .field-label,.qc-ui.qc-ui.qc-ui .ta-label{color:#52525b!important}
/* 1c. The small tinted buttons print their label in their own colour on a 10% tint of it: 2.0-3.3:1.
      Use the dark shade of the same colour. The solid danger button uses red-600 (white on red-500 is 3.8:1). */
.qc-ui.qc-ui.qc-ui .btn-sm-primary{color:var(--brand-darker)!important}
.qc-ui.qc-ui.qc-ui .btn-sm-success{color:var(--ok-darker)!important}
.qc-ui.qc-ui.qc-ui .btn-sm-warning{color:#92400e!important}
.qc-ui.qc-ui.qc-ui .btn-sm-danger{color:#991b1b!important}
.qc-ui.qc-ui.qc-ui .btn-danger{background-color:var(--danger-dark)!important;color:#fff!important}
.qc-ui.qc-ui.qc-ui .btn-danger:hover{background-color:#b91c1c!important}
/* 2. index.html paints every table header near-black (`table th`). MES-Lite's headers are light and set
      only a grey colour, so without this the kit would show grey-on-black. Set BOTH halves of the pair. */
.qc-ui.qc-ui th{background-color:transparent!important;color:inherit!important}
.qc-ui.qc-ui tbody tr:hover{background-color:transparent!important}
/* 2b. MES-Lite's html/body rules land on the .qc-ui WRAPPER itself (it is the kit's "page"). Two of
      them only make sense for a whole document: height:100% and overflow-x:hidden. A wrapper sits
      inside SFM's own page, so it sizes to its content. A wrapper that only carries a popup or a
      message (qc-ui-portal) must also paint nothing, or its page-grey would cover the screen. */
.qc-ui.qc-ui.qc-ui{height:auto!important;overflow:visible!important}
.qc-ui.qc-ui.qc-ui.qc-ui-portal{background-color:transparent!important}
/* 4. Kit-own classes used by qc-ui.js where MES-Lite typed its green in the MARKUP
      (AppToggle's own green background utility, AppToast success). A selected switch follows the Branding colour;
      a "saved" message is a meaning, so it stays the fixed --ok. */
.qc-ui.qc-ui .qcui-switch-on{background-color:var(--brand)!important;border-color:transparent!important}
.qc-ui.qc-ui .qcui-toast-ok-bar{background-color:var(--ok)!important}
.qc-ui.qc-ui .qcui-toast-ok-icon{background-color:color-mix(in srgb,var(--ok) 15%,transparent)!important;color:var(--ok-darker)!important}
/* 5. index.html prints an emoji before every section heading (`main section h2::before { content:'📋' }`,
      plus per-section ones up to (1,2,2) specificity). Kit headings carry no pseudo-content. */
.qc-ui.qc-ui.qc-ui :is(h1,h2,h3,h4,h5,h6)::before{content:none!important;display:none!important}
/* 6. Kit-own purple badge. MES-Lite has no purple badge; SFM needs one for the fixed "Custom checklist"
      category (green Standard / purple Custom, CLAUDE.md). Same geometry as .badge-*, dark text on the tint. */
.qc-ui.qc-ui .qcui-badge-purple{font-size:.75rem!important;line-height:1rem!important;padding:.125rem .625rem!important;border-radius:9999px!important;font-weight:500!important;background-color:color-mix(in srgb,var(--purple) 20%,transparent)!important;color:#5b21b6!important}
/* 7. Tooltip for any control that shows no text (the icon buttons). Geometry copied from MES-Lite
      ActionIconBtn.vue `.aib__tip` (fixed, dark bubble, 11px semibold, 7px radius, arrow). Drawn by
      qc-ui.js on <body>, so no row, card or table can clip it. */
.qc-ui.qc-ui .qcui-tip{position:fixed!important;z-index:100003!important;background:#1a1a1a!important;border:1px solid rgba(255,255,255,.12)!important;color:#f0f0f0!important;font-size:.6875rem!important;font-weight:600!important;letter-spacing:.02em!important;padding:.3125rem .625rem!important;border-radius:.4375rem!important;white-space:nowrap!important;pointer-events:none!important;box-shadow:0 4px 16px rgba(0,0,0,.5)!important;opacity:0!important;transition:opacity .1s ease,transform .1s ease!important;transform:translateY(3px)!important;max-width:min(320px,92vw)!important;overflow:hidden!important;text-overflow:ellipsis!important}
.qc-ui.qc-ui .qcui-tip.qcui-tip-on{opacity:1!important;transform:translateY(0)!important}
.qc-ui.qc-ui .qcui-tip-arrow{position:absolute!important;width:0!important;height:0!important;border-left:5px solid transparent!important;border-right:5px solid transparent!important}
.qc-ui.qc-ui .qcui-tip-above .qcui-tip-arrow{bottom:-5px!important;border-top:5px solid #1a1a1a!important}
.qc-ui.qc-ui .qcui-tip-below .qcui-tip-arrow{top:-5px!important;border-bottom:5px solid #1a1a1a!important}
@media (prefers-reduced-motion:reduce){.qc-ui.qc-ui .qcui-tip{transition:none!important;transform:none!important}}
/* 8. Date / time / date-and-time pickers. The calendar is MES-Lite's AppDatePicker (.dp-*, pulled in
      from its own dist chunk); the time columns and the shared bits below are kit-own, drawn to match it.
      The NATIVE input stays in the DOM as the value (see qc-ui.js) — it must not be display:none, or it
      leaves the form and stops being focusable, so it is sized to the wrapper and made invisible. */
.qc-ui.qc-ui .qcui-pick{position:relative!important;width:100%!important}
.qc-ui.qc-ui .qcui-pick-native{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
.qc-ui.qc-ui .qcui-pick .dp-trigger{position:relative!important;z-index:1!important;background-color:#fafafa!important;border:1px solid #e4e4e7!important;border-radius:.75rem!important;color:#18181b!important}
.qc-ui.qc-ui .qcui-pick .dp-trigger:hover:not(:disabled){border-color:#d4d4d8!important}
.qc-ui.qc-ui .qcui-pick .dp-trigger:focus-visible,.qc-ui.qc-ui .qcui-pick .dp-trigger.qcui-pick-open{border-color:color-mix(in srgb,var(--brand) 50%,transparent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 15%,transparent)!important;outline:none!important}
.qc-ui.qc-ui .qcui-pick-panel{position:fixed!important;z-index:100001!important;background-color:#fff!important;border:1px solid #e4e4e7!important;border-radius:1rem!important;box-shadow:0 20px 45px rgba(0,0,0,.18)!important;padding:14px!important;min-width:288px!important}
.qc-ui.qc-ui .dp-day--selected{background-color:var(--brand)!important;color:var(--qcui-on-brand,var(--brand-contrast))!important}
.qc-ui.qc-ui .dp-day--today:not(.dp-day--selected){box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 55%,transparent)!important}
/* Time columns: hours | minutes, each its own scroller — the PANEL never scrolls, or the title and the
   footer scroll away and a 24-item list has nothing to anchor against (the qc-select lesson). */
.qc-ui.qc-ui .qcui-tp{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
.qc-ui.qc-ui .qcui-tp-head{font-size:.7rem!important;font-weight:600!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:#52525b!important;text-align:center!important;padding:2px 0 6px!important}
.qc-ui.qc-ui .qcui-tp-col{max-height:208px!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;gap:2px!important;padding-right:2px!important}
.qc-ui.qc-ui .qcui-tp-opt{min-height:34px!important;border-radius:.5rem!important;font-size:.8125rem!important;font-weight:500!important;color:#18181b!important;background:transparent!important;border:0!important;cursor:pointer!important;padding:0 8px!important;font-variant-numeric:tabular-nums!important}
.qc-ui.qc-ui .qcui-tp-opt:hover{background-color:#f4f4f5!important}
.qc-ui.qc-ui .qcui-tp-opt.qcui-on{background-color:var(--brand)!important;color:var(--qcui-on-brand,var(--brand-contrast))!important}
.qc-ui.qc-ui .qcui-pick-foot{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-top:10px!important;padding-top:10px!important;border-top:1px solid #e4e4e7!important}
.qc-ui.qc-ui .qcui-pick-foot button{font-size:.75rem!important;font-weight:600!important;padding:6px 10px!important;border-radius:.5rem!important;border:1px solid #e4e4e7!important;background:#fff!important;color:#18181b!important;cursor:pointer!important;min-height:32px!important}
.qc-ui.qc-ui .qcui-pick-foot button:hover{background:#f4f4f5!important}
/* Phone: the panel is a bottom sheet — one anchored under a field low on a short screen with the
   keyboard up is unreachable (same rule as the kit's popup and qc-select). */
@media (max-width:720px){
  .qc-ui.qc-ui .qcui-pick-panel{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;min-width:0!important;border-radius:1.5rem 1.5rem 0 0!important;padding:16px!important;max-height:82vh!important;overflow:auto!important}
  .qc-ui.qc-ui .qcui-tp-col{max-height:34vh!important}
  .qc-ui.qc-ui .qcui-tp-opt{min-height:44px!important;font-size:1rem!important}
  .qc-ui.qc-ui .dp-day{font-size:1rem!important}
}
.qc-ui.qc-ui .qcui-pick-backdrop{position:fixed!important;inset:0!important;z-index:100000!important;background:transparent!important}
@media (max-width:720px){.qc-ui.qc-ui .qcui-pick-backdrop{background:rgba(0,0,0,.45)!important}}
/* 9. From-To range picker (kit-own, matching the calendar above and the app's existing green
      From->To calendar in Quality Walkabout analytics). The two ENDS use .dp-day--selected; the days
      between get a tint of the same colour, so the run reads as one block. */
.qc-ui.qc-ui .dp-day--in{background-color:color-mix(in srgb,var(--brand) 14%,transparent)!important;border-radius:0!important}
.qc-ui.qc-ui .dp-day--in-start{border-radius:.5rem 0 0 .5rem!important}
.qc-ui.qc-ui .dp-day--in-end{border-radius:0 .5rem .5rem 0!important}
.qc-ui.qc-ui .qcui-rg-ends{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:12px!important}
.qc-ui.qc-ui .qcui-rg-end{flex:1!important;min-width:0!important;border:1px solid #e4e4e7!important;border-radius:.75rem!important;padding:8px 10px!important;background:#fafafa!important}
.qc-ui.qc-ui .qcui-rg-end.qcui-on{border-color:color-mix(in srgb,var(--brand) 55%,transparent)!important;background:color-mix(in srgb,var(--brand) 8%,#fff)!important}
.qc-ui.qc-ui .qcui-rg-l{font-size:.65rem!important;font-weight:700!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#52525b!important}
.qc-ui.qc-ui .qcui-rg-v{font-size:.8125rem!important;font-weight:600!important;color:#18181b!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.qc-ui.qc-ui .qcui-rg-arrow{color:#52525b!important;flex:0 0 auto!important}
.qc-ui.qc-ui .qcui-rg-presets{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-bottom:10px!important}
.qc-ui.qc-ui .qcui-rg-preset{font-size:.72rem!important;font-weight:600!important;padding:5px 10px!important;min-height:30px!important;border-radius:999px!important;border:1px solid #e4e4e7!important;background:#fff!important;color:#3f3f46!important;cursor:pointer!important}
.qc-ui.qc-ui .qcui-rg-preset:hover{background:#f4f4f5!important}
.qc-ui.qc-ui .qcui-pick-foot .qcui-rg-apply{background-color:var(--brand)!important;color:var(--qcui-on-brand,var(--brand-contrast))!important;border-color:transparent!important}
/* 10. A field with a button attached ("e.g. Machine 1" + Add). The user reported the button sitting
      a few pixels off the input: a button sized by padding and an input sized by min-height never match
      by accident. Stretching the row makes the button take the input's OWN height, whatever that is,
      so they can never drift apart again. On a phone the button drops to its own full-width line. */
.qc-ui.qc-ui .qcui-field-row{display:flex!important;align-items:stretch!important;gap:8px!important}
.qc-ui.qc-ui .qcui-field-row>.input,.qc-ui.qc-ui .qcui-field-row>.select{flex:1 1 auto!important;min-width:0!important}
.qc-ui.qc-ui .qcui-field-row>button{flex:0 0 auto!important;margin-top:0!important;white-space:nowrap!important}
@media (max-width:720px){
  .qc-ui.qc-ui .qcui-field-row{flex-wrap:wrap!important}
  .qc-ui.qc-ui .qcui-field-row>button{width:100%!important;min-height:44px!important}
}
/* 11. The DROPDOWN. A native <select>'s option list is painted by the operating system and cannot be
      styled at all, which is why this app already draws a real one (qc-select.js: a styled panel with a
      SEARCH box, used on 147 selects). The kit reuses that widget rather than building a second one —
      these rules only make it wear the kit's shape, so a dropdown, an input and a date picker are the
      same control at 42px with the same border, radius and focus ring. */
.qc-ui.qc-ui .qcs{width:100%!important}
.qc-ui.qc-ui .qcs-btn{min-height:42px!important;height:auto!important;padding:0 12px!important;border-radius:.75rem!important;border:1px solid #e4e4e7!important;background-color:#fafafa!important;color:#18181b!important;font-family:inherit!important;font-size:.875rem!important;font-weight:400!important;box-shadow:none!important;width:100%!important;display:flex!important;align-items:center!important;gap:8px!important}
.qc-ui.qc-ui .qcs-btn:hover:not([disabled]){border-color:#d4d4d8!important;background-color:#fafafa!important}
.qc-ui.qc-ui .qcs-btn:focus-visible,.qc-ui.qc-ui .qcs.qcs-open .qcs-btn{border-color:color-mix(in srgb,var(--brand) 50%,transparent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 15%,transparent)!important;outline:none!important}
.qc-ui.qc-ui .qcs-btn.qcs-empty .qcs-label{color:#71717a!important}
.qc-ui.qc-ui .qcs-caret{color:#71717a!important;border-style:solid!important;border-width:0 2px 2px 0!important;border-color:currentColor!important}
/*   ^ The arrow IS a border (qc-select.css: border-right + border-bottom, rotated). The kit's reset sets every
       border inside .qc-ui to 0, which silently removed the arrow from every kit dropdown until this line. */
.qc-ui.qc-ui .qcs-panel,.qc-ui.qc-ui .qcs-sheet{border-radius:1rem!important;border:1px solid #e4e4e7!important;background-color:#fff!important;box-shadow:0 20px 45px rgba(0,0,0,.18)!important;font-family:inherit!important}
.qc-ui.qc-ui .qcs-search input{min-height:40px!important;border-radius:.75rem!important;border:1px solid #e4e4e7!important;background-color:#fafafa!important;font-size:.875rem!important;color:#18181b!important}
.qc-ui.qc-ui .qcs-search input:focus{border-color:color-mix(in srgb,var(--brand) 50%,transparent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 15%,transparent)!important;outline:none!important}
.qc-ui.qc-ui .qcs-opt{min-height:40px!important;border-radius:.5rem!important;font-size:.875rem!important;color:#18181b!important}
.qc-ui.qc-ui .qcs-opt:hover{background-color:#f4f4f5!important}
.qc-ui.qc-ui .qcs-opt.qcs-active{background-color:color-mix(in srgb,var(--brand) 12%,transparent)!important;color:#18181b!important}
.qc-ui.qc-ui .qcs-tick{color:var(--brand)!important}
@media (max-width:720px){.qc-ui.qc-ui .qcs-btn{min-height:44px!important;font-size:1rem!important}.qc-ui.qc-ui .qcs-opt{min-height:46px!important;font-size:1rem!important}}
/* 12. The rest of the vocabulary (user, 11 Sep: "add every UI element to the kit"). MES-Lite draws these
      with utility classes in the MARKUP and types its green there (arbitrary-value classes and inline
      `style="background:…"`), so the geometry below is copied from those templates and only the colours
      become tokens.
      Sources: tabs = HierarchyManagementView / PestControlReadingsView / StorageConfigView pill tabs;
      soft button, chips, person row, avatar, choice card = platform/CompanyGroupsView; pagination =
      components/admin/DataTable; tiles = CalibrationDashboardView; notice = the red strip used in 4 views;
      progress = PlansAndBillingView; drop zone = the 2 views with `border-2 border-dashed`. Text printed in
      the Branding colour uses --brand-darker: the accent itself on white is 2.2:1 for Starengts green. */
/* 12a. Secondary button follows Branding (user): white, a Branding edge, darker Branding text. */
.qc-ui.qc-ui.qc-ui .btn-secondary{background-color:#fff!important;border-color:color-mix(in srgb,var(--brand) 45%,transparent)!important;color:var(--brand-darker)!important}
.qc-ui.qc-ui.qc-ui .btn-secondary:hover{background-color:color-mix(in srgb,var(--brand) 8%,#fff)!important;border-color:var(--brand)!important;color:var(--brand-darker)!important}
/* 12a-2. Cancel / Close — a NEUTRAL grey button (user, 12 Sep: "we have no button like Cancel"; with a red
         Branding, Cancel beside Save beside Delete read as three red buttons). It is MES-Lite's own .btn-secondary
         look (zinc-100 fill, zinc-200 edge, zinc-900 text), kept under its own name since .btn-secondary now
         follows Branding. Use it for every button that backs out: Cancel, Close, Back. */
.qc-ui.qc-ui.qc-ui .qcui-btn-cancel{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.375rem!important;border-radius:.5rem!important;border:1px solid #e4e4e7!important;background-color:#f4f4f5!important;color:#18181b!important;padding:.5rem 1rem!important;font-weight:600!important;cursor:pointer!important;transition:background-color .2s,border-color .2s!important}
.qc-ui.qc-ui.qc-ui .qcui-btn-cancel:hover{background-color:#e4e4e7!important;border-color:#d4d4d8!important;color:#18181b!important}
/* 12a-3. ONE gutter. The kit pads its pages itself (px-4 = 16px); the app pads <main> (5px) and every
         <section> (15px) as well, so a kit page sat inside ~36px of white either side on a phone
         (reported). qc-ui.js measures the host padding it is actually sitting in and publishes it as
         --qcui-host-pad-*; this rule cancels exactly that. It must be a RULE, not an inline style:
         everything inside .qc-ui is !important, including Tailwind's `margin:0` reset. */
.qc-ui.qc-ui.qc-ui[data-qcui-gutter]{margin-left:calc(-1 * var(--qcui-host-pad-l,0px))!important;margin-right:calc(-1 * var(--qcui-host-pad-r,0px))!important}
/* 12a-4. A reference with a copy button (QCUI.ref): CHK-YYYY-NNNN and every other id a person
         quotes. The button is quiet until the row is hovered or it is focused, so a table of them
         does not turn into a wall of icons. */
.qc-ui.qc-ui .qcui-ref{display:inline-flex!important;align-items:center!important;gap:.25rem!important}
.qc-ui.qc-ui .qcui-ref-copy{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:22px!important;height:22px!important;border:0!important;border-radius:.375rem!important;background:transparent!important;color:#71717a!important;cursor:pointer!important;opacity:0!important;transition:opacity .15s,background-color .15s,color .15s!important;flex-shrink:0!important}
.qc-ui.qc-ui .qcui-ref:hover .qcui-ref-copy,.qc-ui.qc-ui tr:hover .qcui-ref-copy,.qc-ui.qc-ui .qcui-ref-copy:focus-visible{opacity:1!important}
.qc-ui.qc-ui .qcui-ref-copy:hover{background-color:#f4f4f5!important;color:#18181b!important}
.qc-ui.qc-ui .qcui-ref-copy.qcui-ref-done{opacity:1!important;color:var(--tone-green-solid)!important}
@media (hover:none){.qc-ui.qc-ui .qcui-ref-copy{opacity:1!important}}
/* 12a-5. Popups keep the SAME side gutter as a page on a phone/tablet: 16px, not the desktop 24px
         (user — "double padding in almost all modals"). Header, body and footer move together, or
         the title stops lining up with the fields under it. */
@media (max-width:720px){
  .qc-ui.qc-ui [role="dialog"]>div{padding-left:16px!important;padding-right:16px!important}
  .qc-ui.qc-ui [role="dialog"] .px-6{padding-left:16px!important;padding-right:16px!important}
}
/* 12a-6. Number tiles: as many per row as fit. It must be a CLASS — index.html has a phone rule
         `div[style*="grid-template-columns"]{grid-template-columns:1fr!important}` that matches ANY
         element carrying that inline style, so an inline template silently became one column. */
.qc-ui.qc-ui .qcui-tiles{display:grid!important;gap:.75rem!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}
@media (max-width:420px){.qc-ui.qc-ui .qcui-tiles{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important}}
/* 12b. Text in the Branding colour: a group label and a link. */
.qc-ui.qc-ui .qcui-group-brand{color:var(--brand-darker)!important}
.qc-ui.qc-ui .qcui-link{color:var(--brand-darker)!important;background:transparent!important;border:0!important;padding:0!important;font-weight:600!important;text-decoration:none!important;cursor:pointer!important}
.qc-ui.qc-ui .qcui-link:hover{color:var(--brand-darker)!important;background:transparent!important;text-decoration:underline!important}
/* 12c. Pill tabs. Selected = a Branding tint with a Branding edge, so the open tab is never in doubt. */
.qc-ui.qc-ui .qcui-tabs{display:flex!important;gap:.5rem!important;overflow-x:auto!important;padding-bottom:.25rem!important;scrollbar-width:none!important}
.qc-ui.qc-ui .qcui-tab{display:flex!important;align-items:center!important;gap:.375rem!important;padding:.5rem .875rem!important;border-radius:9999px!important;font-size:13px!important;font-weight:500!important;white-space:nowrap!important;flex-shrink:0!important;border:1px solid #e4e4e7!important;background-color:#fff!important;color:#52525b!important;cursor:pointer!important;transition:all .15s ease!important}
.qc-ui.qc-ui .qcui-tab:hover{border-color:#d4d4d8!important;background-color:#fff!important;color:#3f3f46!important}
.qc-ui.qc-ui .qcui-tab.qcui-tab-on,.qc-ui.qc-ui .qcui-tab.qcui-tab-on:hover{background-color:color-mix(in srgb,var(--brand) 15%,#fff)!important;border-color:color-mix(in srgb,var(--brand) 40%,transparent)!important;color:var(--brand-darker)!important;font-weight:600!important}
.qc-ui.qc-ui .qcui-tab-count{font-size:11px!important;font-weight:600!important;padding:0 .4rem!important;border-radius:9999px!important;background-color:#f4f4f5!important;color:#52525b!important}
.qc-ui.qc-ui .qcui-tab-on .qcui-tab-count{background-color:#fff!important;color:var(--brand-darker)!important}
/* 12d. Soft Branding button ("Assign User"), and a tinted Branding choice when ticked. */
.qc-ui.qc-ui .qcui-soft{background-color:color-mix(in srgb,var(--brand) 10%,#fff)!important;color:var(--brand-darker)!important;border:0!important;cursor:pointer!important}
.qc-ui.qc-ui .qcui-soft:hover{background-color:color-mix(in srgb,var(--brand) 18%,#fff)!important;color:var(--brand-darker)!important}
.qc-ui.qc-ui .qcui-choice{border-color:#e4e4e7!important;background-color:#fafafa!important}
.qc-ui.qc-ui .qcui-choice.qcui-choice-on{border-color:color-mix(in srgb,var(--brand) 40%,transparent)!important;background-color:color-mix(in srgb,var(--brand) 6%,#fff)!important}
.qc-ui.qc-ui .qcui-choice-tick{color:var(--brand-darker)!important;display:none!important}
.qc-ui.qc-ui .qcui-choice-on .qcui-choice-tick{display:block!important}
.qc-ui.qc-ui .qcui-accent{accent-color:var(--brand)!important;width:1rem!important;height:1rem!important;flex-shrink:0!important;cursor:pointer!important}
/* 12e. Avatar (initials on the Branding colour) and the remove "x" on a person or a chip. */
.qc-ui.qc-ui .qcui-avatar{background-color:var(--brand)!important;color:var(--qcui-on-brand,var(--brand-contrast))!important}
.qc-ui.qc-ui .qcui-remove{color:#b91c1c!important;background-color:transparent!important;border:0!important;cursor:pointer!important}
.qc-ui.qc-ui .qcui-remove:hover{color:#991b1b!important;background-color:#fee2e2!important}
/* 12f. Fold-open panel: the chevron turns when open. */
.qc-ui.qc-ui .qcui-collapse-head{width:100%!important;background:transparent!important;border:0!important;text-align:left!important;cursor:pointer!important;color:inherit!important}
.qc-ui.qc-ui .qcui-collapse-head:hover{background:transparent!important;color:inherit!important}
.qc-ui.qc-ui .qcui-chev{transition:transform .2s ease!important}
.qc-ui.qc-ui [data-qcui-open="1"] > .qcui-collapse-head .qcui-chev{transform:rotate(180deg)!important}
/* 12g. Pagination: the current page is solid Branding. */
.qc-ui.qc-ui .qcui-page{padding:.375rem .75rem!important;border-radius:.5rem!important;font-size:.75rem!important;border:1px solid #e4e4e7!important;background-color:#fff!important;color:#52525b!important;cursor:pointer!important;min-width:2rem!important}
.qc-ui.qc-ui .qcui-page:hover:not(:disabled){border-color:#d4d4d8!important;background-color:#fff!important;color:#18181b!important}
.qc-ui.qc-ui .qcui-page:disabled{opacity:.4!important;cursor:not-allowed!important}
.qc-ui.qc-ui .qcui-page.qcui-page-on,.qc-ui.qc-ui .qcui-page.qcui-page-on:hover{background-color:var(--brand)!important;border-color:var(--brand)!important;color:var(--qcui-on-brand,var(--brand-contrast))!important;font-weight:600!important}
/* 12h. Number tiles — a coloured bottom edge and number; the colour is a MEANING, so fixed tokens
        (except "brand", for a count that carries no meaning). */
.qc-ui.qc-ui .qcui-tile{border-bottom-width:4px!important}
.qc-ui.qc-ui .qcui-tile-grey{border-bottom-color:#d4d4d8!important}.qc-ui.qc-ui .qcui-tile-grey .qcui-tile-n{color:#18181b!important}
.qc-ui.qc-ui .qcui-tile-brand{border-bottom-color:var(--brand)!important}.qc-ui.qc-ui .qcui-tile-brand .qcui-tile-n{color:var(--brand-darker)!important}
.qc-ui.qc-ui .qcui-tile-ok{border-bottom-color:var(--ok)!important}.qc-ui.qc-ui .qcui-tile-ok .qcui-tile-n{color:var(--ok-darker)!important}
.qc-ui.qc-ui .qcui-tile-danger{border-bottom-color:var(--danger)!important}.qc-ui.qc-ui .qcui-tile-danger .qcui-tile-n{color:#991b1b!important}
.qc-ui.qc-ui .qcui-tile-warn{border-bottom-color:var(--warn)!important}.qc-ui.qc-ui .qcui-tile-warn .qcui-tile-n{color:#92400e!important}
.qc-ui.qc-ui .qcui-tile-info{border-bottom-color:var(--info)!important}.qc-ui.qc-ui .qcui-tile-info .qcui-tile-n{color:var(--info-dark)!important}
/* 12i. Notice strip (info / success / warning / error): a 10% tint, a 20% edge, the -800 text. */
.qc-ui.qc-ui .qcui-note{display:flex!important;gap:.625rem!important;align-items:flex-start!important;padding:.75rem!important;border-radius:.75rem!important;border:1px solid transparent!important;font-size:.75rem!important;line-height:1.1rem!important}
.qc-ui.qc-ui .qcui-note-info{background-color:color-mix(in srgb,var(--info) 10%,#fff)!important;border-color:color-mix(in srgb,var(--info) 30%,transparent)!important;color:var(--info-dark)!important}
.qc-ui.qc-ui .qcui-note-success{background-color:color-mix(in srgb,var(--ok) 10%,#fff)!important;border-color:color-mix(in srgb,var(--ok) 30%,transparent)!important;color:var(--ok-darker)!important}
.qc-ui.qc-ui .qcui-note-warning{background-color:color-mix(in srgb,var(--warn) 10%,#fff)!important;border-color:color-mix(in srgb,var(--warn) 35%,transparent)!important;color:#92400e!important}
.qc-ui.qc-ui .qcui-note-error{background-color:color-mix(in srgb,var(--danger) 10%,#fff)!important;border-color:color-mix(in srgb,var(--danger) 25%,transparent)!important;color:#991b1b!important}
/* 12j. Progress bar. MES-Lite's track is theme-bg-surface, which is white-on-white inside a card. */
.qc-ui.qc-ui .qcui-bar-track{height:.375rem!important;background-color:#e4e4e7!important;border-radius:9999px!important;overflow:hidden!important}
.qc-ui.qc-ui .qcui-bar{height:100%!important;border-radius:9999px!important;background-color:var(--brand)!important;transition:width .3s ease!important}
.qc-ui.qc-ui .qcui-bar-ok{background-color:var(--ok)!important}.qc-ui.qc-ui .qcui-bar-warn{background-color:var(--warn)!important}.qc-ui.qc-ui .qcui-bar-danger{background-color:var(--danger)!important}
/* 12k. File / photo drop zone. */
.qc-ui.qc-ui .qcui-drop{border:2px dashed #d4d4d8!important;border-radius:.75rem!important;background-color:#fafafa!important;cursor:pointer!important;color:#52525b!important}
.qc-ui.qc-ui .qcui-drop:hover,.qc-ui.qc-ui .qcui-drop.qcui-drop-over{border-color:var(--brand)!important;background-color:color-mix(in srgb,var(--brand) 6%,#fff)!important;color:#3f3f46!important}
/* 3. index.html fixes phone textareas and fields at 44px high (!important). Kit fields size themselves. */
.qc-ui.qc-ui input,.qc-ui.qc-ui select,.qc-ui.qc-ui textarea{height:auto!important;line-height:1.5!important;z-index:auto!important;outline:none!important;position:static!important}
/*    (index.html also makes every field position:relative, which lifts it OVER the search box's magnifier icon.) */

/* 13. Tones — one colour per status / action; values in brand-tokens.css (--tone-*). Generated. */
.qc-ui.qc-ui.qc-ui [class*="qcui-act-"]:hover{transform:scale(1.05)!important;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1)!important}
.qc-ui.qc-ui.qc-ui .qcui-tone-green{font-size:.75rem!important;line-height:1rem!important;padding:.125rem .625rem!important;border-radius:9999px!important;font-weight:500!important;background-color:var(--tone-green-bg)!important;color:var(--tone-green-fg)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-green{color:var(--tone-green-solid)!important;border:1px solid color-mix(in srgb,var(--tone-green-solid) 30%,transparent)!important;background-color:color-mix(in srgb,var(--tone-green-solid) 10%,transparent)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-green:hover{color:var(--tone-green-solid)!important;border-color:color-mix(in srgb,var(--tone-green-solid) 55%,transparent)!important;background-color:color-mix(in srgb,var(--tone-green-solid) 20%,transparent)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--green{border-color:var(--tone-green-solid)!important;color:var(--tone-green-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-edge-green{border-left-width:4px!important;border-left-style:solid!important;border-left-color:var(--tone-green-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-outline-green{border:1px solid var(--tone-green-solid)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--green:hover:not(:disabled){background:var(--tone-green-solid)!important;color:#fff!important}
.qc-ui.qc-ui.qc-ui .qcui-tone-emerald{font-size:.75rem!important;line-height:1rem!important;padding:.125rem .625rem!important;border-radius:9999px!important;font-weight:500!important;background-color:var(--tone-emerald-bg)!important;color:var(--tone-emerald-fg)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-emerald{color:var(--tone-emerald-solid)!important;border:1px solid color-mix(in srgb,var(--tone-emerald-solid) 30%,transparent)!important;background-color:color-mix(in srgb,var(--tone-emerald-solid) 10%,transparent)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-emerald:hover{color:var(--tone-emerald-solid)!important;border-color:color-mix(in srgb,var(--tone-emerald-solid) 55%,transparent)!important;background-color:color-mix(in srgb,var(--tone-emerald-solid) 20%,transparent)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--emerald{border-color:var(--tone-emerald-solid)!important;color:var(--tone-emerald-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-edge-emerald{border-left-width:4px!important;border-left-style:solid!important;border-left-color:var(--tone-emerald-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-outline-emerald{border:1px solid var(--tone-emerald-solid)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--emerald:hover:not(:disabled){background:var(--tone-emerald-solid)!important;color:#fff!important}
.qc-ui.qc-ui.qc-ui .qcui-tone-lime{font-size:.75rem!important;line-height:1rem!important;padding:.125rem .625rem!important;border-radius:9999px!important;font-weight:500!important;background-color:var(--tone-lime-bg)!important;color:var(--tone-lime-fg)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-lime{color:var(--tone-lime-solid)!important;border:1px solid color-mix(in srgb,var(--tone-lime-solid) 30%,transparent)!important;background-color:color-mix(in srgb,var(--tone-lime-solid) 10%,transparent)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-lime:hover{color:var(--tone-lime-solid)!important;border-color:color-mix(in srgb,var(--tone-lime-solid) 55%,transparent)!important;background-color:color-mix(in srgb,var(--tone-lime-solid) 20%,transparent)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--lime{border-color:var(--tone-lime-solid)!important;color:var(--tone-lime-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-edge-lime{border-left-width:4px!important;border-left-style:solid!important;border-left-color:var(--tone-lime-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-outline-lime{border:1px solid var(--tone-lime-solid)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--lime:hover:not(:disabled){background:var(--tone-lime-solid)!important;color:#fff!important}
.qc-ui.qc-ui.qc-ui .qcui-tone-teal{font-size:.75rem!important;line-height:1rem!important;padding:.125rem .625rem!important;border-radius:9999px!important;font-weight:500!important;background-color:var(--tone-teal-bg)!important;color:var(--tone-teal-fg)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-teal{color:var(--tone-teal-solid)!important;border:1px solid color-mix(in srgb,var(--tone-teal-solid) 30%,transparent)!important;background-color:color-mix(in srgb,var(--tone-teal-solid) 10%,transparent)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-teal:hover{color:var(--tone-teal-solid)!important;border-color:color-mix(in srgb,var(--tone-teal-solid) 55%,transparent)!important;background-color:color-mix(in srgb,var(--tone-teal-solid) 20%,transparent)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--teal{border-color:var(--tone-teal-solid)!important;color:var(--tone-teal-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-edge-teal{border-left-width:4px!important;border-left-style:solid!important;border-left-color:var(--tone-teal-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-outline-teal{border:1px solid var(--tone-teal-solid)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--teal:hover:not(:disabled){background:var(--tone-teal-solid)!important;color:#fff!important}
.qc-ui.qc-ui.qc-ui .qcui-tone-cyan{font-size:.75rem!important;line-height:1rem!important;padding:.125rem .625rem!important;border-radius:9999px!important;font-weight:500!important;background-color:var(--tone-cyan-bg)!important;color:var(--tone-cyan-fg)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-cyan{color:var(--tone-cyan-solid)!important;border:1px solid color-mix(in srgb,var(--tone-cyan-solid) 30%,transparent)!important;background-color:color-mix(in srgb,var(--tone-cyan-solid) 10%,transparent)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-cyan:hover{color:var(--tone-cyan-solid)!important;border-color:color-mix(in srgb,var(--tone-cyan-solid) 55%,transparent)!important;background-color:color-mix(in srgb,var(--tone-cyan-solid) 20%,transparent)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--cyan{border-color:var(--tone-cyan-solid)!important;color:var(--tone-cyan-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-edge-cyan{border-left-width:4px!important;border-left-style:solid!important;border-left-color:var(--tone-cyan-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-outline-cyan{border:1px solid var(--tone-cyan-solid)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--cyan:hover:not(:disabled){background:var(--tone-cyan-solid)!important;color:#fff!important}
.qc-ui.qc-ui.qc-ui .qcui-tone-sky{font-size:.75rem!important;line-height:1rem!important;padding:.125rem .625rem!important;border-radius:9999px!important;font-weight:500!important;background-color:var(--tone-sky-bg)!important;color:var(--tone-sky-fg)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-sky{color:var(--tone-sky-solid)!important;border:1px solid color-mix(in srgb,var(--tone-sky-solid) 30%,transparent)!important;background-color:color-mix(in srgb,var(--tone-sky-solid) 10%,transparent)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-sky:hover{color:var(--tone-sky-solid)!important;border-color:color-mix(in srgb,var(--tone-sky-solid) 55%,transparent)!important;background-color:color-mix(in srgb,var(--tone-sky-solid) 20%,transparent)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--sky{border-color:var(--tone-sky-solid)!important;color:var(--tone-sky-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-edge-sky{border-left-width:4px!important;border-left-style:solid!important;border-left-color:var(--tone-sky-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-outline-sky{border:1px solid var(--tone-sky-solid)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--sky:hover:not(:disabled){background:var(--tone-sky-solid)!important;color:#fff!important}
.qc-ui.qc-ui.qc-ui .qcui-tone-blue{font-size:.75rem!important;line-height:1rem!important;padding:.125rem .625rem!important;border-radius:9999px!important;font-weight:500!important;background-color:var(--tone-blue-bg)!important;color:var(--tone-blue-fg)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-blue{color:var(--tone-blue-solid)!important;border:1px solid color-mix(in srgb,var(--tone-blue-solid) 30%,transparent)!important;background-color:color-mix(in srgb,var(--tone-blue-solid) 10%,transparent)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-blue:hover{color:var(--tone-blue-solid)!important;border-color:color-mix(in srgb,var(--tone-blue-solid) 55%,transparent)!important;background-color:color-mix(in srgb,var(--tone-blue-solid) 20%,transparent)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--blue{border-color:var(--tone-blue-solid)!important;color:var(--tone-blue-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-edge-blue{border-left-width:4px!important;border-left-style:solid!important;border-left-color:var(--tone-blue-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-outline-blue{border:1px solid var(--tone-blue-solid)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--blue:hover:not(:disabled){background:var(--tone-blue-solid)!important;color:#fff!important}
.qc-ui.qc-ui.qc-ui .qcui-tone-indigo{font-size:.75rem!important;line-height:1rem!important;padding:.125rem .625rem!important;border-radius:9999px!important;font-weight:500!important;background-color:var(--tone-indigo-bg)!important;color:var(--tone-indigo-fg)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-indigo{color:var(--tone-indigo-solid)!important;border:1px solid color-mix(in srgb,var(--tone-indigo-solid) 30%,transparent)!important;background-color:color-mix(in srgb,var(--tone-indigo-solid) 10%,transparent)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-indigo:hover{color:var(--tone-indigo-solid)!important;border-color:color-mix(in srgb,var(--tone-indigo-solid) 55%,transparent)!important;background-color:color-mix(in srgb,var(--tone-indigo-solid) 20%,transparent)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--indigo{border-color:var(--tone-indigo-solid)!important;color:var(--tone-indigo-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-edge-indigo{border-left-width:4px!important;border-left-style:solid!important;border-left-color:var(--tone-indigo-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-outline-indigo{border:1px solid var(--tone-indigo-solid)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--indigo:hover:not(:disabled){background:var(--tone-indigo-solid)!important;color:#fff!important}
.qc-ui.qc-ui.qc-ui .qcui-tone-violet{font-size:.75rem!important;line-height:1rem!important;padding:.125rem .625rem!important;border-radius:9999px!important;font-weight:500!important;background-color:var(--tone-violet-bg)!important;color:var(--tone-violet-fg)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-violet{color:var(--tone-violet-solid)!important;border:1px solid color-mix(in srgb,var(--tone-violet-solid) 30%,transparent)!important;background-color:color-mix(in srgb,var(--tone-violet-solid) 10%,transparent)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-violet:hover{color:var(--tone-violet-solid)!important;border-color:color-mix(in srgb,var(--tone-violet-solid) 55%,transparent)!important;background-color:color-mix(in srgb,var(--tone-violet-solid) 20%,transparent)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--violet{border-color:var(--tone-violet-solid)!important;color:var(--tone-violet-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-edge-violet{border-left-width:4px!important;border-left-style:solid!important;border-left-color:var(--tone-violet-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-outline-violet{border:1px solid var(--tone-violet-solid)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--violet:hover:not(:disabled){background:var(--tone-violet-solid)!important;color:#fff!important}
.qc-ui.qc-ui.qc-ui .qcui-tone-fuchsia{font-size:.75rem!important;line-height:1rem!important;padding:.125rem .625rem!important;border-radius:9999px!important;font-weight:500!important;background-color:var(--tone-fuchsia-bg)!important;color:var(--tone-fuchsia-fg)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-fuchsia{color:var(--tone-fuchsia-solid)!important;border:1px solid color-mix(in srgb,var(--tone-fuchsia-solid) 30%,transparent)!important;background-color:color-mix(in srgb,var(--tone-fuchsia-solid) 10%,transparent)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-fuchsia:hover{color:var(--tone-fuchsia-solid)!important;border-color:color-mix(in srgb,var(--tone-fuchsia-solid) 55%,transparent)!important;background-color:color-mix(in srgb,var(--tone-fuchsia-solid) 20%,transparent)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--fuchsia{border-color:var(--tone-fuchsia-solid)!important;color:var(--tone-fuchsia-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-edge-fuchsia{border-left-width:4px!important;border-left-style:solid!important;border-left-color:var(--tone-fuchsia-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-outline-fuchsia{border:1px solid var(--tone-fuchsia-solid)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--fuchsia:hover:not(:disabled){background:var(--tone-fuchsia-solid)!important;color:#fff!important}
.qc-ui.qc-ui.qc-ui .qcui-tone-pink{font-size:.75rem!important;line-height:1rem!important;padding:.125rem .625rem!important;border-radius:9999px!important;font-weight:500!important;background-color:var(--tone-pink-bg)!important;color:var(--tone-pink-fg)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-pink{color:var(--tone-pink-solid)!important;border:1px solid color-mix(in srgb,var(--tone-pink-solid) 30%,transparent)!important;background-color:color-mix(in srgb,var(--tone-pink-solid) 10%,transparent)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-pink:hover{color:var(--tone-pink-solid)!important;border-color:color-mix(in srgb,var(--tone-pink-solid) 55%,transparent)!important;background-color:color-mix(in srgb,var(--tone-pink-solid) 20%,transparent)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--pink{border-color:var(--tone-pink-solid)!important;color:var(--tone-pink-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-edge-pink{border-left-width:4px!important;border-left-style:solid!important;border-left-color:var(--tone-pink-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-outline-pink{border:1px solid var(--tone-pink-solid)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--pink:hover:not(:disabled){background:var(--tone-pink-solid)!important;color:#fff!important}
.qc-ui.qc-ui.qc-ui .qcui-tone-red{font-size:.75rem!important;line-height:1rem!important;padding:.125rem .625rem!important;border-radius:9999px!important;font-weight:500!important;background-color:var(--tone-red-bg)!important;color:var(--tone-red-fg)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-red{color:var(--tone-red-solid)!important;border:1px solid color-mix(in srgb,var(--tone-red-solid) 30%,transparent)!important;background-color:color-mix(in srgb,var(--tone-red-solid) 10%,transparent)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-red:hover{color:var(--tone-red-solid)!important;border-color:color-mix(in srgb,var(--tone-red-solid) 55%,transparent)!important;background-color:color-mix(in srgb,var(--tone-red-solid) 20%,transparent)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--red{border-color:var(--tone-red-solid)!important;color:var(--tone-red-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-edge-red{border-left-width:4px!important;border-left-style:solid!important;border-left-color:var(--tone-red-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-outline-red{border:1px solid var(--tone-red-solid)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--red:hover:not(:disabled){background:var(--tone-red-solid)!important;color:#fff!important}
.qc-ui.qc-ui.qc-ui .qcui-tone-orange{font-size:.75rem!important;line-height:1rem!important;padding:.125rem .625rem!important;border-radius:9999px!important;font-weight:500!important;background-color:var(--tone-orange-bg)!important;color:var(--tone-orange-fg)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-orange{color:var(--tone-orange-solid)!important;border:1px solid color-mix(in srgb,var(--tone-orange-solid) 30%,transparent)!important;background-color:color-mix(in srgb,var(--tone-orange-solid) 10%,transparent)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-orange:hover{color:var(--tone-orange-solid)!important;border-color:color-mix(in srgb,var(--tone-orange-solid) 55%,transparent)!important;background-color:color-mix(in srgb,var(--tone-orange-solid) 20%,transparent)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--orange{border-color:var(--tone-orange-solid)!important;color:var(--tone-orange-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-edge-orange{border-left-width:4px!important;border-left-style:solid!important;border-left-color:var(--tone-orange-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-outline-orange{border:1px solid var(--tone-orange-solid)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--orange:hover:not(:disabled){background:var(--tone-orange-solid)!important;color:#fff!important}
.qc-ui.qc-ui.qc-ui .qcui-tone-amber{font-size:.75rem!important;line-height:1rem!important;padding:.125rem .625rem!important;border-radius:9999px!important;font-weight:500!important;background-color:var(--tone-amber-bg)!important;color:var(--tone-amber-fg)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-amber{color:var(--tone-amber-solid)!important;border:1px solid color-mix(in srgb,var(--tone-amber-solid) 30%,transparent)!important;background-color:color-mix(in srgb,var(--tone-amber-solid) 10%,transparent)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-amber:hover{color:var(--tone-amber-solid)!important;border-color:color-mix(in srgb,var(--tone-amber-solid) 55%,transparent)!important;background-color:color-mix(in srgb,var(--tone-amber-solid) 20%,transparent)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--amber{border-color:var(--tone-amber-solid)!important;color:var(--tone-amber-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-edge-amber{border-left-width:4px!important;border-left-style:solid!important;border-left-color:var(--tone-amber-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-outline-amber{border:1px solid var(--tone-amber-solid)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--amber:hover:not(:disabled){background:var(--tone-amber-solid)!important;color:#fff!important}
.qc-ui.qc-ui.qc-ui .qcui-tone-stone{font-size:.75rem!important;line-height:1rem!important;padding:.125rem .625rem!important;border-radius:9999px!important;font-weight:500!important;background-color:var(--tone-stone-bg)!important;color:var(--tone-stone-fg)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-stone{color:var(--tone-stone-solid)!important;border:1px solid color-mix(in srgb,var(--tone-stone-solid) 30%,transparent)!important;background-color:color-mix(in srgb,var(--tone-stone-solid) 10%,transparent)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-stone:hover{color:var(--tone-stone-solid)!important;border-color:color-mix(in srgb,var(--tone-stone-solid) 55%,transparent)!important;background-color:color-mix(in srgb,var(--tone-stone-solid) 20%,transparent)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--stone{border-color:var(--tone-stone-solid)!important;color:var(--tone-stone-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-edge-stone{border-left-width:4px!important;border-left-style:solid!important;border-left-color:var(--tone-stone-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-outline-stone{border:1px solid var(--tone-stone-solid)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--stone:hover:not(:disabled){background:var(--tone-stone-solid)!important;color:#fff!important}
.qc-ui.qc-ui.qc-ui .qcui-tone-slate{font-size:.75rem!important;line-height:1rem!important;padding:.125rem .625rem!important;border-radius:9999px!important;font-weight:500!important;background-color:var(--tone-slate-bg)!important;color:var(--tone-slate-fg)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-slate{color:var(--tone-slate-solid)!important;border:1px solid color-mix(in srgb,var(--tone-slate-solid) 30%,transparent)!important;background-color:color-mix(in srgb,var(--tone-slate-solid) 10%,transparent)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-slate:hover{color:var(--tone-slate-solid)!important;border-color:color-mix(in srgb,var(--tone-slate-solid) 55%,transparent)!important;background-color:color-mix(in srgb,var(--tone-slate-solid) 20%,transparent)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--slate{border-color:var(--tone-slate-solid)!important;color:var(--tone-slate-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-edge-slate{border-left-width:4px!important;border-left-style:solid!important;border-left-color:var(--tone-slate-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-outline-slate{border:1px solid var(--tone-slate-solid)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--slate:hover:not(:disabled){background:var(--tone-slate-solid)!important;color:#fff!important}
.qc-ui.qc-ui.qc-ui .qcui-tone-zinc{font-size:.75rem!important;line-height:1rem!important;padding:.125rem .625rem!important;border-radius:9999px!important;font-weight:500!important;background-color:var(--tone-zinc-bg)!important;color:var(--tone-zinc-fg)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-zinc{color:var(--tone-zinc-solid)!important;border:1px solid color-mix(in srgb,var(--tone-zinc-solid) 30%,transparent)!important;background-color:color-mix(in srgb,var(--tone-zinc-solid) 10%,transparent)!important}
.qc-ui.qc-ui.qc-ui .qcui-act-zinc:hover{color:var(--tone-zinc-solid)!important;border-color:color-mix(in srgb,var(--tone-zinc-solid) 55%,transparent)!important;background-color:color-mix(in srgb,var(--tone-zinc-solid) 20%,transparent)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--zinc{border-color:var(--tone-zinc-solid)!important;color:var(--tone-zinc-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-edge-zinc{border-left-width:4px!important;border-left-style:solid!important;border-left-color:var(--tone-zinc-solid)!important}
.qc-ui.qc-ui.qc-ui .qcui-outline-zinc{border:1px solid var(--tone-zinc-solid)!important}
.qc-ui.qc-ui.qc-ui .ta-btn--zinc:hover:not(:disabled){background:var(--tone-zinc-solid)!important;color:#fff!important}