.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:0;border-bottom:1px solid rgba(52,152,219,.3);transition:background .3s ease;background:linear-gradient(160deg,#0a0f1eeb,#141e32eb);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dark-nav{background:linear-gradient(120deg,#2ecc71,#3498db);-webkit-backdrop-filter:none;backdrop-filter:none}.nav-container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 30px;height:80px;position:relative}.nav-logo{flex-shrink:0;z-index:1001}.nav-logo img{height:70px;width:auto;display:block}.nav-links{display:flex;align-items:center;gap:10px;flex:1;justify-content:flex-end}.nav-links ul{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:4px}.nav-links ul li a{color:#fff;text-decoration:none;font-size:.95rem;padding:8px 14px;border-radius:8px;transition:background .2s ease;white-space:nowrap}.nav-links ul li a:hover{background:#ffffff26}.nav-auth{display:flex;align-items:center;margin-left:16px}.nav-btn-login{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.7);border-radius:20px;padding:8px 20px;font-size:.9rem;white-space:nowrap;transition:background .2s ease}.nav-btn-login:hover{background:#ffffff26;color:#fff}.nav-user{display:flex;align-items:center;gap:12px}.nav-avatar-wrap{position:relative;display:inline-block}.nav-avatar{width:40px;height:40px;border-radius:50%;border:2px solid #fff;object-fit:cover;display:block}.nav-online{position:absolute;bottom:1px;right:1px;width:11px;height:11px;background:#4caf50;border-radius:50%;border:2px solid #fff}.nav-btn-logout{background:transparent;border:1px solid rgba(255,255,255,.8);border-radius:20px;color:#fff;padding:7px 16px;font-size:.9rem;cursor:pointer;transition:background .2s ease;white-space:nowrap}.nav-btn-logout:hover{background:#ffffff26}.nav-burger{display:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;flex-shrink:0}.nav-burger span{display:block;width:100%;height:2px;background:#fff;border-radius:2px;transition:all .3s ease}.nav-burger.open span:nth-child(1){transform:translateY(9px) rotate(45deg)}.nav-burger.open span:nth-child(2){opacity:0}.nav-burger.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}@media (max-width: 991px){.nav-container{padding:0 20px;height:70px}.nav-logo img{height:55px}.nav-burger{display:flex}.nav-links{position:fixed;top:70px;left:0;right:0;z-index:999;background:linear-gradient(160deg,#1a1a2e,#16213e);flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;max-height:0;overflow:hidden;transition:max-height .35s ease;border-bottom:2px solid #2ecc71;box-shadow:0 8px 20px #0006}.nav-links--open{max-height:480px}.nav-links ul{flex-direction:column;align-items:flex-start;width:100%;gap:0;padding:10px 0 0}.nav-links ul li{width:100%}.nav-links ul li a{display:block;width:100%;padding:14px 28px;font-size:1rem;border-radius:0;border-bottom:1px solid rgba(255,255,255,.07);transition:background .2s ease,padding-left .2s ease}.nav-links ul li a:hover{background:#2ecc7126;padding-left:36px}.nav-auth{width:100%;margin-left:0;padding:14px 28px 18px;border-top:1px solid rgba(255,255,255,.1)}.nav-btn-login{display:block;text-align:center;width:100%;padding:12px 20px}.nav-user{width:100%;justify-content:space-between}.nav-btn-logout{flex:1;text-align:center;padding:10px 16px}}@media (max-width: 480px){.nav-container{padding:0 15px;height:62px}.nav-logo img{height:48px}.nav-links{top:62px}.nav-links ul li a{padding:13px 20px;font-size:.95rem}.nav-auth{padding:12px 20px 16px}}.nav-loading-spinner{width:22px;height:22px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#2ecc71;border-radius:50%;animation:navSpin .7s linear infinite;margin-left:auto}@keyframes navSpin{to{transform:rotate(360deg)}}