.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content{background-color:#fff;border-radius:8px;width:100%;max-width:500px;padding:20px;box-shadow:0 4px 10px rgba(0,0,0,.2);position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.close-button{background:none;border:none;cursor:pointer;font-size:20px;padding-inline:10px;padding-block:2px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:1rem}.btn{padding:8px 16px;font-size:14px;border-radius:4px;cursor:pointer;border:none}.btn-primary{background-color:#007bff;color:white}.btn-secondary{background-color:#6c757d;color:white}