@keyframes ripple{0%{transform:scale(0,0);opacity:.5}to{transform:scale(30,30);opacity:0}}:root{--header-height:65px;--navbar-bg:rgba(24, 23, 25, 0.95);--navbar-scrolled:rgba(26, 25, 28, 0.98);--item-hover-bg:rgba(255, 255, 255, 0.06);--dropdown-width:260px;--dropdown-shadow:0 10px 30px rgba(0, 0, 0, 0.25);--transition-speed:0.25s;--icon-size:18px;--header-z-index:1000;--dropdown-z-index:1050;--mobile-menu-z-index:1100;--overlay-z-index:999;--primary-button-bg:#ffc107;--primary-button-hover:#ffca2c;--primary-button-color:#222;--primary-button-color-hover:#000;--link-hover-color:#ffc107;--border-color:rgba(255, 255, 255, 0.1)}.header{position:fixed;top:0;left:0;width:100%;height:var(--header-height);background-color:var(--navbar-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 5px rgba(0,0,0,.1);z-index:var(--header-z-index);transition:background-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease;will-change:background-color,box-shadow}.header.scrolled{background-color:var(--navbar-scrolled);box-shadow:0 1px 8px rgba(0,0,0,.15)}.nav-container{max-width:1600px;width:100%;height:100%;margin:0 auto;padding:0 20px}.nav,.nav__logo{display:flex;align-items:center;height:100%}.nav{justify-content:space-between}.nav__logo{text-decoration:none;margin-right:20px;transition:opacity .2s ease}.nav__logo-img{height:32px;width:auto;transition:transform .3s ease;will-change:transform}.nav__logo-text{margin-left:10px;font-family:var(--title-font);font-size:1.3rem;font-weight:700;color:var(--link-hover-color);transition:color .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.2);letter-spacing:.5px}.nav__logo:hover .nav__logo-img{transform:scale(1.05)}.nav__logo:hover .nav__logo-text{color:#ffd54f}.nav__list,.nav__menu{height:100%;margin:0 10px}.nav__list{display:flex;list-style:none;margin:0;padding:0;gap:5px}.nav__action-btn,.nav__item,.nav__link{height:100%;position:relative}.nav__action-btn,.nav__link{display:flex;align-items:center;gap:8px;padding:0 15px;color:#fff;font-weight:500;font-size:.95rem;transition:all var(--transition-speed);text-decoration:none;-webkit-tap-highlight-color:transparent}.nav__link{justify-content:center}.nav__action-btn i,.nav__link i{color:var(--link-hover-color);font-size:var(--icon-size);transition:transform .3s ease,color .3s ease}.nav__action-btn::after,.nav__link::after{content:"";position:absolute;bottom:6px;left:0;width:100%;height:2px;background:var(--link-hover-color);transform:scaleX(0);transform-origin:right;transition:transform .6s cubic-bezier(.645,.045,.355,1)}.nav__action-btn.active::after,.nav__action-btn:hover::after,.nav__link.active::after,.nav__link:hover::after{transform:scaleX(1);transform-origin:left}.nav__action-btn::before,.nav__link::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(255,193,7,.05)0,transparent 70%);opacity:0;transition:opacity .4s ease;z-index:-1;border-radius:4px}.nav__action-btn.active::before,.nav__action-btn:hover::before,.nav__link.active::before,.nav__link:hover::before{opacity:1}.nav__actions{display:flex;align-items:center;height:100%;gap:5px}.nav__action-btn{border-radius:6px;background:0 0;border:0;cursor:pointer;user-select:none}.nav__action-btn:active{transform:scale(.96)}.nav__login-btn{height:57px;background-color:var(--primary-button-bg);padding:8px 16px;margin:0 5px;border-radius:6px;font-weight:600;box-shadow:0 2px 6px rgba(255,193,7,.2)}.nav__login-btn::after{display:none}.nav__login-btn:hover{background-color:var(--primary-button-hover);color:var(--primary-button-color-hover);box-shadow:0 4px 10px rgba(255,193,7,.3)}.nav__login-btn,.nav__login-btn i{color:var(--primary-button-color)}.nav__login-btn:hover i{color:var(--primary-button-color-hover);transform:translateX(2px)}.action-text{font-weight:500}.arrow-icon{font-size:.7rem!important;margin-left:4px;transition:transform var(--transition-speed)!important}.nav__dropdown.active .arrow-icon{transform:rotate(180deg)!important}.nav__dropdown{position:relative;height:100%;display:flex;align-items:center}.dropdown-panel{position:absolute;top:calc(100%);right:0;width:var(--dropdown-width);background-color:rgba(34,33,37,.98);border-radius:8px;box-shadow:var(--dropdown-shadow);overflow:hidden;border:1px solid var(--border-color);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px);transition:all .3s ease;z-index:var(--dropdown-z-index)}.nav__dropdown.active .dropdown-panel{opacity:1;visibility:visible;pointer-events:all;transform:translateY(0)}.dropdown-panel--wide{width:calc(var(--dropdown-width) + 20px)}.dropdown-panel__header{padding:12px 16px;background-color:rgba(255,255,255,.03);border-bottom:1px solid var(--border-color);color:#a0a0a0;font-weight:500;font-size:.85rem}.user-panel-header{display:flex;align-items:center;gap:12px;padding:16px}.user-panel-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--link-hover-color)}.user-panel-info{display:flex;flex-direction:column}.user-panel-name{color:#fff;font-weight:600;margin-bottom:2px}.user-panel-email{color:#a0a0a0;font-size:.8rem}.dropdown-panel__content{max-height:300px;overflow-y:auto;padding:6px 0}.dropdown-panel__content::-webkit-scrollbar{width:6px;height:6px}.dropdown-panel__content::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:3px}.dropdown-panel__content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:3px}.dropdown-panel__content::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.15)}.dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 16px;color:#fff;text-decoration:none;transition:all var(--transition-speed);font-size:.9rem;position:relative;cursor:pointer}.dropdown-item i{width:16px;text-align:center;font-size:.95rem;color:#a0a0a0;transition:color var(--transition-speed),transform .3s ease}.dropdown-item:hover{background-color:var(--item-hover-bg);color:var(--link-hover-color)}.dropdown-item:hover i{transform:translateX(2px)}.dropdown-item.active{background-color:rgba(255,193,7,.1)}.dropdown-item.active,.dropdown-item.active i,.dropdown-item:hover i{color:var(--link-hover-color)}.dropdown-item::after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:rgba(255,255,255,.1);opacity:0;border-radius:100%;transform:scale(1,1) translate(-50%);transform-origin:50% 50%}.dropdown-item:active::after{animation:ripple .5s ease-out}.dropdown-divider{height:1px;margin:4px 0;background-color:var(--border-color)}.text-danger,.text-danger i{color:#ff5757!important}.text-danger:hover,.text-danger:hover i{color:#f33!important}.lang-flag{font-size:1.2rem;margin-right:4px}.nav__avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid var(--link-hover-color);transition:transform .3s ease,box-shadow .3s ease}.nav__action-btn:hover .nav__avatar{transform:scale(1.1);box-shadow:0 2px 8px rgba(0,0,0,.4)}.nav__username{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.nav__toggle{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:0 0;border:0;cursor:pointer;z-index:var(--mobile-menu-z-index);padding:0;transition:transform .3s ease}.toggle-bar{width:100%;height:2px;background-color:#fff;border-radius:1px;transition:all .3s ease}.nav__toggle.active .toggle-bar:nth-child(1){transform:translateY(8px) rotate(45deg);background-color:var(--link-hover-color)}.nav__toggle.active .toggle-bar:nth-child(2){opacity:0}.nav__toggle.active .toggle-bar:nth-child(3){transform:translateY(-8px) rotate(-45deg);background-color:var(--link-hover-color)}.nav__toggle:active{transform:scale(.9)}.mobile-menu{position:fixed;top:0;right:-100%;width:280px;max-width:85%;height:100vh;background-color:rgba(30,29,32,.98);z-index:var(--mobile-menu-z-index);box-shadow:-5px 0 25px rgba(0,0,0,.3);display:flex;flex-direction:column;overflow-y:auto;transition:right .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mobile-menu.active{right:0}.mobile-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:var(--overlay-z-index);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.mobile-overlay.active{opacity:1;visibility:visible}.mobile-menu-header{justify-content:space-between;padding:15px 20px;border-bottom:1px solid var(--border-color)}.mobile-branding,.mobile-menu-header{display:flex;align-items:center}.mobile-logo{height:26px}.mobile-logo-text{margin-left:10px;font-family:var(--title-font);font-size:1.2rem;font-weight:700;color:var(--link-hover-color)}.mobile-close,.mobile-user{display:flex;align-items:center}.mobile-close{background:0 0;border:0;color:#fff;font-size:1.3rem;cursor:pointer;padding:5px;justify-content:center;transition:color .2s ease,transform .2s ease;border-radius:50%;width:32px;height:32px}.mobile-close:hover{color:var(--link-hover-color);background-color:rgba(255,255,255,.05)}.mobile-close:active{transform:scale(.9)}.mobile-user{flex-direction:column;padding:20px;text-align:center;border-bottom:1px solid var(--border-color);background-color:rgba(255,255,255,.02)}.mobile-user-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid var(--link-hover-color);margin-bottom:10px;box-shadow:0 3px 12px rgba(0,0,0,.3)}.mobile-user-name{font-weight:600;font-size:1.1rem;margin-bottom:2px;color:#fff}.mobile-user-email{color:#a0a0a0;font-size:.85rem}.mobile-nav{list-style:none;padding:15px 0;margin:0}.mobile-nav-item{margin-bottom:4px}.mobile-nav-link{display:flex;align-items:center;padding:12px 20px;gap:15px;color:#fff;text-decoration:none;transition:all var(--transition-speed);font-weight:500;position:relative;font-size:.95rem}.mobile-nav-link i{width:20px;text-align:center;font-size:1.05rem;color:var(--link-hover-color);transition:transform .2s ease}.mobile-nav-link.active,.mobile-nav-link:hover{background-color:var(--item-hover-bg);color:var(--link-hover-color)}.mobile-nav-link.active i,.mobile-nav-link:hover i{transform:translateX(3px)}.mobile-login{background-color:var(--primary-button-bg);color:var(--primary-button-color)!important;margin:10px 20px;border-radius:6px;justify-content:center;font-weight:600}.mobile-login i{color:var(--primary-button-color)}.mobile-login:hover{filter:brightness(1.1)}.mobile-logout{color:#ff5757!important}.mobile-logout i{color:#ff5757}.mobile-logout:hover{background-color:rgba(255,87,87,.1)}.mobile-language{padding:15px 20px;border-top:1px solid var(--border-color);margin-top:auto}.mobile-language-label{display:flex;align-items:center;gap:10px;margin-bottom:15px;color:#a0a0a0;font-weight:500}.mobile-language-label i{color:var(--link-hover-color)}.mobile-language-options{display:flex;flex-wrap:wrap;gap:8px}.mobile-language-option{display:flex;align-items:center;gap:5px;padding:8px 12px;border-radius:6px;background-color:rgba(255,255,255,.03);color:#fff;text-decoration:none;transition:all var(--transition-speed)}.mobile-language-option:hover{background-color:rgba(255,255,255,.08)}.mobile-language-option.active{background-color:rgba(255,193,7,.1);color:var(--link-hover-color)}@media screen and (max-width:1300px){.nav__action-btn{padding:8px}.action-text{display:none}}@media screen and (max-width:1200px){.nav__menu{margin:0 5px}.nav__link{padding:0 10px}.nav__logo-text{font-size:1.2rem}}@media screen and (max-width:1040px){:root{--header-height:60px}.nav__logo-text{font-size:1.15rem}.nav__menu{display:none}.nav__toggle{display:flex}.action-text,.nav__action-btn,.nav__username{display:none}}@media screen and (max-width:576px){.nav-container{padding:0 15px}.nav__logo-text{font-size:1.05rem}.nav__logo-img{height:28px}.nav__action-btn{display:none}.nav__actions{gap:2px}.nav__avatar{width:28px;height:28px}.dropdown-panel{width:calc(100vw - 30px);max-width:320px;right:50%;transform:translateX(50%) translateY(10px)}.nav__dropdown.active .dropdown-panel{transform:translateX(50%) translateY(0)}}