/* Shared navbar — consistent across all pages */
.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;padding:0 20px;height:44px;background:rgba(8,9,13,.92);backdrop-filter:blur(12px);border-bottom:1px solid #1d2130}
.topbar .logo{height:28px;flex-shrink:0}
.topbar .nav-center{flex:1;display:flex;justify-content:center;gap:4px}
.topbar .nav-link{padding:6px 12px;border-radius:6px;font-size:11px;font-weight:600;color:#8a90a3;text-decoration:none;transition:all .12s;white-space:nowrap}
.topbar .nav-link:hover{color:#e6e8ef}
.topbar .nav-link.active{background:rgba(46,207,133,.1);color:#2ecf85}
.topbar .nav-spacer{flex-shrink:0;width:140px}

/* Mobile responsive */
@media(max-width:768px){
  .topbar{padding:0 12px;gap:4px;overflow-x:auto}
  .topbar .nav-spacer{display:none}
  .topbar .nav-center{justify-content:flex-start;gap:2px}
  .topbar .nav-link{font-size:10px;padding:5px 8px}
  .topbar .logo{height:22px;margin-right:8px}
}