.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.95);transition:all .3s cubic-bezier(.4,0,.2,1);padding:0;}.navbar.scrolled{background:transparent;}.navbar.scrolled .brand-logo{filter:invert(0);}.navbar.scrolled .nav-link{color:#fff;}.navbar-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:70px;}.navbar-brand{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;}.navbar-brand:hover{transform:scale(1.05);}.brand-logo{height:40px;width:auto;object-fit:contain;filter:invert(100);}.desktop-menu{display:flex;align-items:center;gap:2rem;}.nav-item{position:relative;}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;color:#333;text-decoration:none;font-weight:500;font-size:.95rem;border-radius:8px;transition:all .2s ease;border:0;background:none;cursor:pointer;white-space:nowrap;}.nav-link:hover{background:rgba(0,123,255,.1);color:#007bff;transform:translateY(-1px);}.nav-link.login-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;font-weight:600;box-shadow:0 2px 10px rgba(0,123,255,.3);}.nav-link.login-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,123,255,.4);}.nav-link:focus{outline-offset:2px;}.nav-link i{font-size:1.2rem;}.nav-link .arrow{transition:all .2s ease;}.dropdown-toggle[aria-expanded=true] .arrow{transform:rotate(180deg);}.dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15);border:1px solid rgba(0,0,0,.1);min-width:220px;padding:.5rem 0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1001;}.dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0);animation:fadeInUp .3s ease;}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#333;text-decoration:none;font-size:.9rem;transition:all .2s ease;}.dropdown-item:hover{background:rgba(0,123,255,.05);color:#007bff;padding-left:1.25rem;}.dropdown-item:focus{outline-offset:2px;}.dropdown-item.highlight{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;margin:.25rem .5rem;border-radius:8px;}.dropdown-item.highlight:hover{background:linear-gradient(135deg,#20c997,#17a2b8);padding-left:1rem;}.dropdown-item.logout{color:#dc3545;border-top:1px solid rgba(0,0,0,.1);margin-top:.5rem;padding-top:.75rem;}.dropdown-item.logout:hover{background:rgba(220,53,69,.05);color:#dc3545;}.dropdown-divider{height:1px;background:rgba(0,0,0,.1);margin:.5rem 0;}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;background:none;border:0;cursor:pointer;padding:.5rem;width:40px;height:40px;}.mobile-menu-toggle:focus{outline-offset:2px;}.mobile-menu-toggle[aria-expanded=true] .hamburger-line:nth-child(1){transform:rotate(45deg) translate(6px,6px);}.mobile-menu-toggle[aria-expanded=true] .hamburger-line:nth-child(2){opacity:0;}.mobile-menu-toggle[aria-expanded=true] .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px);}.hamburger-line{width:24px;height:2px;background:#333;margin:3px 0;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:2px;}.mobile-menu{position:fixed;top:70px;left:0;right:0;bottom:0;background:#fff;transform:translateX(-100%);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:999;display:none;}.mobile-menu.show{transform:translateX(0);}.mobile-menu-content{padding:2rem 1.5rem;height:100%;overflow-y:auto;}.mobile-menu-overlay{position:fixed;top:70px;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:998;display:none;}.mobile-menu-overlay.show{opacity:1;visibility:visible;}.mobile-menu-items{display:flex;flex-direction:column;gap:.5rem;}.mobile-menu-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;color:#333;text-decoration:none;font-size:1rem;border-radius:12px;transition:all .2s ease;}.mobile-menu-item:hover{background:rgba(0,123,255,.05);color:#007bff;transform:translateX(5px);}.mobile-menu-item:focus{outline-offset:2px;}.mobile-menu-item.primary{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;font-weight:600;margin-bottom:1rem;}.mobile-menu-item.primary:hover{background:linear-gradient(135deg,#0056b3,#004085);color:#fff;}.mobile-menu-item.highlight{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;font-weight:600;}.mobile-menu-item.highlight:hover{background:linear-gradient(135deg,#20c997,#17a2b8);color:#fff;}.mobile-menu-item.logout{color:#dc3545;border:1px solid rgba(220,53,69,.2);}.mobile-menu-item.logout:hover{background:rgba(220,53,69,.05);color:#dc3545;}.mobile-menu-item i:last-child{margin-left:auto;opacity:.5;}.mobile-menu-section{margin:1.5rem 0;}.mobile-menu-divider{height:1px;background:rgba(0,0,0,.1);margin:1rem 0;}.mobile-user-section{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;margin-bottom:2rem;}.user-avatar{width:50px;height:50px;background:linear-gradient(135deg,#007bff,#0056b3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;}.user-info{display:flex;flex-direction:column;}.user-info .user-name{font-weight:600;color:#333;font-size:1.1rem;}.user-info .user-email{color:#666;font-size:.9rem;}.section-title{font-size:.85rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;padding:0 1.5rem;}@media(max-width:768px){.desktop-menu{display:none;}.mobile-menu-toggle{display:flex;}.mobile-menu,.mobile-menu-overlay{display:block;}.navbar-container{padding:0 1rem;height:60px;}.brand-logo{height:35px;}.mobile-menu,.mobile-menu-overlay{top:60px;}}@media(max-width:480px){.navbar-container{padding:0 .75rem;}.mobile-menu-content{padding:1.5rem 1rem;}.mobile-user-section{padding:1rem;}.mobile-menu-item{padding:.875rem 1rem;}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}