.navbar .nav-item.dropdown,.navbar .dropdown{position:relative}.navbar .nav-item.dropdown .nav-link{color:#e5e7eb;cursor:pointer;border-radius:8px;padding:.5rem .75rem;font-weight:500;transition:all .2s}.navbar .nav-item.dropdown .nav-link:hover{color:#fff;background:rgba(255,255,255,.08)}.navbar .nav-item.dropdown .nav-link.active{color:#f80;background:rgba(255,136,0,.1)}.navbar .nav-item.dropdown .nav-link svg{transition:transform .2s}.navbar .nav-item.dropdown .nav-link.active svg{transform:rotate(180deg)}.navbar .dropdown-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#0f172a;border:1px solid rgba(255,255,255,.1);border-radius:12px;min-width:220px;margin-top:12px;padding:8px;animation:.2s ease-out dropdownFade;box-shadow:0 20px 40px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.05)}.user-dropdown-menu{min-width:260px}.navbar .dropdown-item{color:#d1d5db;background:0 0;border-radius:8px;align-items:center;gap:10px;margin:2px 0;padding:10px 14px;font-size:.95rem;font-weight:500;transition:all .15s;display:flex}.navbar .dropdown-item:hover{color:#f80;background:rgba(255,136,0,.12);transform:translate(2px)}.navbar .dropdown-item:active{background:rgba(255,136,0,.2)}.dropdown-user-info{background-color:transparent;margin-bottom:4px}.dropdown-user-info .fw-semibold{color:#fff;font-size:.95rem}.dropdown-logout-btn{text-align:left;border:none;font-weight:500;transition:all .2s;color:#f87171!important}.dropdown-logout-btn:hover{transform:translate(2px);color:#dc2626!important;background-color:rgba(220,38,38,.15)!important}.navbar .dropdown-menu .border-top,.navbar .dropdown-menu .border-bottom{margin:6px 0;border-color:rgba(255,255,255,.1)!important}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.navbar .dropdown-item svg{opacity:.7;flex-shrink:0;transition:opacity .15s}.navbar .dropdown-item:hover svg{opacity:1}nav{color:#fff;background:#0e141d;border-bottom:1px solid rgba(255,255,255,.1)}nav .nav-link.active,nav .nav-link:hover{color:#ff5700!important}nav .btn-primary{border:none;background-color:#ff5700!important}nav .btn-primary:hover{background:#000!important}nav .navbar-brand{font-size:1.4rem;font-weight:600}nav .offcanvas{background-color:#000;width:280px;transition:transform .35s ease-in-out;transform:translate(100%)}nav .offcanvas.show{transform:none!important}nav .nav-link{font-weight:500;transition:color .3s;color:#fff!important}@media (min-width:992px){nav .offcanvas{background:0 0;border:none;visibility:visible!important;width:auto!important;transition:none!important;position:static!important;transform:none!important}}.avatar-click-area{cursor:pointer;align-items:center;transition:transform .2s;display:inline-flex}.avatar-click-area:hover{transform:scale(1.05)}.avatar-wrapper{background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.15);border-radius:50%;width:42px;height:42px;transition:border-color .2s;position:relative;overflow:hidden}.avatar-click-area:hover .avatar-wrapper{border-color:rgba(255,136,0,.4)}.avatar-img{object-fit:cover}.shimmer-load{background:linear-gradient(110deg,#2a2a2a 8%,#3a3a3a 18%,#2a2a2a 33%) 0 0/200% 100%;border-radius:12px;min-width:100px;height:40px;animation:1.5s linear infinite shimmer}@keyframes shimmer{to{background-position-x:-200%}}.initial_avatar_nano{border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;margin:10px auto;font-size:22px;font-weight:600;display:flex}.coins-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,rgba(255,136,0,.2),rgba(255,87,0,.15));border:1px solid rgba(255,136,0,.3);font-weight:600;transition:all .2s}.coins-pill:hover{background:linear-gradient(135deg,rgba(255,136,0,.25),rgba(255,87,0,.2));border-color:rgba(255,136,0,.4);transform:translateY(-1px)}