*{margin:0;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}*,::after,::before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}.ux-app{height:100vh;display:grid;grid-template-columns:300px 1fr;grid-template-rows:42px 1fr;overflow:hidden;--border-radius:0.375rem;--border-radius-lg:0.5rem;--border-radius-pill:50rem;--border-radius-sm:0.25rem;--border-radius-xl:1rem;--border-radius-xxl:2rem;--color-main:#3b82f6;--border-color:#525252;}.ux-app input[type="checkbox"],.ux-app input[type="radio"]{appearance:none;-webkit-appearance:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;width:18px;height:18px;margin:0;padding:0;display:inline-block;vertical-align:middle;cursor:pointer;background-color:var(--bg-card);border:1px solid var(--border-color);-o-transition:all 0.2s cubic-bezier(0.4,0,0.2,1);-moz-transition:all 0.2s cubic-bezier(0.4,0,0.2,1);-webkit-transition:all 0.2s cubic-bezier(0.4,0,0.2,1);-ms-transition:all 0.2s cubic-bezier(0.4,0,0.2,1);transition:all 0.2s cubic-bezier(0.4,0,0.2,1);outline:none;}.ux-app input[type="checkbox"]:hover,.ux-app input[type="radio"]:hover{border-color:color-mix(in srgb,var(--border-color),white 15%);}.ux-app input[type="checkbox"]:focus-visible,.ux-app input[type="radio"]:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-main) 30%,transparent);}.ux-app input[type="checkbox"]:checked,.ux-app input[type="radio"]:checked{background-color:var(--color-main);border-color:var(--color-main);}.ux-app input[type="checkbox"]:indeterminate,.ux-app input[type="radio"]:indeterminate{background-color:var(--color-main);border-color:var(--color-main);}.ux-app input[type="checkbox"]:disabled,.ux-app input[type="radio"]:disabled{-moz-opacity:0.5;opacity:0.5;cursor:not-allowed;}.ux-app input[type="checkbox"]{border-radius:var(--border-radius);}.ux-app input[type="checkbox"]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");-o-background-size:70%;-moz-background-size:70%;-webkit-background-size:70%;-ms-background-size:70%;background-size:70%;background-position:center center;background-repeat:no-repeat;}.ux-app input[type="checkbox"]:indeterminate{background-color:color-mix(in srgb,var(--color-main) 45%,white);border-color:var(--color-main);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'%3E%3Cline x1='6' y1='12' x2='18' y2='12'%3E%3C/line%3E%3C/svg%3E");-o-background-size:70%;-moz-background-size:70%;-webkit-background-size:70%;-ms-background-size:70%;background-size:70%;background-position:center center;background-repeat:no-repeat;}.ux-app input[type="radio"]{border-radius:50%;}.ux-app input[type="radio"]:checked{background-image:-o-radial-gradient(circle,white 40%,transparent 45%);background-image:-moz-radial-gradient(circle,white 40%,transparent 45%);background-image:-webkit-radial-gradient(circle,white 40%,transparent 45%);background-image:-ms-radial-gradient(circle,white 40%,transparent 45%);background-image:radial-gradient(circle,white 40%,transparent 45%);}.ux-app .btn.icon{align-items:center;display:flex;height:28px;padding:4px !important;width:28px;}.ux-app .btn.icon img{display:block;height:auto;padding:1px;width:100%;}.ux-app .badge{background-color:var(--gray-500);color:#fff;border-color:var(--gray-500);border-style:solid;border-width:0;border-radius:var(--border-radius);font-size:80%;font-weight:500;line-height:1.2;padding:0.3em 0.45em;text-align:center;text-transform:lowercase;vertical-align:baseline;white-space:nowrap;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}.ux-app .badge.danger,.ux-app .badge.red{background:var(--red-500);border-color:var(--red-500);color:#fff;}.ux-app .progress{position:relative;width:100%;max-width:20rem;height:1.5rem;background:#444;border-radius:var(--border-radius-lg);overflow:hidden;-o-transition:opacity 0.5s ease;-moz-transition:opacity 0.5s ease;-webkit-transition:opacity 0.5s ease;-ms-transition:opacity 0.5s ease;transition:opacity 0.5s ease;}.ux-app .progress .progress-bar{position:relative;height:100%;background:var(--gray-400);color:#fff;border-color:var(--gray-500);border-style:solid;border-width:0;text-align:center;white-space:nowrap;width:0;-o-transition:width 0.3s ease,background 0.3s ease;-moz-transition:width 0.3s ease,background 0.3s ease;-webkit-transition:width 0.3s ease,background 0.3s ease;-ms-transition:width 0.3s ease,background 0.3s ease;transition:width 0.3s ease,background 0.3s ease;}.ux-app .progress .progress-bar.success,.ux-app .progress .progress-bar.green{background:var(--green-500);border-color:var(--green-500);color:#fff;}