.navbar{box-sizing:border-box;height:var(--navbar-height);justify-content:flex-start;padding-bottom:12px;padding-top:12px;top:0;width:100%;z-index:999}.navbar,.navbar .nav-left{align-items:center;display:flex;gap:15px}.navbar .nav-left{flex-grow:1;margin-left:5%}@media screen and (max-width:1145px){.navbar .nav-left .nav-left{margin-left:0!important}.navbar .nav-left .nav-toggle{color:#fff;cursor:pointer;font-size:24px;margin-left:3%;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:24px}.navbar .nav-left .nav-links{background:#1e1e1ef2;display:flex;flex-direction:column;left:0;max-width:-webkit-fill-available;padding:15px;position:absolute;top:64px;width:100%}}.navbar .nav-left .navbar-link .nav-logo-dropdown{align-items:center;display:flex;justify-content:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.navbar .nav-left .navbar-link .nav-logo-dropdown .nav-logo-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid rgba(101,172,233,.15);border-radius:8px;color:#f5f6fa;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;justify-content:space-between;padding:8px 12px;transition:all .2s ease;width:160px}.navbar .nav-left .navbar-link .nav-logo-dropdown .nav-logo{align-items:center;display:flex;gap:8px;text-align:center}.navbar .nav-left .navbar-link .nav-logo-dropdown .nav-logo-btn img{height:24px;width:24px}.navbar .nav-left .navbar-link .nav-logo-dropdown .nav-logo-btn span{font-size:16px}.navbar .nav-left .navbar-link .nav-logo-dropdown .dropdown-arrow{font-size:12px;transition:transform .3s ease}.navbar .nav-left .navbar-link .nav-logo-dropdown .dropdown-arrow.arrow-open{transform:rotate(180deg)}.navbar .nav-left .navbar-link .nav-logo-dropdown .dropdown-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid rgba(101,172,233,.15);border-radius:8px;box-shadow:0 8px 32px #65ace914;left:0;min-width:160px;overflow:hidden;position:absolute;text-align:left;top:100%;z-index:1000}.navbar .nav-left .navbar-link .nav-logo-dropdown .dropdown-content a{align-items:center;color:#fff;display:flex;font-size:14px;gap:10px;justify-content:left;padding:10px;text-decoration:none;transition:background .3s}.navbar .nav-left .navbar-link .nav-logo-dropdown .dropdown-content img{height:20px;width:20px}.navbar .nav-left .navbar-link .nav-logo-dropdown .dropdown-content a:hover{background:#65ace926;transform:scale(1.02)}.navbar .nav-left .navbar-link .nav-logo-dropdown .nav-logo-dropdown:hover .dropdown-content{display:block}.navbar .nav-left .nav-links{display:flex;gap:25px;justify-content:center}.navbar .nav-left .nav-links .nav-link{color:#e0e6f6;font-size:16px;text-decoration:none;transition:color .3s ease,font-weight .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.navbar .nav-left .nav-links .nav-link:hover{color:#65ace9!important}.navbar .nav-right{align-items:center;display:flex;gap:10px;margin-right:5%}.navbar .nav-right .navbar-user{align-items:center;border-radius:8px;cursor:pointer;display:flex;padding:8px 12px;position:relative;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.navbar .nav-right .navbar-user:hover{background:#ffffff1a}.navbar .nav-right .navbar-user img{border-radius:50%;height:40px;margin-right:10px;width:40px}.navbar .nav-right .navbar-user span{color:#f5f6fa;font-weight:700}.navbar .nav-right .navbar-user .dropdown-arrow{color:#ffffffb3;margin-left:8px;transform:rotate(0);transition:all .3s ease}.navbar .nav-right .navbar-user .dropdown-arrow.arrow-open{color:#5865f2;transform:rotate(180deg)}.navbar .nav-right .navbar-user .dropdown-menu{animation:dropdownFadeIn .2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid rgba(101,172,233,.15);border-radius:12px;box-shadow:0 8px 32px #65ace914;min-width:160px;padding:6px;position:absolute;right:0;top:calc(100% + 15px);z-index:1000}.navbar .nav-right .navbar-user .dropdown-menu a{align-items:center;border-radius:8px;color:#f5f6fa;display:flex;font-weight:500;gap:10px;padding:8px 12px;text-decoration:none;transition:all .2s ease}.navbar .nav-right .navbar-user .dropdown-menu a:hover{background:linear-gradient(135deg,#65ace9,#7984e6);box-shadow:0 4px 12px #65ace94d}.navbar .nav-right .navbar-user .dropdown-menu .dropdown-button{align-items:center;background:none;border:none;border-radius:8px;color:#f5f6fa;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;font-weight:500;gap:10px;padding:8px 12px;text-decoration:none;transition:all .2s ease;width:100%}.navbar .nav-right .navbar-user .dropdown-menu .dropdown-button:hover{background:linear-gradient(135deg,#65ace9,#7984e6);box-shadow:0 4px 12px #65ace94d}.navbar .nav-right .user-login{-webkit-user-select:none;-moz-user-select:none;user-select:none}.navbar .nav-right .user-login .nav-link{align-items:center;background:linear-gradient(135deg,#65ace9,#7984e6);border:none;border-radius:8px;color:#f5f6fa;cursor:pointer;display:flex;font-size:16px;gap:5px;padding:8px 12px;text-decoration:none;transition:all .2s ease;white-space:nowrap}@media screen and (max-width:1145px){.navbar .nav-right .user-login .nav-link{gap:0!important;max-width:120px;overflow:hidden;text-overflow:ellipsis}}.navbar .nav-right .user-login .nav-link:hover{box-shadow:0 4px 12px #65ace94d;transform:scale(1.02)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.navbar .hide-mobile-menu{display:none!important}@media screen and (max-width:1145px){.navbar .nav-links:not(.client-mounted)[id=nav-links]{display:none!important}}