.modal-backdrop{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-container{background:#fff;border-radius:8px;width:100%;max-height:80vh;animation:.3s modalFadeIn;overflow-y:auto;box-shadow:0 4px 20px #00000026}.modal-header{z-index:1;background:#fff;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.modal-title{color:#333;margin:0;font-size:1.5rem}.modal-close-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:1.5rem;display:flex}.modal-close-btn:hover{color:#333;background:#f5f5f5}.modal-content{padding:20px}.modal-content-container .modal-item-title{color:#333;margin-top:0;margin-bottom:16px;font-size:1.2rem}.modal-content-container .modal-content-body{color:#555;line-height:1.6}.modal-content-container .modal-content-body p{margin-bottom:16px}.modal-content-container .modal-content-body p:last-child{margin-bottom:0}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}