.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--spacing-md);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-width:500px;width:100%;max-height:90vh;display:flex;flex-direction:column;position:relative;animation:slideUp .3s ease-out}.modal-container.modal-large{max-width:800px}.modal-header{padding:var(--spacing-xl);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.modal-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:var(--spacing-xs);border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{background-color:var(--background-secondary);color:var(--text-primary)}.modal-body{padding:var(--spacing-xl);overflow-y:auto;flex:1 1}.modal-footer{padding:var(--spacing-xl);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-md)}.modal-footer .btn{height:42px;white-space:nowrap}.modal-footer .btn-secondary{background-color:#f3f4f6;color:var(--text-dark);border:1px solid var(--border-color)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close-btn{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:none;border:none;cursor:pointer;color:var(--text-muted);padding:var(--spacing-xs);border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.modal-close-btn:hover{background-color:var(--background-color);color:var(--text-dark)}.modal-icon-container{display:flex;justify-content:center;margin-bottom:var(--spacing-lg);margin-top:var(--spacing-lg)}.modal-icon{flex-shrink:0}.modal-icon-success{color:var(--success-color)}.modal-icon-error{color:var(--error-color)}.modal-icon-warning{color:var(--warning-color)}.modal-icon-confirm{color:var(--primary-color)}.modal-icon-info{color:var(--accent-color)}.modal-content{text-align:center;margin-bottom:var(--spacing-xl)}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-dark);margin:0 0 var(--spacing-md) 0}.modal-message{font-size:var(--font-size-base);color:var(--text-muted);line-height:1.6;margin:0}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-lg)}.modal-actions .btn{min-width:120px}@media (max-width:768px){.modal-overlay{padding:var(--spacing-sm)}.modal-container{max-width:100%;max-height:95vh}.modal-body,.modal-footer,.modal-header{padding:var(--spacing-lg)}.modal-header h2{font-size:var(--font-size-lg)}.modal-actions{flex-direction:column-reverse;gap:var(--spacing-sm);padding:0 var(--spacing-md)}.modal-actions .btn{width:100%;min-width:unset}.modal-footer{padding:var(--spacing-lg) var(--spacing-lg)}}