.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:20px;z-index:9999}.modal-content{width:100%;max-width:720px;max-height:90vh;background:#fff;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.2);animation:modalFade .25s ease}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 28px;border-bottom:1px solid #ececec;background:var(--content-bg);margin-bottom:24px}.modal-header h2{margin:0;font-size:28px;font-weight:700;color:#1e293b}.modal-header p{margin-top:8px;color:#64748b;font-size:15px;line-height:1.5}.modal-body{overflow-y:auto;padding:28px}.close-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#f5f5f5;color:#444;cursor:pointer;transition:all .2s ease;flex-shrink:0}.close-btn:hover{background:#e8e8e8;transform:rotate(90deg)}.close-btn svg{stroke-width:2}@keyframes modalFade{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.modal-overlay{padding:12px}.modal-content{max-height:95vh}.modal-header{padding:20px}.modal-header h2{font-size:22px}.modal-header p{font-size:14px}.modal-body{padding:20px}}