.app-shell { display: grid; grid-template-columns: 280px 1fr; min-height: 100vh; }

.main { padding: 26px; min-width: 0; }

.topbar { display: flex; justify-content: space-between; gap: 16px; align-items: center; margin-bottom: 22px; }
.page-title h2 { margin: 0 0 6px; font-size: clamp(24px, 3vw, 36px); letter-spacing: -.03em; }
.page-title p { margin: 0; color: var(--muted); }

.screen { display: none; animation: fade .2s ease; }
.screen.active { display: block; }
@keyframes fade { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }