.notifications-bell{position:relative}.notifications-bell__btn{position:relative;padding:.625rem;border-radius:50%;border:none;background:rgba(0,0,0,.04);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.notifications-bell__btn:hover{background:rgba(0,0,0,.08);transform:scale(1.05)}.notifications-bell__btn svg{color:#374151}.notifications-bell__badge{position:absolute;top:0;right:0;min-width:18px;height:18px;border-radius:9px;background:linear-gradient(135deg,var(--color-primary),#ff6b6b);color:white;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(239,68,68,.4);border:2px solid white}.notifications-bell__dropdown{position:absolute;right:0;margin-top:.5rem;width:22rem;background-color:white;border:1px solid rgba(0,0,0,.08);border-radius:1.25rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);z-index:50;overflow:hidden}.notifications-bell__header{padding:1.25rem 1.25rem 1rem;background:linear-gradient(180deg,rgba(0,0,0,.02),transparent);display:flex;align-items:center;justify-content:space-between}.notifications-bell__title{font-size:1rem;font-weight:700;color:#111827}.notifications-bell__count{font-size:.75rem;color:#6b7280;margin-top:.125rem}.notifications-bell__mark-all{font-size:.75rem;font-weight:600;color:var(--color-primary);background:rgba(255,0,0,.06);border:none;cursor:pointer;padding:.5rem .875rem;border-radius:9999px;transition:all .15s ease}.notifications-bell__mark-all:hover{background:rgba(255,0,0,.1)}.notifications-bell__list{max-height:26rem;overflow-y:auto;padding:.5rem 0}.notifications-bell__list::-webkit-scrollbar{width:6px}.notifications-bell__list::-webkit-scrollbar-track{background:transparent}.notifications-bell__list::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:3px}.notifications-bell__empty{padding:3rem 1rem;font-size:.875rem;color:#9ca3af;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.notifications-bell__empty:before{content:"";width:48px;height:48px;background:rgba(0,0,0,.04);border-radius:50%;display:block}.notifications-bell__error{padding:2rem 1rem;font-size:.875rem;color:#ef4444;text-align:center}.notifications-bell__item{padding:1rem 1.25rem;cursor:pointer;display:flex;gap:.875rem;align-items:flex-start;margin:0 .5rem;border-radius:.75rem;transition:all .15s ease}.notifications-bell__item:hover{background-color:rgba(0,0,0,.03)}.notifications-bell__item--unread{background:linear-gradient(90deg,rgba(255,0,0,.04),transparent);border-left:3px solid var(--color-primary);margin-left:.5rem;padding-left:calc(1.25rem - 3px);border-radius:0 .75rem .75rem 0}.notifications-bell__item--unread:hover{background:linear-gradient(90deg,rgba(255,0,0,.08),rgba(0,0,0,.02))}.notifications-bell__item-dot{width:8px;height:8px;border-radius:50%;background:transparent;margin-top:6px;flex-shrink:0}.notifications-bell__item--unread .notifications-bell__item-dot{background:var(--color-primary);box-shadow:0 0 0 3px rgba(255,0,0,.15)}.notifications-bell__item-content{flex:1;min-width:0}.notifications-bell__item-text{font-size:.875rem;color:#374151;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notifications-bell__item--unread .notifications-bell__item-text{color:#111827;font-weight:500}.notifications-bell__item-meta{display:flex;align-items:center;gap:.5rem;margin-top:.375rem;font-size:.75rem;color:#9ca3af}.notifications-bell__item-new{color:var(--color-primary);font-weight:700;background:rgba(255,0,0,.08);padding:.125rem .5rem;border-radius:9999px;font-size:.625rem;text-transform:uppercase;letter-spacing:.5px}.notifications-bell__item-link{margin-top:.5rem;font-size:.75rem;color:var(--color-primary);font-weight:600;text-decoration:none;background:none;border:none;cursor:pointer;padding:0;transition:opacity .15s}.notifications-bell__item-link:hover{opacity:.8}.nav-m5{position:relative;justify-content:space-between;padding:1rem 0;z-index:9999}.nav-m5,.nav-m5__left{display:flex;align-items:center}.nav-m5__left{gap:.75rem}.nav-m5__center{position:absolute;left:50%;transform:translateX(-50%);z-index:10}.nav-m5__right{gap:.75rem}.nav-m5__burger,.nav-m5__right{display:flex;align-items:center}.nav-m5__burger{justify-content:center;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:background-color .15s ease;font-size:1.25rem;color:rgba(0,0,0,.7)}.nav-m5__burger:hover{background-color:rgba(0,0,0,.05)}.nav-m5__profile-wrapper{position:relative}.nav-m5__profile-btn{width:36px;height:36px;border-radius:50%;border:2px solid rgba(0,0,0,.1);background-color:#f3f4f6;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:border-color .15s ease,box-shadow .15s ease;padding:0}.nav-m5__profile-btn:hover{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(255,0,0,.1)}.nav-m5__profile-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.nav-m5__profile-initials{font-size:.75rem;font-weight:600;color:#4b5563}.nav-m5__profile-btn--guest{background:linear-gradient(135deg,rgba(241,84,91,.08),rgba(241,84,91,.12));border-color:rgba(241,84,91,.2)}.nav-m5__profile-btn--guest:hover{background:linear-gradient(135deg,rgba(241,84,91,.12),rgba(241,84,91,.18));border-color:var(--color-primary)}.nav-m5__profile-guest-icon{font-size:1.5rem;color:var(--color-primary)}.nav-m5__profile-menu{position:absolute;top:calc(100% + .75rem);right:0;min-width:240px;background-color:white;border-radius:1rem;box-shadow:0 10px 40px -5px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.05);z-index:100;overflow:hidden}.nav-m5__profile-header{display:flex;align-items:center;gap:.75rem;padding:1rem;border-bottom:1px solid #f3f4f6;background:linear-gradient(135deg,rgba(255,0,0,.02),rgba(255,0,0,.05))}.nav-m5__profile-avatar-large{width:48px;height:48px;border-radius:50%;background-color:#f3f4f6;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid rgba(255,0,0,.15)}.nav-m5__profile-initials-large{font-size:1rem;font-weight:600;color:#4b5563}.nav-m5__profile-info{min-width:0;flex:1}.nav-m5__profile-name{font-size:.9375rem;font-weight:600;color:#111827}.nav-m5__profile-email,.nav-m5__profile-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-m5__profile-email{font-size:.75rem;color:#6b7280}.nav-m5__menu-items{padding:.5rem}.nav-m5__menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;background:none;cursor:pointer;border-radius:.75rem;transition:background-color .15s ease;text-align:left}.nav-m5__menu-item:hover{background-color:#f9fafb}.nav-m5__menu-icon{font-size:1.25rem;color:#6b7280;flex-shrink:0}.nav-m5__menu-text{font-size:.875rem;font-weight:500;color:#374151}.nav-m5__menu-divider{height:1px;background-color:#f3f4f6;margin:.25rem .5rem}.nav-m5__menu-item--danger .nav-m5__menu-icon,.nav-m5__menu-item--danger .nav-m5__menu-text{color:var(--color-primary)}.nav-m5__menu-item--danger:hover{background-color:rgba(255,0,0,.05)}