.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{text-align:center;background:#fff;border-radius:10px;width:90%;max-width:400px;padding:20px;animation:.3s ease-in-out fadeIn;box-shadow:0 4px 10px #0003}.modal-title{color:#333;margin-bottom:10px;font-size:20px;font-weight:700}.modal-input{border:1px solid #ccc;border-radius:5px;width:100%;margin:10px 0;padding:10px;font-size:16px}.error-message{color:red;margin-bottom:10px;font-size:14px}.modal-button,.modal-close{cursor:pointer;border:none;border-radius:5px;width:100%;margin-top:10px;padding:10px;font-size:16px;font-weight:700;transition:all .3s}.modal-button{color:#fff;background-color:#007bff}.modal-button:hover{background-color:#0056b3}.modal-button:disabled{cursor:not-allowed;background-color:#ccc}.modal-close{color:#fff;background-color:#f44336}.modal-close:hover{background-color:#c82333}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.modal-content{width:95%;padding:15px}}