
        /*.error {*/
        /*    color: #dc3545;*/
        /*    font-size: 0.875rem;*/
        /*    margin-top: 0.25rem;*/
        /*    display: block;*/
        /*}*/
        
        /*.input-error {*/
        /*    border-color: #dc3545 !important;*/
        /*    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;*/
        /*}*/
        
        /*.valid {*/
        /*    border-color: #198754 !important;*/
        /*    box-shadow: 0 0 0 0.2rem rgba(25, 135, 84, 0.25) !important;*/
        /*}*/
        
        /*.drop-area {*/
        /*    border: 2px dashed #dee2e6;*/
        /*    border-radius: 8px;*/
        /*    padding: 2rem;*/
        /*    text-align: center;*/
        /*    cursor: pointer;*/
        /*    transition: all 0.3s ease;*/
        /*    display: block;*/
        /*    background: #f8f9fa;*/
        /*}*/
        
        /*.drop-area:hover {*/
        /*    border-color: #6c757d;*/
        /*    background: #e9ecef;*/
        /*}*/
        
        /*.drop-area.drag-over {*/
        /*    border-color: #0d6efd;*/
        /*    background: #e7f1ff;*/
        /*}*/
        
        /*.box-file {*/
        /*    color: #0d6efd;*/
        /*    text-decoration: underline;*/
        /*    cursor: pointer;*/
        /*    margin-left: 0.25rem;*/
        /*}*/
        
        /*.temperament-option {*/
        /*    padding: 0.5rem 1rem;*/
        /*    background: #f8f9fa;*/
        /*    border: 1px solid #dee2e6;*/
        /*    border-radius: 20px;*/
        /*    cursor: pointer;*/
        /*    transition: all 0.3s ease;*/
        /*}*/
        
        /*.temperament-option:hover {*/
        /*    background: #e9ecef;*/
        /*}*/
        
        /*.temperament-option.selected {*/
        /*    background: #0d6efd;*/
        /*    color: white;*/
        /*    border-color: #0d6efd;*/
        /*}*/
        
        /*.section-title {*/
        /*    color: #495057;*/
        /*    font-weight: 600;*/
        /*    margin-bottom: 1rem;*/
        /*}*/
        
        /*.bg-light {*/
        /*    background-color: #f8f9fa !important;*/
        /*    padding: 1.5rem;*/
        /*    border-radius: 8px;*/
        /*    margin-top: 1rem;*/
        /*}*/
        
        /*.preview-container {*/
        /*    margin-top: 1rem;*/
        /*    text-align: center;*/
        /*}*/
        
        /*.preview-image {*/
        /*    max-width: 150px;*/
        /*    max-height: 150px;*/
        /*    border-radius: 8px;*/
        /*    box-shadow: 0 2px 4px rgba(0,0,0,0.1);*/
        /*}*/
        
        /*.file-info {*/
        /*    background: #e9ecef;*/
        /*    padding: 0.5rem 1rem;*/
        /*    border-radius: 4px;*/
        /*    margin-top: 0.5rem;*/
        /*    font-size: 0.875rem;*/
        /*}*/
        
        /*.primary-btn {*/
        /*    background: #0d6efd;*/
        /*    color: white;*/
        /*    border: none;*/
        /*    padding: 0.75rem 2rem;*/
        /*    border-radius: 6px;*/
        /*    font-weight: 500;*/
        /*    transition: all 0.3s ease;*/
        /*}*/
        
        /*.primary-btn:hover {*/
        /*    background: #0b5ed7;*/
        /*    transform: translateY(-1px);*/
        /*}*/
        
        /*.primary-btn-outline {*/
        /*    background: transparent;*/
        /*    color: #6c757d;*/
        /*    border: 1px solid #dee2e6;*/
        /*    padding: 0.75rem 2rem;*/
        /*    border-radius: 6px;*/
        /*    font-weight: 500;*/
        /*    transition: all 0.3s ease;*/
        /*}*/
        
        /*.primary-btn-outline:hover {*/
        /*    background: #f8f9fa;*/
        /*    border-color: #adb5bd;*/
        /*}*/
