.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:8px;max-width:500px;width:90%;box-shadow:0 4px 6px #0000001a}.modal-content h3{margin-top:0;color:#333}.modal-content p{margin:1rem 0;color:#666}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.modal-actions button{flex:1;padding:.75rem 1rem;border:none;border-radius:4px;cursor:pointer;font-weight:500}@media (max-width: 768px){.modal-actions{flex-direction:column}}