.custom-navbar{ position:fixed;  top:0;  left:0;  right:0;  z-index:1030;  width:100%;  background:linear-gradient(90deg, rgba(25,35,50,0.25) 0%, rgba(15,20,30,0.95) 50%, rgba(10,15,25,0.95) 100%) !important;  backdrop-filter:blur(8px);  border-bottom:1px solid rgba(252,107,1,0.3);  box-shadow:0 2px 15px rgba(0,0,0,0.5);  padding:0.5rem 2rem;  font-family:'Roboto',sans-serif;  min-height:50px}
@media (max-width:992px){ body{ padding-top:50px}
}
.custom-navbar::before{ content:'';  position:absolute;  top:0;  left:0;  right:0;  height:2px;  background:linear-gradient(90deg, rgba(252,107,1,0.8) 0%, rgba(255,140,0,0.5) 50%, transparent 100%);  z-index:-1}
.navbar-logo-img{ width:100px !important;  height:auto;  transition:all 0.3s ease}
.navbar-logo-img:hover{ opacity:0.9;  transform:scale(1.02)}
.navbar-nav{ gap:0.6rem}
.navbar-nav .nav-link{ font-size:1rem;  color:#e0e0e0 !important;  position:relative;  padding:0.4rem 0.8rem;  font-weight:500;  letter-spacing:0.5px;  border-radius:4px;  transition:all 0.3s ease}
.navbar-nav .nav-link:hover{ color:#ff8c00 !important;  background:rgba(255,255,255,0.05);  transform:translateY(-1px);  text-shadow:0 0 8px rgba(255,140,0,0.3)}
.navbar-nav .nav-link::before{ content:'';  position:absolute;  top:50%;  left:50%;  width:0;  height:0;  background:rgba(255,140,0,0.2);  border-radius:50%;  transform:translate(-50%,-50%);  transition:all 0.4s ease;  z-index:-1}
.navbar-nav .nav-link:hover::before{ width:100%;  height:100%;  opacity:0}
.dropdown-menu{ background:rgba(20,25,35,0.98) !important;  border:1px solid rgba(252,107,1,0.2) !important;  border-radius:6px !important;  box-shadow:0 5px 15px rgba(0,0,0,0.3) !important;  padding:0.4rem 0 !important;  backdrop-filter:blur(5px);  margin-top:0.4rem !important}
.dropdown-item{ color:#d0d0d0 !important;  font-size:0.95rem !important;  padding:0.5rem 1.3rem !important;  transition:all 0.2s ease}
.dropdown-item:hover{ color:#ff8c00 !important;  background:rgba(252,107,1,0.1) !important;  padding-left:1.5rem !important}
.navbar-toggler{ border:none !important;  padding:0.4rem !important}
.navbar-toggler-icon{  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;  width:1.1em !important;  height:1.1em !important}
.username{ font-weight:500;  color:#ff8c00 !important;  background:rgba(255,140,0,0.1);  border-radius:4px;  padding:0.2rem 0.6rem !important;  transition:all 0.3s ease;  display:inline-flex;  align-items:center;  font-size:0.95rem}
.username:hover{ background:rgba(255,140,0,0.2);  text-shadow:0 0 8px rgba(255,140,0,0.3)}
.signup-text{ color:#ff8c00 !important;  font-weight:500;  background:rgba(255,140,0,0.1);  border-radius:4px;  padding:0.2rem 0.6rem !important;  transition:all 0.3s ease;  display:inline-flex;  align-items:center;  font-size:0.95rem}
.signup-text:hover{ background:rgba(255,140,0,0.2);  color:#ffa64d !important}
.navbar-avatar{ width:28px;  height:28px;  border-radius:50%;  border:2px solid rgba(252,107,1,0.5);  object-fit:cover;  transition:all 0.3s ease}
.navbar-avatar:hover{ border-color:#fc6b01;  transform:scale(1.1);  box-shadow:0 0 10px rgba(252,107,1,0.3)}
.nav-link.active{ color:#ff8c00 !important;  background:rgba(255,140,0,0.15);  text-shadow:0 0 8px rgba(255,140,0,0.3)}
@media (max-width:992px){ .custom-navbar{ background:linear-gradient(90deg, rgba(25,35,50,0.98) 0%, rgba(15,20,30,0.98) 100%) !important;  padding:0.4rem 1rem;  min-height:45px} 
.custom-navbar::before{ height:2px;  background:linear-gradient(90deg, rgba(252,107,1,0.9) 0%, rgba(255,140,0,0.6) 100%)}
.navbar-nav{ padding:0.8rem 0;  gap:0.2rem}
.navbar-nav .nav-link{ padding:0.5rem;  font-size:0.95rem}
.dropdown-menu{ background:rgba(20,25,35,0.98) !important;  margin:0.2rem 0;  border:1px solid rgba(252,107,1,0.15) !important}
.navbar-logo-img{ width:90px !important}
.navbar-avatar{ width:24px;  height:24px}
}
.custom-navbar .container, 
.custom-navbar .container-fluid{ padding-left:15px;  padding-right:15px}