.checkbox-container{display:inline-flex;align-items:center;margin-bottom:.75rem}.checkbox-container.disabled{opacity:.6;cursor:not-allowed}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:16px;color:var(--text-color);transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-container.disabled .checkbox-label{cursor:not-allowed}.checkbox-input{display:none}.checkbox-custom{width:1.25rem;height:1.25rem;border:2px solid var(--checkbox-border);border-radius:.25rem;background:var(--surface-color);position:relative;transition:all .3s ease;flex-shrink:0}.checkbox-input:checked+.checkbox-custom{background:var(--secondary-color);border-color:var(--secondary-color)}.checkbox-input:checked+.checkbox-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:.375rem;height:.75rem;border:solid var(--primary-color);border-width:0 2px 2px 0}.checkbox-input:focus+.checkbox-custom{box-shadow:0 0 0 3px rgba(247,201,72,.1);border-color:var(--secondary-color)}.checkbox-input:disabled+.checkbox-custom{background:var(--surface-color);border-color:var(--checkbox-border);cursor:not-allowed}.checkbox-input:checked:disabled+.checkbox-custom{background:var(--hint-text-color);border-color:var(--hint-text-color)}.checkbox-input:checked:disabled+.checkbox-custom:after{border-color:var(--surface-color)}.checkbox-text{font-weight:400;transition:all .3s ease}.checkbox-container.disabled .checkbox-text{color:var(--hint-text-color)}.checkbox-label:hover .checkbox-custom:not(.checkbox-input:disabled+.checkbox-custom){border-color:var(--secondary-color);background:var(--surface-elevated)}.dark-mode .checkbox-label{color:var(--text-color)!important}.dark-mode .checkbox-custom{background:var(--surface-color)!important;border-color:var(--checkbox-border)!important}.dark-mode .checkbox-input:checked+.checkbox-custom{background:var(--secondary-color)!important;border-color:var(--secondary-color)!important}.dark-mode .checkbox-input:checked+.checkbox-custom:after{border-color:var(--primary-color)!important}.dark-mode .checkbox-input:focus+.checkbox-custom{box-shadow:0 0 0 3px rgba(247,201,72,.3)!important;border-color:var(--secondary-color)!important}.dark-mode .checkbox-input:disabled+.checkbox-custom{background:var(--surface-color)!important;border-color:var(--checkbox-border)!important}.dark-mode .checkbox-input:checked:disabled+.checkbox-custom{background:var(--hint-text-color)!important;border-color:var(--hint-text-color)!important}.dark-mode .checkbox-input:checked:disabled+.checkbox-custom:after{border-color:var(--surface-color)!important}.dark-mode .checkbox-text{color:var(--text-color)!important}.dark-mode .checkbox-container.disabled .checkbox-text{color:var(--hint-text-color)!important}.dark-mode .checkbox-label:hover .checkbox-custom:not(.checkbox-input:disabled+.checkbox-custom){border-color:var(--secondary-color)!important;background:var(--surface-elevated)!important}.checkbox-input:focus-visible+.checkbox-custom{outline:2px solid var(--secondary-color);outline-offset:2px}.dark-mode .checkbox-input:focus-visible+.checkbox-custom{outline:2px solid var(--secondary-color);outline-offset:2px}@media (prefers-contrast:high){.checkbox-custom{border-width:3px}.checkbox-input:checked+.checkbox-custom:after{border-width:0 3px 3px 0}}@media (prefers-reduced-motion:reduce){.checkbox-container,.checkbox-custom,.checkbox-label,.checkbox-text{transition:none!important}}@media (max-width:768px){.checkbox-label{font-size:14px}.checkbox-custom{width:1.125rem;height:1.125rem}.checkbox-input:checked+.checkbox-custom:after{width:.3125rem;height:.625rem}}@media print{.checkbox-custom{background:#fff!important;border:2px solid #000!important}.checkbox-input:checked+.checkbox-custom{background:#000!important}.checkbox-input:checked+.checkbox-custom:after{border-color:#fff!important}.dark-mode .checkbox-custom{background:#fff!important;border:2px solid #000!important}.dark-mode .checkbox-input:checked+.checkbox-custom{background:#000!important}}@media (hover:none) and (pointer:coarse){.checkbox-custom{width:1.5rem;height:1.5rem}.checkbox-label{gap:1rem}.checkbox-input:checked+.checkbox-custom:after{width:.5rem;height:1rem}}