#app-header {
    display: flex;
    align-items: center;
    gap: var(--space-6);
    padding: var(--space-3) var(--space-6);
    background: var(--color-surface);
    border-bottom: 1px solid var(--color-border);
}
#app-header .brand strong { font-size: 1.2em; }
#app-header .org-name {
    margin-left: var(--space-3);
    color: var(--color-muted);
    font-size: 0.9em;
}
#app-header nav { display: flex; gap: var(--space-4); flex: 1; }
#app-header nav a { color: var(--color-text); font-weight: 500; }
#app-header .account {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}
#app { padding: var(--space-6); max-width: 1100px; margin: 0 auto; }

.auth-page { max-width: 380px; margin: 80px auto; }
.auth-page h1 { margin-bottom: var(--space-6); }
.auth-actions { display: flex; justify-content: space-between; align-items: center; }