.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal{background-color:white;border-radius:8px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 12px rgba(0,0,0,.15);animation:slideIn .3s ease-out}.modal-header{display:flex;justify-content:center;align-items:center;position:relative;padding:1rem;border-bottom:1px solid #eee}.modal-title{margin:0;font-size:1rem;font-weight:600;text-align:center}.modal-close{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:transparent;border:none;font-size:1.5rem;line-height:1;cursor:pointer;padding:.25rem;color:#6b7280}.modal-close:hover{color:#000}.modal-content{padding:1.5rem;text-align:left}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:640px){.modal-overlay{padding:1rem}}