.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:linear-gradient(90deg, rgba(255,255,255,0.85), rgba(255,255,255,0.6));backdrop-filter:blur(6px);border-radius:12px;margin:18px 12px;box-shadow:var(--shadow-sm)}
.brand{display:flex;align-items:center;gap:12px;font-weight:700}
.logo{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--accent));display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:800}
.nav-actions{display:flex;gap:12px;align-items:center}
.nav-link{padding:8px 12px;border-radius:10px;color:var(--muted);font-weight:600}
.nav-link.active{background:rgba(76,175,80,0.12);color:var(--primary)}