.navbarClass{background-color:#303a48!important}.navbarTitle{margin-top:5px;color:#fff;margin-left:10px}.navbarTitle:hover{cursor:pointer}.navbarComponent,.navbarComponent:active,.navbarComponent:focus,.navbarComponent:hover{color:#fff!important;text-decoration:none;transform:scale(1.6);cursor:pointer}li{margin-left:50px}a{padding:0!important;margin:0!important}.notificationDropdown{position:absolute;align-items:center;top:140%;left:50%;transform:translateX(-50%);border-radius:8px;width:300px;z-index:1000;box-shadow:0 4px 8px rgba(0,0,0,.2)}.notificationDropdown,.notificationTitle{background-color:#2d2d2d;padding:10px;color:#fff}.notificationTitle{font-size:25px;text-align:center;border-bottom:1px solid #444;border-radius:8px 8px 0 0}.notificationItem{display:flex;align-items:center;margin:8px 0;padding:10px;background-color:#3b444f;border-radius:8px;color:#fff;cursor:pointer;transition:background-color .3s ease}.notificationItem:hover{background-color:#4a4f5c}.notificationText{flex:1 1;font-size:16px;color:#fff}.username{font-size:14px;color:#fff}.projectName{font-size:14px;font-style:italic;color:#b0b3b8;display:inline}.iconContainer{display:flex;gap:10px}.iconButton{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background-color:#6d727f;color:#fff;font-size:16px;cursor:pointer;transition:background-color .3s ease}.iconButton:hover{background-color:#828693}.noNotifications{display:flex;justify-content:center;align-items:center;height:100px;font-size:15px;color:#b0b3b8}.notificationCountBadge{position:absolute;top:-2px;right:-8px;background-color:#ff4d4d;color:#fff;font-size:8px;padding:2px 5px;border-radius:50%;min-width:8px;text-align:center;line-height:1;pointer-events:none;box-shadow:0 0 2px rgba(0,0,0,.2)}