.nav-right-wrapper{display:flex;align-items:center;margin-left:auto;flex-shrink:0}.nav-notification-wrap{position:relative;margin-right:16px;flex-shrink:0}.nav-bell-btn{position:relative;width:36px;height:36px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.nav-bell-btn:hover{background:rgba(255,255,255,.1);border-color:#fff3}.nav-bell-btn .bell-icon{font-size:16px;color:#ffffffd9;transition:all .3s}.nav-bell-btn:hover .bell-icon{color:gold}.nav-bell-badge{position:absolute;top:-8px;right:-8px;min-width:20px;height:20px;padding:0 4px;background:var(--gradient-red);border-radius:10px;font-size:10px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;line-height:1;border:2px solid var(--bg-dark)}.nav-bell-badge.hidden{display:none}.notification-panel{position:absolute;top:calc(100% + 12px);right:-130px;width:352px;max-height:520px;background:rgba(20,20,28,.96);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:16px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;box-shadow:0 20px 60px #0009,0 0 0 1px #ffffff0d;z-index:200;overflow:hidden}.notification-panel.active{opacity:1;visibility:visible;transform:translateY(0)}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.notification-header h3{font-size:16px;font-weight:700;color:var(--text-primary)}.notification-read-all{font-size:14px;color:var(--text-secondary);cursor:pointer;transition:color .3s;padding:4px 0}.notification-read-all:hover{color:var(--text-primary)}.notification-list{max-height:420px;overflow-y:auto;padding:8px 0;margin:4px 8px;scrollbar-width:none}.notification-list::-webkit-scrollbar{width:4px}.notification-list::-webkit-scrollbar-track{background:transparent}.notification-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,0);border-radius:2px;transition:background .3s}.notification-list:hover{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.notification-list:hover::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1)}.notification-item{position:relative;padding:16px;cursor:pointer;transition:background .2s}.notification-item:hover{background:rgba(255,255,255,.04)}.notification-item+.notification-item{border-top:1px solid rgba(255,255,255,.04)}.notification-item-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px}.notification-item-title{font-size:16px;font-weight:700;color:var(--text-primary);line-height:1.4;flex:1;margin-right:12px}.notification-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--red-primary);flex-shrink:0;margin-top:6px}.notification-unread-dot.hidden{display:none}.notification-item-body{font-size:12px;color:var(--text-secondary);line-height:1.6;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-item-footer{display:flex;align-items:center;justify-content:space-between}.notification-tag{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600}.notification-tag.version{background:rgba(35,195,67,.12);color:#009a29;border:1px solid rgba(59,130,246,.15)}.notification-tag.system{background:rgba(24,144,255,.12);color:#096dd9;border:1px solid rgba(74,222,128,.15)}.notification-tag.promo{background:rgba(247,101,96,.12);color:#cb272d;border:1px solid rgba(255,165,0,.15)}.notification-time{font-size:12px;color:#ffffff4d}.notification-empty{padding:48px 24px;text-align:center;color:var(--text-secondary);font-size:14px}.notification-overlay{display:none;position:fixed;inset:0;z-index:99}.notification-overlay.active{display:block}@media (max-width: 900px){.notification-panel{width:calc(100vw - 232px);right:-16px;max-height:70vh}}