.modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); display: flex; justify-content: center; align-items: center; z-index: 1000; } .modal-content { background: white; padding: 2rem; border-radius: 8px; width: 90%; max-width: 500px; position: relative; } .modal-close { position: absolute; top: 10px; right: 15px; border: none; background: none; font-size: 1.5rem; cursor: pointer; } .modal-content h4 { margin-top: 0; } .modal-content h5 { margin-top: 0; color: #666; } .form-group { margin-bottom: 1rem; } .form-group label { display: block; margin-bottom: 0.5rem; } .form-group input { width: 100%; padding: 8px; box-sizing: border-box; } .modal-actions { text-align: right; margin-top: 1.5rem; }