:root{--nav-drawer-bg:#003087;--nav-drawer-bg2:#002070;--nav-text-dim:rgba(255,255,255,0.55);--nav-text-mid:rgba(255,255,255,0.78);--nav-text-hi:#ffffff;--nav-section-label:rgba(255,255,255,0.45);--nav-item-hover:rgba(255,255,255,0.10);--nav-item-active:rgba(255,255,255,0.15);--nav-accent:#c8102e;--nav-accent-glow:rgba(200,16,46,0.5);--nav-border:rgba(255,255,255,0.12)}header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(0,30,100,0.72);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);border-bottom:1px solid rgba(255,255,255,0.10);box-shadow:0 2px 24px rgba(0,20,70,0.25);transition:all 0.3s cubic-bezier(.4,0,.2,1)}header.scrolled{background:rgba(0,22,80,0.95);box-shadow:0 4px 32px rgba(0,14,55,0.45)}.nav-container{max-width:1300px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:64px;transition:height 0.3s ease}header.scrolled .nav-container{height:54px}.logo-link{text-decoration:none;display:flex;align-items:center;z-index:1001;position:relative;flex-shrink:0}.logo-wrapper{display:flex;align-items:center;gap:0.65rem}.logo-portrait{width:40px;height:40px;min-width:40px;max-width:40px;min-height:40px;max-height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid rgba(255,255,255,0.9);box-shadow:0 0 0 3px rgba(200,16,46,0.45),0 4px 12px rgba(0,0,0,0.3);transition:all 0.3s ease}header.scrolled .logo-portrait{width:34px;height:34px;min-width:34px;max-width:34px;min-height:34px;max-height:34px}.logo{color:#fff;font-size:1rem;font-weight:600;white-space:nowrap}.logo span{color:#ffaaaa;font-weight:700}header nav ul{display:flex;list-style:none;gap:0;align-items:center;margin:0;padding:0}header nav ul li{position:relative;list-style:none}header nav a{display:flex;align-items:center;gap:0.3rem;color:rgba(255,255,255,0.75);font-size:0.875rem;font-weight:500;padding:0.45rem 0.95rem;border-radius:8px;transition:all 0.2s ease;white-space:nowrap;text-decoration:none}header nav a:hover{background:rgba(255,255,255,0.12);color:#fff}header nav a.active{background:rgba(255,255,255,0.16);color:#fff;font-weight:600}header nav .nav-live-link{display:flex!important;align-items:center;gap:0.35rem}.nav-live-dot{width:6px;height:6px;background:#ef4444;border-radius:50%;flex-shrink:0;animation:liveNavPulse 1.4s ease-in-out infinite}@keyframes liveNavPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.4;transform:scale(0.65)}}.menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;background:rgba(255,255,255,0.10);border:1px solid rgba(255,255,255,0.22);border-radius:10px;cursor:pointer;transition:all 0.2s ease;z-index:1001;position:relative;flex-shrink:0;padding:0}.menu-toggle:hover{background:rgba(255,255,255,0.18)}.menu-toggle .bar{display:block;width:18px;height:1.5px;background:#fff;border-radius:2px;transition:all 0.28s cubic-bezier(.4,0,.2,1);transform-origin:center}.menu-toggle.open .bar:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.menu-toggle.open .bar:nth-child(2){opacity:0;transform:scaleX(0)}.menu-toggle.open .bar:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,15,60,0.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:998;opacity:0;pointer-events:none;transition:opacity 0.3s ease}.nav-overlay.active{opacity:1}@media (min-width:769px) and (max-width:1024px){.nav-container{padding:0 1.25rem}header nav a{font-size:0.82rem;padding:0.4rem 0.7rem}}@media (max-width:768px){.nav-container{padding:0 1.1rem;height:58px}header.scrolled .nav-container{height:50px}.menu-toggle{display:flex}.nav-overlay{display:block;pointer-events:none}header nav{position:fixed;top:58px;right:-110%;width:min(260px,82vw);height:calc(100dvh - 58px);background:#002070;border-left:1px solid rgba(255,255,255,0.10);box-shadow:-8px 0 40px rgba(0,20,80,0.5);z-index:999;transition:right 0.30s cubic-bezier(.4,0,.2,1);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}header nav::-webkit-scrollbar{width:3px}header nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.15);border-radius:3px}header nav.active{right:0}.nav-profile-card{display:none}.nav-profile-card img{width:46px!important;height:46px!important;min-width:46px!important;max-width:46px!important;min-height:46px!important;max-height:46px!important;border-radius:50%;object-fit:cover;flex-shrink:0;display:block;border:2px solid rgba(255,255,255,0.9);box-shadow:0 0 0 3px rgba(200,16,46,0.45)}.nav-profile-info{flex:1;min-width:0}.nav-profile-name{font-size:0.84rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.nav-profile-role{font-size:0.70rem;color:rgba(255,255,255,0.55);margin-top:2px}.nav-profile-dot{width:9px;height:9px;background:#4ade80;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px rgba(74,222,128,0.6);animation:profileDotPulse 2s ease-in-out infinite}@keyframes profileDotPulse{0%,100%{opacity:1}50%{opacity:0.5}}header nav ul{display:flex!important;flex-direction:column;gap:0;padding:0 0.75rem 1rem;flex:1}header nav ul li{width:100%;list-style:none}li.nav-section-label{display:none}header nav a{display:flex;align-items:center;gap:0.8rem;padding:0.72rem 0.85rem;border-radius:10px;font-size:0.92rem;font-weight:500;color:var(--nav-text-mid);transition:all 0.18s ease;position:relative;background:transparent;margin:0.05rem 0;border:1px solid transparent}.nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0.65;transition:opacity 0.18s}header nav a:hover{background:var(--nav-item-hover);color:var(--nav-text-hi)}header nav a:hover .nav-icon{opacity:0.9}header nav a.active{background:rgba(255,255,255,0.15);color:#fff;font-weight:600;border-color:rgba(255,255,255,0.12)}header nav a.active .nav-icon{opacity:1}header nav a.active::after{content:'';position:absolute;left:0;top:18%;bottom:18%;width:3px;background:var(--nav-accent);border-radius:0 3px 3px 0;box-shadow:0 0 10px var(--nav-accent-glow)}header nav .nav-live-link .nav-live-dot{width:7px;height:7px}.nav-drawer-footer{padding:0.75rem;border-top:1px solid var(--nav-border);flex-shrink:0}.nav-drawer-footer a{display:flex!important;align-items:center;gap:0.75rem;padding:0.65rem 0.9rem!important;border-radius:10px!important;color:rgba(255,180,180,0.85)!important;font-weight:600!important;font-size:0.9rem!important;border:1px solid rgba(200,16,46,0.25)!important;background:rgba(200,16,46,0.10)!important;text-decoration:none;transition:all 0.18s ease}.nav-drawer-footer a:hover{background:rgba(200,16,46,0.20)!important;color:#fff!important;border-color:rgba(200,16,46,0.4)!important}.nav-drawer-footer a::after{display:none!important}}@media (max-width:480px){.nav-container{padding:0 0.9rem}.logo-portrait{width:34px;height:34px;min-width:34px;max-width:34px;min-height:34px;max-height:34px}.logo{font-size:0.88rem}header nav{width:min(260px,82vw);top:50px;height:calc(100dvh - 50px)}}