.notification-card{width:100%;height:100%;background-color:#fff;box-shadow:0 10px 25px -5px rgba(0,0,0,.05),0 8px 10px -6px rgba(0,0,0,.02);overflow-y:auto;transition:transform .3s ease,box-shadow .3s ease}.card-header{background-color:#f22;color:#fff;display:flex;align-items:center;justify-content:space-between}.card-content{padding:20px}.notification-body{background-color:#f8fafc;border-radius:10px;padding:16px;margin-bottom:16px;border-left:4px solid #165dff}.notification-body p{font-size:15px;color:#555;line-height:1.8}.details-list{margin-top:16px;padding:16px;background-color:#f8fafc;border-radius:10px}.details-title{font-size:16px;font-weight:500;color:#333;margin-bottom:12px;display:flex;align-items:center}.details-title i{margin-right:8px;color:#165dff}.details-item{display:flex;align-items:flex-start;margin-bottom:8px;font-size:14px;color:#555;i{font-size:8px;margin-top:6px;margin-right:8px;color:#165dff}}