.workspace { display: grid; grid-template-columns: 252px minmax(0, 1fr); min-height: 100vh; }
.sidebar { background: var(--surface); border-right: 1px solid var(--line); padding: 1.5rem 1rem; display: flex; flex-direction: column; gap: 1.5rem; }
.sidebar nav { display: grid; gap: .2rem; }
#fallback-navigation a, #fallback-navigation span { padding: .45rem .65rem; }
#fallback-navigation span { color: var(--muted); font-size: .78rem; margin-top: .5rem; }
.sidebar nav a[aria-current] { background: #eaf0ff; border-radius: .5rem; font-weight: 650; }
.sidebar form { margin-top: auto; }
main { padding: clamp(1rem, 4vw, 2.6rem); width: min(100%, 1380px); }
.guest { min-height: 100vh; display: grid; place-items: center; }
.guest main { max-width: 450px; }
.page-header, .actions { display: flex; justify-content: space-between; align-items: center; gap: .8rem; flex-wrap: wrap; }
.page-header { margin-bottom: 1.1rem; }
.eyebrow { color: var(--muted); font-size: .8rem; font-weight: 650; text-transform: uppercase; letter-spacing: .08em; }
.summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: .7rem; }
.filter { display: flex; flex-wrap: wrap; align-items: end; gap: .7rem; }
.editor { max-width: 680px; }
.pager { display: flex; gap: 1rem; justify-content: center; }
@media (max-width: 710px) {
  .workspace { grid-template-columns: minmax(0, 1fr); }
  .sidebar { padding: .75rem; gap: .45rem; border-right: 0; border-bottom: 1px solid var(--line); }
  .sidebar nav { display: flex; flex-wrap: wrap; }
  #fallback-navigation span { display: none; }
  .summary { grid-template-columns: 1fr; gap: 0; }
}
.balance-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: .7rem; }
.sidebar nav[hidden] { display: none; }
#app-navigation:empty { display: none; }
.section-note { color: var(--muted); margin-bottom: 1rem; }