.site-header { background: var(--color-surface); border-bottom: 1px solid var(--color-border); }
.nav { min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.brand { font-weight: 700; color: var(--color-text); }
.nav-links { display: flex; gap: 16px; align-items: center; }
.main { padding: 32px 0; }
.footer { padding: 28px 0; color: var(--color-muted); border-top: 1px solid var(--color-border); background: var(--color-surface); }
.backoffice-shell { min-height: 100vh; display: grid; grid-template-columns: 260px 1fr; }
.sidebar { background: var(--color-sidebar); color: white; padding: 24px; }
.sidebar a { color: #dbeafe; display: block; padding: 10px 0; }
.backoffice-content { padding: 28px; }
table { width: 100%; border-collapse: collapse; background: var(--color-surface); border: 1px solid var(--color-border); }
th, td { padding: 12px; border-bottom: 1px solid var(--color-border); text-align: left; }
th { background: #eef4fb; }