@layer utilities{.modal-popup{font-family:var(--font-primary,"Nunito",sans-serif)!important;border-radius:12px!important;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)!important}.bg-primary{background-color:#2A75B6!important}.bg-primary-light,.hover\:bg-primary-light:hover{background-color:#5abefa!important}.modal-title{color:#1f2937!important;font-weight:600!important;font-size:1.25rem!important;margin-bottom:1rem!important}.modal-content{color:#6b7280!important;font-size:.875rem!important;line-height:1.5!important}.modal-confirm-btn{background-color:#2A75B6!important;border:none!important;border-radius:8px!important;padding:.75rem 1.5rem!important;font-weight:600!important;font-size:.875rem!important;transition:all .2s ease-in-out!important}.modal-confirm-btn:hover{background-color:#5abefa!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(90,160,230,.3)!important}.modal-cancel-btn{background-color:#f3f4f6!important;color:#374151!important;border:1px solid #d1d5db!important;border-radius:8px!important;padding:.75rem 1.5rem!important;font-weight:600!important;font-size:.875rem!important;transition:all .2s ease-in-out!important}.modal-cancel-btn:hover{background-color:#e5e7eb!important;border-color:#9ca3af!important}.modal-content-wrapper{width:100%;max-width:100%}.modal-input-group{margin-bottom:.75rem}.modal-label{display:block;font-weight:600;color:#1f2937;margin-bottom:.5rem;font-size:.875rem;letter-spacing:.025em}.modal-input{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.9375rem;transition:all .2s ease-in-out;background-color:#ffffff;min-height:48px}.modal-input:hover{border-color:#d1d5db;background-color:#fafafa}.modal-input:focus{outline:none;border-color:#2A75B6;box-shadow:0 0 0 4px rgba(42,117,182,.15);transform:translateY(-1px)}.modal-input::placeholder{color:#9ca3af}.modal-input-error{border-color:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,.1)!important}.modal-select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.9375rem;transition:all .2s ease-in-out;background-color:#ffffff;cursor:pointer;min-height:48px}.modal-select:hover{border-color:#d1d5db;background-color:#fafafa}.modal-select:focus{outline:none;border-color:#2A75B6;box-shadow:0 0 0 4px rgba(42,117,182,.15);transform:translateY(-1px)}.modal-file-input{padding:.75rem 1rem;border:2px dashed #d1d5db;background-color:#f9fafb;cursor:pointer;min-height:48px}.modal-file-input:hover{border-color:#2A75B6;background-color:#f0f9ff}.modal-error-message{color:#ef4444;font-size:.75rem;margin-top:.25rem;font-weight:500}.modal-loading{opacity:.6;pointer-events:none}.modal-loading .modal-input{background-color:#f9fafb}.modal-success{border-left:4px solid #10b981;background-color:#f0fdf4}.modal-error,.modal-success{padding:.75rem;border-radius:8px;margin-bottom:1rem}.modal-error{border-left:4px solid #ef4444;background-color:#fef2f2}@media (max-width:640px){.modal-popup{width:95%!important;margin:1rem!important}.modal-title{font-size:1.125rem!important}.modal-cancel-btn,.modal-confirm-btn{padding:.625rem 1.25rem!important;font-size:.8125rem!important}}}