.modal-content{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:none}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid #e3e6f0;background:var(--color-white)}.modal-title{font-size:1.1rem;font-weight:600;color:var(--color-text-dark);margin:0}.modal-header .close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;color:var(--color-text-secondary);font-size:1.5rem;line-height:1;opacity:.7;cursor:pointer;transition:opacity var(--transition-fast)}.modal-header .close:hover{opacity:1;color:var(--color-text-dark)}.modal-body{padding:var(--spacing-6);color:var(--color-text);font-size:var(--text-base)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-5) var(--spacing-6);border-top:1px solid #e3e6f0}.modal-footer.bg-light{background:var(--color-gray-50)}.modern-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modern-modal{background:var(--color-white);border-radius:var(--radius-lg);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:modal-slide-in .3s ease-out}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modern-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-6);border-bottom:1px solid #e3e6f0}.modern-modal-title{display:flex;align-items:center;gap:var(--spacing-3);font-size:1.25rem;font-weight:600;color:var(--color-text-dark)}.modern-modal-title i{color:var(--color-primary);font-size:1.3rem}.modern-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--color-gray-100);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:1.1rem;cursor:pointer;transition:all var(--transition-base)}.modern-modal-close:hover{background:var(--color-gray-200);color:var(--color-text-dark);transform:scale(1.05)}.modern-modal-close:active{transform:scale(.95)}.modern-modal-body{padding:var(--spacing-6)}.modern-modal-description{color:var(--color-text-secondary);font-size:var(--text-base);margin-bottom:var(--spacing-6);line-height:1.6}.modern-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-5) var(--spacing-6);border-top:1px solid #e3e6f0;background:var(--color-gray-50)}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .25s ease}.modal-fade-enter-from,.modal-fade-leave-to{opacity:0}.modal-fade-enter-active .modern-modal,.modal-fade-leave-active .modern-modal{transition:transform .25s ease}.modal-fade-enter-from .modern-modal,.modal-fade-leave-to .modern-modal{transform:translateY(-20px)}.modal-warning-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-warning-light);color:var(--color-warning-dark);border-radius:var(--radius-circle);padding:var(--spacing-2)}.modal-warning-icon svg{width:24px;height:24px}.modal-danger-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-danger-light);color:var(--color-danger-dark);border-radius:var(--radius-circle);padding:var(--spacing-2)}.modal-danger-icon svg{width:24px;height:24px}@media (max-width: 991px){.modern-modal{max-width:90%}.modal-header,.modal-footer,.modern-modal-header,.modern-modal-footer{padding:var(--spacing-4) var(--spacing-5)}.modal-body,.modern-modal-body{padding:var(--spacing-5)}}@media (max-width: 576px){.modern-modal-overlay{padding:var(--spacing-2)}.modern-modal{max-width:100%;margin:var(--spacing-2)}.modal-header,.modern-modal-header{padding:var(--spacing-3-5) var(--spacing-4)}.modal-body,.modern-modal-body{padding:var(--spacing-4)}.modal-footer,.modern-modal-footer{padding:var(--spacing-3-5) var(--spacing-4);flex-direction:column}.modal-footer>*,.modern-modal-footer>*{width:100%}.modern-modal-title{font-size:1.1rem}.modern-modal-close{width:32px;height:32px;font-size:1rem}.modal-warning-icon,.modal-danger-icon{width:40px;height:40px}.modal-warning-icon svg,.modal-danger-icon svg{width:20px;height:20px}}