.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:10001}.modal-content{background:#fff;width:100%;max-width:460px;max-height:90vh;padding:25px;border-radius:8px;position:relative;box-shadow:0 4px 20px rgba(0,0,0,.2);display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-title{margin-bottom:30px}.modal-body{display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1 1;min-height:0}.modal-close-btn{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;padding:4px;z-index:1}@media (max-width:576px){.modal-content{max-width:calc(100% - 16px);margin:8px;border-radius:12px;padding:20px 16px;max-height:95vh}.modal-close-btn{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}}