.NotificationBell{display:inline-flex;align-items:center}.NotificationBell .MuiIconButton-root{transition:all .2s ease-in-out}.NotificationBell .MuiIconButton-root.scrolled{color:#2c2c2c}.NotificationBell .MuiIconButton-root.scrolled:hover{background-color:rgba(44,44,44,.04)}.NotificationBell .MuiIconButton-root.gradient{color:#fff}.NotificationBell .MuiIconButton-root.gradient:hover{background-color:hsla(0,0%,100%,.1)}.NotificationBell .MuiBadge-badge{font-size:.75rem;min-width:18px;height:18px;border-radius:9px;font-weight:600}.NotificationBell .MuiMenu-paper{border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.12);border:1px solid rgba(0,0,0,.08);margin-top:8px}.NotificationBell .MuiMenu-paper .MuiList-root{padding:0}.NotificationBell .notification-header{padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.08);background-color:#f8f9fa}.NotificationBell .notification-header h6{font-weight:600;color:#2c2c2c;margin:0}.NotificationBell .notification-empty{padding:32px 20px;text-align:center;color:#6c757d}.NotificationBell .notification-empty .MuiTypography-root{font-size:.875rem}.NotificationBell .notification-show-more{padding:12px 20px;text-align:center;border-top:1px solid rgba(0,0,0,.08);background-color:#f8f9fa}.NotificationBell .notification-show-more .MuiTypography-root{font-size:.75rem;color:#6c757d}.Header{z-index:1100;transition:all .3s ease-in-out;display:grid;justify-items:center;grid-area:headerbar}.Header.header-gradient{background-color:rgba(0,0,0,.1);box-shadow:none;border-bottom:none}.Header.header-scrolled{background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);border-bottom:1px solid #e0e0e0}.Header .Header__Toolbar{display:flex;width:100%;align-items:center;justify-content:space-between}.Header .header-title{flex-grow:1;font-weight:600}.Header .header-title.scrolled{color:#2c2c2c}.Header .header-title.gradient{color:#fff}.Header .header-navigation{display:flex;gap:1rem}.Header .header-navigation .header-nav-button{text-transform:none;font-weight:500;border-radius:6px;padding:8px 16px;transition:all .2s ease-in-out;font-size:1.1rem;position:relative}.Header .header-navigation .header-nav-button.scrolled{color:#2c2c2c}.Header .header-navigation .header-nav-button.scrolled:hover{background-color:rgba(44,44,44,.04)}.Header .header-navigation .header-nav-button.gradient{color:#fff}.Header .header-navigation .header-nav-button.gradient:hover{background-color:hsla(0,0%,100%,.1)}.Header .header-navigation .header-nav-button.active{font-weight:600}.Header .header-navigation .header-nav-button.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:80%;height:2px;border-radius:1px}.Header .header-navigation .header-nav-button.active.scrolled:after{background-color:#0a4a7f}.Header .header-navigation .header-nav-button.active.gradient:after{background-color:#fff}.Header .header-navigation .header-login-button{text-transform:none;font-weight:500;font-size:1.1rem;border-radius:6px;padding:8px 24px;margin-left:8px;transition:all .2s ease-in-out}.Header .header-navigation .header-login-button.scrolled{color:#0a4a7f;border-color:#0a4a7f}.Header .header-navigation .header-login-button.scrolled:hover{background-color:rgba(10,74,127,.04);border-color:#0a4a7f}.Header .header-navigation .header-login-button.gradient{color:#fff;border-color:#fff}.Header .header-navigation .header-login-button.gradient:hover{background-color:hsla(0,0%,100%,.1);border-color:#fff}