.upcoming-trip-notification{background-color:#e8f5e8;border:1px solid #4caf50;border-radius:8px;margin:.5rem 1rem;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:1000}.notification-item{display:flex;align-items:center;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease;border-radius:8px}.notification-item:hover{background-color:#d4edda}.notification-item+.notification-item{border-top:1px solid #c3e6cb}.notification-icon{font-size:1.5rem;margin-right:.75rem;flex-shrink:0}.notification-content{flex-grow:1;min-width:0}.notification-title{font-weight:700;color:#2d5016;margin-bottom:.25rem;font-size:.95rem}.notification-details{color:#155724;font-size:.85rem;margin-bottom:.25rem}.notification-time{color:#6c757d;font-size:.8rem;margin-bottom:.25rem}.notification-role{color:#495057;font-size:.75rem;font-style:italic}.notification-arrow{color:#4caf50;font-weight:700;margin-left:.5rem;flex-shrink:0}@media (max-width:768px){.upcoming-trip-notification{margin:.5rem}.notification-item{padding:.6rem .8rem}.notification-title{font-size:.9rem}.notification-details{font-size:.8rem}.notification-time{font-size:.75rem}.notification-role{font-size:.7rem}}.mobile-menu{gap:.5rem;background-color:#0a2c47;padding:.5rem}.desktop-menu,.mobile-menu{list-style:none;justify-content:center;margin:.4rem 0 .2rem;align-items:center;display:flex}.desktop-menu{padding:0}.menu-button{font-size:1.2rem;background:none;border:none;color:#fff;cursor:pointer;padding:0;margin:0;width:45px}.user-profile-container{gap:.5rem}.user-profile-container,.user-profile-link{display:flex;align-items:center;position:relative}.user-profile-link{justify-content:center;width:40px;height:40px;border-radius:50%;background-color:hsla(0,0%,100%,.1);transition:background-color .2s ease;text-decoration:none;color:#fff}.user-profile-link:hover{background-color:hsla(0,0%,100%,.2)}.user-profile-link i{font-size:1.2rem}.rideshare-nav-item{position:relative}.rideshare-nav-item a{position:relative;display:inline-block}.notification-badge{position:absolute;top:-8px;right:-8px;background-color:#ff4757;color:#fff;border-radius:50%;width:18px;height:18px;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #0a2c47}.logout-button{background:none;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s ease;font-size:1.1rem}.logout-button:hover{background-color:hsla(0,0%,100%,.1)}@media only screen and (max-width:470px){.desktop-menu{justify-content:space-around}.menu-icon{display:flex}}