.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease-in-out;z-index:1000}.modal-content{background:#fff;border-radius:8px;padding:20px;max-width:950px;max-height:95vh;overflow-y:auto;position:relative;animation:slideIn .3s ease-in-out;box-shadow:0 4px 10px rgba(0,0,0,.2)}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:8px}.modal-content::-webkit-scrollbar-thumb:hover{background-color:#aaa}.modal-header{position:relative;margin-bottom:20px}.modal-close{position:absolute;right:0;top:-20px}.modal-header h2{margin:0;font-size:20px;color:#333}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#333}.modal-body{font-size:16px;color:#555}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-50px)}to{transform:translateY(0)}}