.notification-bell{align-items:center;background-color:#2563eb;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;position:relative;transition:opacity .2s ease;width:32px}.notification-bell:hover{opacity:.85}.notification-badge{background-color:#dc3545;border-radius:9px;color:#fff;display:none;font-size:11px;font-weight:600;height:18px;line-height:18px;min-width:18px;padding:0 5px;position:absolute;right:-2px;text-align:center;top:-2px}.notification-badge.visible{display:block}.notification-panel{background:transparent;display:none;flex-direction:column;height:calc(100% - 80px);overflow-y:auto;padding:24px 20px;pointer-events:none;position:fixed;right:0;top:80px;width:400px;z-index:10000;-webkit-overflow-scrolling:touch}.notification-panel>*{pointer-events:auto}.notification-panel.open{display:flex}.notification-bubble{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.06);cursor:pointer;margin-bottom:10px;padding:14px 16px;transition:transform .15s ease,box-shadow .15s ease}.notification-bubble:hover{box-shadow:0 4px 14px rgba(0,0,0,.18),0 0 8px rgba(0,0,0,.08);transform:translateY(-1px)}.notification-bubble.unread{border-left:3px solid #2563eb}.notification-bubble-top{align-items:center;display:flex;gap:10px;margin-bottom:6px}.notification-bubble-icon{align-items:center;background-color:#6c757d;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;height:28px;justify-content:center;width:28px}.notification-bubble-icon.balance_change{background-color:#28a745}.notification-bubble-icon.link_update{background-color:#007bff}.notification-bubble-icon.account_approved{background-color:#17a2b8}.notification-bubble-icon.withdrawal{background-color:#ffc107;color:#333}.notification-bubble-icon.system{background-color:#6c757d}.notification-bubble-title{color:#333;flex:1;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-bubble-time{color:#adb5bd;flex-shrink:0;font-size:11px}.notification-bubble-preview{color:#6c757d;display:-webkit-box;font-size:13px;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-bubble-full{border-top:1px solid #eee;color:#555;display:none;font-size:13px;line-height:1.5;margin-top:8px;padding-top:8px}.notification-bubble.expanded .notification-bubble-preview{display:none}.notification-bubble.expanded .notification-bubble-full{display:block}.notification-empty{color:#adb5bd;font-size:14px;padding:48px 16px;text-align:center}.notification-loading{color:#adb5bd;padding:32px 16px;text-align:center}@media (max-width:480px){.notification-panel{padding:16px;width:100%}}.tabs-nav.notifications-filter .tab-btn{align-items:center;display:flex;gap:10px;justify-content:center}.tabs-nav.notifications-filter .tab-btn span{display:none}.tabs-nav.notifications-filter .tab-btn.active span{display:block}.notifications-list{display:flex;flex-direction:column;gap:10px}.notification-item{background:#191919;border-radius:20px;padding:20px 26px}.notification-header{align-items:center;border-bottom:1px solid #3c3c3c;display:flex;gap:20px;justify-content:space-between;padding:10px 0 24px 56px;position:relative}.notification-header i{align-items:center;background:#2f2f2f;border-radius:50%;color:#999;display:flex;font-size:16px;height:40px;justify-content:center;left:0;position:absolute;width:40px}.notification-title{line-height:1.3}.notification-time{color:#999;font-size:14px}.notification-body{padding-top:12px}.notification-body p{color:#999;overflow-wrap:break-word}.notification-item.nt-unread .notification-header i,.notification-item.nt-unread .notification-title{color:var(--primary)}@media (max-width:1200px){.notification-item{background:#232323;border-radius:12px;padding:10px 16px}.notification-header{padding:14px 4px 22px 52px}.notification-body{padding-top:8px}}