.topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 28px;
    height: 60px;
    background: var(--s1);
    border-bottom: 1px solid var(--border);
}

.nav {
    display: flex;
    gap: 5px;
}

.nav-item {
    font-size: 13px;
    font-weight: 600;
    color: var(--muted);
    padding: 8px 16px;
    border-radius: var(--radius);
    cursor: pointer;
    transition: all .15s;
}

.nav-item:hover,
.nav-item.active {
    color: var(--text);
    background: var(--s2);
}

.nav-item .badge {
    background: var(--amber);
    color: var(--bg);
    font-size: 9px;
    padding: 2px 5px;
    border-radius: 4px;
    margin-left: 6px;
}

.profile-badge {
    border: 1px solid var(--border);
}