.notification-mr-1{margin-right:3px}.notification-bell-container{position:relative;cursor:pointer;padding:8px}.notification-bell-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;transition:all .3s ease}.notification-bell-wrapper:hover{background:rgba(236,103,20,.2);transform:translateY(-2px)}.bell-icon i{font-size:25px;color:#ec6714}.notification-badge{position:absolute;top:-5px;right:-5px;color:ec6714;font-size:11px;font-weight:600;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.notification-badge.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(236,103,20)}70%{box-shadow:0 0 0 6px rgba(236,103,20,0)}100%{box-shadow:0 0 0 0 rgba(236,103,20,0)}}.notification-dropdown-panel{position:absolute;top:100%;right:0;width:380px;background:#fff;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.15);margin-top:10px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000;border:1px solid #e9ecef}.notification-dropdown-panel.show{opacity:1;visibility:visible;transform:translateY(0)}.notification-header{padding:20px;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#ec6714 0,#ff8c42 100%);border-radius:16px 16px 0 0}.header-content{display:flex;justify-content:space-between;align-items:center}.notification-title{color:#fff;font-size:18px;font-weight:600;margin:0}.notification-stats{display:flex;align-items:center;gap:15px}.unread-count{color:rgba(255,255,255,.9);font-size:14px;font-weight:500}.clear-all-btn{color:#fff;text-decoration:none;font-size:14px;display:flex;align-items:center;padding:6px 12px;background:rgba(255,255,255,.2);border-radius:8px;transition:all .3s ease}.clear-all-btn:hover{background:rgba(255,255,255,.3);color:#fff}.ama-notification-banner{margin:16px;padding:16px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:12px;display:flex;align-items:center;gap:15px;color:#fff;animation:slideIn .5s ease}.ama-icon i{font-size:24px}.ama-content{flex:1}.ama-title{margin:0 0 8px 0;font-weight:600;font-size:15px}.ama-link{color:#fff;text-decoration:none;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:5px}.ama-link:hover{text-decoration:underline}.notifications-list{max-height:600px;overflow-y:auto;padding:10px 16px 16px;border-top-right-radius:0;border-top-left-radius:0;border-bottom-right-radius:16px;border-bottom-left-radius:16px}.notification-group{margin-bottom:12px;background:#f8f9fa;border-radius:12px;overflow:hidden;box-shadow:1px 1px 8px 2px #808080b3}.group-header{padding:14px;background:#fff;display:flex;justify-content:space-between;align-items:center;cursor:pointer;border-bottom:1px solid #e9ecef;transition:all .3s ease;box-shadow:1px 1px 8px 2px #808080b3}.group-header:hover{background:#f8f9fa}.group-title{font-weight:600;color:#2d3748;display:flex;align-items:center}.group-controls{display:flex;align-items:center;gap:10px}.group-badge{background:#ec6714;color:#fff;font-size:12px;padding:2px 8px;border-radius:12px;font-weight:600}.group-arrow{font-size:12px;color:#718096;transition:transform .3s ease}.group-header[aria-expanded=true] .group-arrow{transform:rotate(180deg)}.--group-items{padding:8px}.--notification-item{display:flex;align-items:flex-start;padding:10px 8px;border-radius:8px;margin-bottom:8px;transition:all .3s ease;background:#fff}.--notification-item:hover{background:#f8f9fa;transform:translateX(4px)}.--notification-item.unread{border-left:4px solid #ec6714;background:rgb(236 103 20 / 14%)}.--notification-item.read{opacity:.8}.--notification-icon{margin-right:5px;flex-shrink:0}.icon-wrapper{width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px}.icon-wrapper.info{background:rgba(59,130,246,.1);color:#3b82f6}.icon-wrapper.success{background:rgba(34,197,94,.1);color:#22c55e}.icon-wrapper.warning{background:rgba(245,158,11,.1);color:#f59e0b}.icon-wrapper.transfer{background:rgba(139,92,246,.1);color:#8b5cf6}.icon-wrapper.reward{background:rgba(236,72,153,.1);color:#ec4899}.icon-wrapper.admin{background:rgba(6,182,212,.1);color:#06b6d4}.icon-wrapper.tip{background:rgba(16,185,129,.1);color:#10b981}.icon-wrapper.banner{background:rgba(239,68,68,.1);color:#ef4444}.icon-wrapper.congrats{background:rgba(168,85,247,.1);color:#a855f7}.icon-wrapper.group-chat{background:rgba(59,130,246,.1);color:#3b82f6}.icon-wrapper.private-chat{background:rgba(249,115,22,.1);color:#f97316}.icon-wrapper.deposit-failed{background:rgba(239,68,68,.1);color:#ef4444}.icon-wrapper.withdrawal{background:rgba(34,197,94,.1);color:#22c55e}.icon-wrapper.purchase{background:rgba(236,103,20,.1);color:#ec6714}.icon-wrapper.campaign{background:rgba(239,68,68,.1);color:#ef4444}.icon-wrapper.donation{background:rgba(239,68,68,.1);color:#ef4444}.icon-wrapper.default{background:rgb(148 163 184 / 46%);color:#4989e3}.notification-content{flex:1}.notification-link{text-decoration:none!important;color:inherit}.notification-message{margin:0 0 8px 0;font-size:14px;color:#2d3748;line-height:1.4}.notification-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:#718096;margin-left:-30px;justify-content:space-between}.--notification-time{display:flex;align-items:center}.status-indicator{display:flex;align-items:center}.status-indicator.unread{color:#ec6714;font-weight:500}.status-indicator.read{color:#94a3b8}.notification-actions{margin-left:8px}.--delete-notification{color:#94a3b8;text-decoration:none;font-size:14px;padding:4px;border-radius:4px;transition:all .3s ease}.--delete-notification:hover{color:#ef4444;background:rgba(239,68,68,.1)}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.notification-dropdown-panel{width:350px;right:-50px}.notification-header{padding:16px}.notification-title{font-size:16px}.notifications-list{max-height:600px}}@media (max-width:480px){.notification-dropdown-panel{width:330px;right:-80px}}.delete-group-btn{color:#94a3b8;text-decoration:none;padding:4px;border-radius:4px;transition:all .3s ease;display:flex;align-items:center;margin-right:8px}.delete-group-btn:hover{color:#ef4444;background:rgba(239,68,68,.1)}.group-controls{display:flex;align-items:center;gap:10px}.group-arrow{font-size:12px;color:#718096;transition:transform .3s ease}.group-header[aria-expanded=true] .group-arrow{transform:rotate(180deg)}