.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999;animation:.2s fadeIn}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.3);width:90%;max-width:450px;animation:.3s slideUp}@keyframes slideUp{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:24px 24px 16px;text-align:center}.modal-icon{font-size:48px;margin-bottom:12px}.modal-icon.warning{color:#f39c12}.modal-icon.danger{color:#e74c3c}.modal-icon.success{color:#27ae60}.modal-icon.info{color:#3498db}.modal-header h3{font-size:20px;font-weight:600;color:#1a1a1a;margin:0}.modal-body{padding:0 24px 24px;text-align:center}.modal-body p{font-size:15px;color:#666;line-height:1.5;margin:0}.modal-footer{display:flex;gap:12px;padding:16px 24px 24px}.btn-modal{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:.2s}.btn-cancel{background:#f1f3f5;color:#495057}.btn-cancel:hover{background:#e9ecef}.btn-confirm{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff}.btn-confirm:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(102,126,234,.4)}.btn-confirm.danger{background:linear-gradient(135deg,#f093fb 0,#f5576c 100%)}.btn-confirm.danger:hover{box-shadow:0 5px 15px rgba(245,87,108,.4)}.btn-confirm.success{background:linear-gradient(135deg,#11998e 0,#38ef7d 100%)}.btn-confirm.success:hover{box-shadow:0 5px 15px rgba(56,239,125,.4)}#modalMessage{white-space:pre-line}@media (max-width:768px){.modal-content{width:95%;margin:20px}}