.modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.6);z-index:9998;opacity:0;transition:opacity 0.3s ease}.modal-overlay.active{display:flex;align-items:center;justify-content:center;opacity:1}.modal-container{position:relative;background:white;border-radius:var(--border-radius,8px);max-width:90%;width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px rgba(0,0,0,0.2);transform:scale(0.9);transition:transform 0.3s ease;margin:1rem}.modal-overlay.active .modal-container{transform:scale(1)}.modal-header{padding:1.5rem;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.modal-header h2{margin:0;font-size:1.5rem;color:var(--dark-text,var(--color-fg))}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-fg-subtle);padding:0.25rem 0.5rem;line-height:1;transition:color 0.2s}.modal-close:hover{color:var(--color-fg)}.modal-body{padding:1.5rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border);display:flex;gap:0.75rem;justify-content:flex-end}.modal-body .form-group{margin-bottom:1rem}.modal-body label{display:block;margin-bottom:0.5rem;font-weight:600;color:var(--dark-text,var(--color-fg))}.modal-body input[type='text'],.modal-body input[type='email'],.modal-body input[type='tel'],.modal-body input[type='url'],.modal-body textarea{width:100%;padding:0.75rem;border:1px solid var(--color-border);border-radius:4px;font-size:1rem;font-family:inherit;transition:border-color 0.2s}.modal-body input:focus,.modal-body textarea:focus{outline:none;border-color:var(--primary-color,var(--color-brand))}.modal-body textarea{min-height:100px;resize:vertical}.modal-body .form-error{color:var(--color-danger);font-size:0.875rem;margin-top:0.25rem;display:none}.modal-body .form-group.error .form-error{display:block}.modal-body .form-group.error input,.modal-body .form-group.error textarea{border-color:var(--color-danger)}.modal-message{padding:1rem;border-radius:4px;margin-bottom:1rem;display:none}.modal-message.success{background-color:var(--color-success-bg);color:var(--color-success-fg);border:1px solid var(--color-success-border);display:block}.modal-message.error{background-color:var(--color-danger-bg);color:var(--color-danger-fg);border:1px solid var(--color-danger);display:block}@media (max-width:576px){.modal-container{max-width:95%;width:100%;max-height:95vh;margin:0.5rem;border-radius:12px}.modal-header{padding:1rem}.modal-header h2{font-size:1.25rem}.modal-body{padding:1rem}.modal-footer{padding:0.75rem 1rem;flex-direction:column}.modal-footer .btn{width:100%}}body.modal-open{overflow:hidden}.modal-loading{display:none;text-align:center;padding:1rem}.modal-loading.active{display:block}.modal-loading::after{content:'';display:inline-block;width:2rem;height:2rem;border:3px solid var(--color-surface-sunken);border-top:3px solid var(--primary-color,var(--color-brand));border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}