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