.app-shell { display: flex; max-width: 1440px; margin: auto; }
.sidebar { width: 230px; flex: 0 0 230px; padding: 28px 14px; border-right: 1px solid var(--line); min-height: calc(100vh - 78px); background: #fffdfb; }
.sidebar nav { position: sticky; top: 96px; display: grid; gap: 7px; }
.sidebar a { padding: 12px 14px; border-radius: 12px; color: var(--ink); text-decoration: none; }
.sidebar a:hover { background: var(--peach-2); color: var(--blue-ink); }
.app-shell > .page { width: min(100%, 1160px); margin: 0 auto; }
@media (max-width: 700px) { .sidebar { display: none; } .app-shell { display: block; } }