.nav-brand{align-items:center;border-left:1px solid var(--border);display:flex;gap:8px;margin-left:8px;padding-left:16px}.brand-icon{color:var(--primary);font-size:18px}.brand-text{color:var(--text-primary);font-size:15px;font-weight:700;letter-spacing:-.03em}.nav-top{gap:24px}.nav-top,.nav-top .nav-links{align-items:center;display:flex}.nav-top .nav-links{flex:1;gap:2px}.nav-top .nav-links a{align-items:center;display:flex;gap:6px}.nav-icon{font-size:12px;opacity:.7}.nav-more{position:relative}.nav-more-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all var(--transition-base)}.nav-more-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-dropdown{animation:fadeInUp .2s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f0f19f2;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:0;min-width:160px;padding:6px;position:absolute;top:calc(100% + 8px);z-index:200}.nav-dropdown a{align-items:center;border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;font-size:13px;font-weight:500;gap:8px;padding:10px 14px;text-decoration:none;transition:all var(--transition-base)}.nav-dropdown a:hover{background:var(--bg-hover);color:var(--text-primary)}.dropdown-logout{align-items:center;background:none;border:none;border-radius:var(--radius-sm);border-top:1px solid var(--border);color:var(--error);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:8px;margin-top:4px;padding:12px 14px 10px;transition:all var(--transition-base);width:100%}.dropdown-logout:hover{background:var(--error-subtle)}.nav-bottom{display:none}@media(max-width:768px){.nav-brand,.nav-top{display:none}.nav-bottom{backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);background:#08080feb;border-top:1px solid var(--border);bottom:0;box-shadow:0 -2px 20px #0000004d;justify-content:space-around;left:0;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));position:fixed;right:0;z-index:100}.nav-bottom,.tab-item{align-items:center;display:flex}.tab-item{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;flex-direction:column;font-size:10px;font-weight:500;gap:2px;min-width:56px;padding:8px 12px;position:relative;text-decoration:none;-webkit-tap-highlight-color:transparent}.tab-icon,.tab-item{transition:all var(--transition-base)}.tab-icon{font-size:20px;opacity:.7}.tab-label{font-size:10px}.tab-item.router-link-active,.tab-item.router-link-exact-active{color:var(--primary-bright)}.tab-item.router-link-active .tab-icon,.tab-item.router-link-exact-active .tab-icon{opacity:1;text-shadow:0 0 12px var(--primary-glow)}.mobile-dropdown{animation:fadeInUp .2s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f0f19f2;border:1px solid var(--border);border-radius:var(--radius-md);bottom:calc(100% + 10px);box-shadow:var(--shadow-lg);left:50%;min-width:140px;padding:6px;position:absolute;transform:translate(-50%);z-index:200}.mobile-dropdown a{border-radius:var(--radius-sm);color:var(--text-secondary);display:block;font-size:14px;font-weight:500;padding:12px 16px;text-align:center;text-decoration:none;transition:all var(--transition-base)}.mobile-dropdown a:active,.mobile-dropdown a:hover{background:var(--bg-hover);color:var(--text-primary)}.mobile-logout{background:none;border:none;border-radius:var(--radius-sm);border-top:1px solid var(--border);color:var(--error);cursor:pointer;display:block;font-family:inherit;font-size:14px;font-weight:500;margin-top:4px;padding:12px 16px;text-align:center;transition:all var(--transition-base);width:100%}.mobile-logout:active,.mobile-logout:hover{background:var(--error-subtle)}.app{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}}