.navbar-client-area{box-sizing:border-box;z-index:1000;flex-direction:row;justify-content:center;align-items:center;width:100vw;height:100px;min-height:100px;display:flex;position:relative}.navbar-client-area:after{content:"";background:linear-gradient(90deg, transparent, var(--color-border), var(--color-accent), var(--color-border), transparent);opacity:.5;height:1px;position:absolute;bottom:0;left:0;right:0}.navbar-client-area-container{grid-template-columns:1fr auto 1fr;align-items:center;width:80vw;height:100px;min-height:100px;display:grid}.navbar-client-area-left{filter:drop-shadow(0 4px 20px #7f5af04d);transition:filter var(--transition-fast);flex-direction:row;justify-content:center;align-items:center;display:flex}.navbar-client-area-left:hover{filter:drop-shadow(0 4px 25px #7f5af099)}.navbar-client-area-left a img{transition:all var(--transition-fast)}.navbar-client-area-nav{-webkit-backdrop-filter:blur(25px);border:var(--glass-border);box-shadow:var(--glass-shadow), inset 0 1px 0 0 #ffffff1a, 0 0 40px #7f5af01a;background:#0b0d10b3;border-radius:30px;flex-direction:row;justify-content:center;align-items:center;padding:8px 35px;display:flex;position:relative;overflow:visible}.navbar-client-area-nav ul{z-index:1;flex-direction:row;justify-content:center;align-items:center;gap:32px;list-style:none;display:flex;position:relative}.navbar-client-area-nav ul li a:not(.dropdown-content a){color:var(--color-accent);transition:all var(--transition-fast);font-size:17px;font-weight:600;text-decoration:none;position:relative}.navbar-client-area-nav ul li a:hover:not(.dropdown-content a){color:var(--color-accent-hover);text-shadow:0 0 15px #7f5af099;filter:brightness(1.2)}.navbar-right{flex-direction:row;justify-content:center;align-items:center;display:flex}.navbar-right a{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-alt));color:#fff;width:130px;height:42px;transition:all var(--transition-fast);will-change:transform;border-radius:10px;justify-content:center;align-items:center;font-size:17px;font-weight:600;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #7f5af04d,inset 0 1px #fff3}.navbar-right a:before{content:"";background:linear-gradient(135deg, var(--color-accent-hover), var(--color-accent));opacity:0;transition:opacity var(--transition-fast);z-index:-1;position:absolute;inset:0}.navbar-right-btn-wrapper{display:flex;position:relative}.navbar-right-btn-wrapper:hover a{box-shadow:var(--glow-accent-strong);transform:translateY(-2px)}.navbar-right-btn-wrapper:hover a:before{opacity:1}.navbar-client-area-right-group{grid-column:3;justify-self:end;align-items:center;gap:22px;display:flex}.user-dropdown{position:relative}.user-dropdown-trigger{cursor:pointer;background:linear-gradient(145deg,#7f5af026,#7f5af00f);border:1.5px solid #7f5af059;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 0 #7f5af000}.user-dropdown-trigger:before{content:"";opacity:0;background:linear-gradient(135deg,#7f5af040,#7f5af01a);border-radius:50%;transition:opacity .3s;position:absolute;inset:0}.user-dropdown-trigger:hover,.user-dropdown-trigger.active{border-color:var(--color-accent);box-shadow:0 0 0 4px #7f5af026,0 4px 20px #7f5af04d}.user-dropdown-trigger:hover:before,.user-dropdown-trigger.active:before{opacity:1}.user-avatar-initials{color:var(--color-accent);letter-spacing:.5px;z-index:1;font-size:14px;font-weight:700;line-height:1;position:relative}.user-avatar-icon{width:20px;height:20px;color:var(--color-accent);z-index:1;position:relative}.user-dropdown-menu{-webkit-backdrop-filter:blur(25px);border:var(--glass-border);width:240px;box-shadow:var(--glass-shadow);z-index:1000;background:#0b0d10d9;border-radius:14px;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden}.user-dropdown-header{border-bottom:1px solid var(--color-border);flex-direction:column;gap:4px;padding:14px 16px;display:flex}.user-name{color:var(--color-accent);text-align:center;font-weight:600}.user-credit-balance{color:var(--color-text);text-align:center;font-size:14px;font-weight:500}.user-email{color:var(--color-muted);font-size:13px}.user-dropdown-links{flex-direction:column;display:flex}.user-dropdown-links a{color:var(--color-text);transition:background var(--transition-fast), color var(--transition-fast);padding:12px 16px;font-size:15px;text-decoration:none}.user-dropdown-links a:hover{color:var(--color-accent);background:#7f5af01f}.user-dropdown-footer{border-top:1px solid var(--color-border);padding:12px 16px}.logout-btn{color:#ff6b6b;cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:6px 0;font-weight:600}.logout-btn:hover{text-shadow:0 0 8px #ff6b6b99}@media screen and (max-width:1330px){.navbar-client-area-desktop{display:none!important}.navbar-client-area-container{width:100%;padding:15px 5vw}body.menu-open{overflow:hidden}}@media screen and (max-width:570px){.navbar-client-area-left a img{height:30px!important}}