.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:500px;box-shadow:0 10px 30px rgba(0,0,0,.2);overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.modal-title{margin:0;font-size:18px}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#888}.modal-body{padding:20px;max-height:550px;overflow-y:auto}