.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%}}