.cns-badge{position:absolute!important;top:-5px!important;right:-5px!important;background:#ff4757!important;color:#fff!important;border-radius:12px!important;padding:2px 6px!important;font-size:11px!important;font-weight:700!important;min-width:20px!important;text-align:center!important;animation:pulse 2s infinite!important}.cns-overlay.active{display:block!important;opacity:1!important}.cns-popup.active{display:flex!important;flex-direction:column!important;opacity:1!important;transform:translateY(0)!important;visibility:visible!important}.cns-notification{padding:12px!important;margin-bottom:8px!important;border:1px solid #e9ecef!important;border-radius:10px!important;display:flex!important;gap:12px!important;align-items:start!important;transition:all .3s ease!important;cursor:pointer!important;background:#fff!important;position:relative!important}.cns-notification:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)!important;transform:translateX(-4px)!important}.cns-notification.unread{background:linear-gradient(135deg,#f0f8ff 0%,#e8f4ff 100%)!important;border-left:3px solid #667eea!important}.cns-notification-icon{width:90px!important;height:60px!important;border-radius:6px!important;object-fit:contain!important;flex-shrink:0!important}.cns-notification-content{flex:1!important;min-width:0!important}.cns-notification-title{font-weight:600!important;margin:0 0 4px!important;font-size:14px!important;color:#2d3748!important;line-height:1.4!important}.cns-notification-message{margin:0 0 8px!important;color:#4a5568!important;line-height:1.5!important;font-size:13px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.cns-notification-message.expanded{-webkit-line-clamp:unset!important;display:block!important;max-height:none!important;overflow:visible!important}.cns-notification-meta .cns-read-more-btn{background:0 0!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0 0 0 8px!important;display:inline!important;color:#667eea!important;font-size:12px!important;font-weight:600!important;cursor:pointer!important;text-decoration:underline!important}.cns-notification-meta .cns-read-more-btn:hover{text-decoration:none!important;opacity:.8!important}.cns-notification-meta .cns-read-more-btn:focus{outline:none!important;box-shadow:none!important}.cns-notification-meta{display:flex!important;gap:10px!important;font-size:11px!important;color:#718096!important;align-items:center!important;flex-wrap:wrap!important}.cns-notification-link{color:#667eea!important;text-decoration:none!important;font-weight:600!important;font-size:12px!important}.cns-notification-link:hover{text-decoration:underline!important}.cns-mark-read-btn{position:absolute!important;top:8px!important;right:8px!important;width:24px!important;height:24px!important;background:rgba(102,126,234,.1)!important;border:none!important;border-radius:6px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;opacity:0!important;transition:all .3s ease!important}.cns-notification:hover .cns-mark-read-btn{opacity:1!important}.cns-mark-read-btn:hover{background:rgba(102,126,234,.2)!important;transform:scale(1.1)!important}@media (max-width:768px){.cns-popup.active{transform:translateY(0) translateX(0)!important;margin-top:110px!important}.cns-notification{padding:10px!important;margin-bottom:10px!important}.cns-notification-icon{width:38px!important;height:38px!important}.cns-notification-title{font-size:13px!important}.cns-notification-message{font-size:12px!important}}@media (max-width:480px){.cns-popup.active{transform:translateY(0) translateX(0)!important}}