.hr-notifications{position:relative;display:flex;align-items:center;margin-right:12px}.hr-notifications .hrn-icon{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;cursor:pointer;color:#fff;font-size:16px;transition:background 0.2s ease}.hr-notifications .hrn-icon:hover{background:var(--background-color-2,rgb(255 255 255 / .06))}.hr-notifications .number{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;padding:0 4px;line-height:16px;font-size:10px;font-weight:700;text-align:center;color:#fff;background:var(--accent-color,#ff5700);border-radius:8px}.dropdown-menu-noti{width:360px;max-width:90vw;padding:0;overflow:hidden;background:var(--background-color-2,#1a1a1f);border:1px solid rgb(255 255 255 / .08)}.dropdown-menu-noti .nnl-head{padding:14px 16px 0;color:#fff}.dropdown-menu-noti .nnl-head .nav-link{position:relative;padding:8px 10px;color:rgb(255 255 255 / .6);font-size:13px}.dropdown-menu-noti .nnl-head .nav-link.active{color:var(--accent-color,#ff5700);border-bottom:2px solid var(--accent-color,#ff5700);background:#fff0}.noti-tab-badge{display:inline-block;margin-left:6px;min-width:15px;padding:0 4px;font-size:10px;line-height:15px;text-align:center;color:#fff;background:var(--accent-color,#ff5700);border-radius:8px}.new-noti-list{max-height:380px;overflow-y:auto;width:100%}.new-noti-list .nnl-mark{padding:8px 16px;overflow:hidden;border-bottom:1px solid rgb(255 255 255 / .06)}.new-noti-list .nnl-mark a{color:rgb(255 255 255 / .6);font-size:12px;text-decoration:none}.new-noti-list .nnl-mark a:hover{color:var(--accent-color,#ff5700)}.nnl-item{display:flex;align-items:flex-start;gap:10px;padding:10px 16px;color:rgb(255 255 255 / .8);text-decoration:none;border-bottom:1px solid rgb(255 255 255 / .04)}.nnl-item:hover{background:rgb(255 255 255 / .04);color:rgb(255 255 255 / .9)}.nnl-item.new{background:rgb(255 87 0 / .06)}.nnl-item.text-center{display:block;text-align:center;color:rgb(255 255 255 / .4);padding:20px 16px}.nnl-item strong{display:block;font-size:13px;color:#fff;font-weight:600}.nnl-item p{margin:2px 0 0;font-size:12px;color:rgb(255 255 255 / .55);line-height:1.4}.nnl-item .time{display:block;margin-top:4px;font-size:11px;color:rgb(255 255 255 / .35)}.nnl-item.with-poster .film-poster{flex:0 0 40px;width:40px;height:56px;border-radius:4px;overflow:hidden}.nnl-item.with-poster .film-poster-img{width:100%;height:100%;object-fit:cover}.nnl-item.with-avatar .user-avatar{flex:0 0 36px;width:36px;height:36px;border-radius:50%;overflow:hidden}.nnl-item.with-avatar .user-avatar-img{width:100%;height:100%;object-fit:cover}@media (max-width:575px){.dropdown-menu-noti{position:fixed!important;top:60px!important;right:8px!important;left:8px!important;width:auto;transform:none!important}}.noti-page .new-noti-list{max-height:none;overflow-y:visible;background:rgb(255 255 255 / .05);border-radius:.75rem;overflow:hidden}.noti-page .nnl-item{padding:14px 20px}.noti-page .nnl-item.text-center{padding:40px 20px}