.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:8px;width:500px;max-width:90%}label{display:block;margin-top:10px}.no-scroll{overflow:hidden}.modal-actions{display:flex;justify-content:space-between}.spinner{border:4px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite;margin-left:8px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.open-modal-btn{background-color:#4caf50;color:#fff}.cancel-btn{background-color:#f44336;color:#fff}.save-btn{background-color:#4caf50;color:#fff}.modal-delete{background:#fff;padding:20px;border-radius:8px;width:500px;max-width:90%}@media (max-width:600px){.modal-content{height:90%}.modal-content,.modal-delete{width:90%;padding:15px;overflow:auto}h2{font-size:1.2em}.no-scroll{overflow:auto}label{font-size:.9em}}