.header{z-index:1000;-webkit-backdrop-filter:blur(20px);background:#080b12e0;border-bottom:1px solid #00d4ff26;align-items:center;height:64px;transition:background .2s,border-color .2s;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px #00000080,0 1px #00d4ff14}.skip-to-content{color:#040812;z-index:1001;background:#00f0ff;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:700;text-decoration:none;transition:top .2s;position:absolute;top:-100px;left:16px}.skip-to-content:focus{top:14px}.header-container{justify-content:space-between;align-items:center;gap:24px;width:100%;max-width:1400px;margin:0 auto;padding:0 clamp(16px,3.5vw,48px);display:flex}.logo{cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.logo-wrapper{justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:relative}.logo-image{object-fit:contain;filter:drop-shadow(0 0 10px #00d4ff80);width:100%;height:100%;transition:transform .25s}.logo:hover .logo-image{transform:scale(1.08)rotate(-4deg)}.logo-text{letter-spacing:-.04em;color:#f8fafc;font-size:21px;font-weight:800}.logo-dot{color:#00d4ff;text-shadow:0 0 10px #00d4ff}.nav-desktop{align-items:center;gap:26px;display:flex}.nav-link{color:#94a3b8;letter-spacing:.01em;padding:6px 0;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s,text-shadow .2s;position:relative}.nav-link:hover{color:#00d4ff;text-shadow:0 0 8px #00d4ff66}.nav-link.active{color:#00f0ff;text-shadow:0 0 10px #00f0ff80;font-weight:700}.nav-link.active:after{content:"";background:#00f0ff;border-radius:2px;height:2px;position:absolute;bottom:-2px;left:0;right:0;box-shadow:0 0 8px #00f0ff}.nav-link-special{color:#00d4ff;font-weight:700}.nav-link-special:hover{color:#38bdf8;text-shadow:0 0 12px #38bdf899}.header-actions{flex-shrink:0;align-items:center;gap:14px;display:flex}.guest-actions{align-items:center;gap:12px;display:flex}.btn-lang-pill{color:#00d4ff;font-size:12px;font-weight:700;font-family:var(--font-jetbrains-mono), monospace;cursor:pointer;background:#00d4ff0d;border:1px solid #00d4ff40;border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;transition:all .2s;display:inline-flex}.btn-lang-pill:hover{background:#00d4ff1f;border-color:#00d4ff;box-shadow:0 0 12px #00d4ff40}.btn-login-cta{cursor:pointer;background:linear-gradient(135deg,#00f0ff,#00b4d8);border:1px solid #00f0ff80;border-radius:30px;align-items:center;gap:8px;padding:8px 18px;font-size:12px;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 0 18px #00d4ff59;color:#040812!important}.btn-login-cta:hover{background:#38bdf8;transform:translateY(-1px);box-shadow:0 0 25px #00d4ff99}.user-group{align-items:center;gap:10px;display:flex}.user-profile-summary{cursor:pointer;background:#0e1420b3;border:1px solid #00d4ff40;border-radius:30px;align-items:center;gap:8px;padding:3px 10px 3px 3px;text-decoration:none;transition:all .2s;display:flex}.user-profile-summary:hover{background:#00d4ff14;border-color:#00d4ff;transform:translateY(-1px);box-shadow:0 0 15px #00d4ff33}.user-avatar-3d{background:#0a0a0f;border:1px solid #00d4ff80;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex;overflow:hidden}.header-avatar{object-fit:cover;width:100%;height:100%}.user-meta-info{flex-direction:column;gap:1px;display:flex}.user-display-name{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;max-width:95px;font-size:11px;font-weight:700;line-height:1.1;overflow:hidden}.user-quick-stats{font-size:10px;font-family:var(--font-jetbrains-mono), monospace;color:#94a3b8;align-items:center;gap:6px;line-height:1;display:flex}.quick-stat{color:#00d4ff;align-items:center;gap:3px;display:inline-flex}.quick-stat img{filter:drop-shadow(0 0 3px #00d4ff80);width:9px;height:9px}.quick-stat-lv{color:#f59e0b;font-weight:700}.action-buttons{align-items:center;gap:6px;display:flex}.btn-icon{color:#cbd5e1;cursor:pointer;background:#0e1420a6;border:1px solid #00d4ff33;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;text-decoration:none;transition:all .2s;display:inline-flex}.btn-icon:hover{color:#00d4ff;background:#00d4ff1a;border-color:#00d4ff;transform:translateY(-1px);box-shadow:0 0 10px #00d4ff40}.btn-icon.btn-lang{width:auto;font-size:11px;font-weight:700;font-family:var(--font-jetbrains-mono), monospace;color:#00d4ff;border-radius:9999px;gap:4px;padding:0 9px}.btn-icon.btn-dashboard:hover{color:#00f0ff;border-color:#00f0ff}.btn-icon.btn-admin:hover{color:#f59e0b;border-color:#f59e0b;box-shadow:0 0 10px #f59e0b4d}.btn-icon.btn-link:hover{color:#5865f2;border-color:#5865f2;box-shadow:0 0 10px #5865f24d}.btn-icon.btn-logout:hover{color:#f43f5e;border-color:#f43f5e;box-shadow:0 0 10px #f43f5e4d}.menu-toggle-btn{color:#00d4ff;cursor:pointer;background:#00d4ff0d;border:1px solid #00d4ff40;border-radius:9999px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:none}.menu-toggle-btn:hover{background:#00d4ff1f;border-color:#00d4ff;box-shadow:0 0 10px #00d4ff40}@media (max-width:960px){.nav-desktop,.action-buttons{display:none}.menu-toggle-btn{display:flex}.user-meta-info{display:none}.user-profile-summary{background:0 0;border:none;padding:3px}}.mobile-menu{-webkit-backdrop-filter:blur(20px);z-index:999;background:#080c14f5;border-bottom:1px solid #00d4ff33;flex-direction:column;gap:8px;padding:18px 24px;animation:.2s ease-out headerSlideDown;display:flex;position:absolute;top:64px;left:0;right:0;box-shadow:0 12px 30px #000000b3}.mobile-link{color:#cbd5e1;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;padding:11px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:block}.mobile-link:hover,.mobile-link.active{color:#00d4ff;background:#00d4ff14;border-color:#00d4ff}.mobile-link.special{color:#00f0ff;border-color:#00f0ff40}.mobile-menu-divider{background:#ffffff12;height:1px;margin:6px 0}.mobile-menu-actions{align-items:center;gap:10px;display:flex}.mobile-lang-btn{color:#00d4ff;cursor:pointer;background:#00d4ff0f;border:1px solid #00d4ff40;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.mobile-btn-login{background:linear-gradient(135deg,#00f0ff,#00b4d8);border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:12px;font-weight:800;text-decoration:none;transition:all .2s;display:flex;color:#040812!important}@keyframes headerSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}