.console{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;background:var(--color-surface);border-right:1px solid var(--color-border)}
.brand{display:block;padding:4px 10px}
.brand img,.login-logo{max-width:168px;height:auto}
.primary-nav{display:grid;gap:6px;margin-top:32px}
.primary-nav a,.primary-nav span{padding:10px 12px;border-radius:var(--radius-sm);color:var(--color-text);text-decoration:none}
.primary-nav span{color:var(--color-text-muted)}
.primary-nav a[aria-current="page"]{background:#eaf0ff;color:var(--color-primary);font-weight:700}
.workspace{min-width:0}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 32px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}
.topbar h1{margin:4px 0 0;font-size:1.35rem}
.topbar-actions{display:flex;align-items:center;gap:8px}
#overview-root{max-width:1480px;margin:0 auto;padding:32px}
@media(max-width:900px){
  .console{grid-template-columns:1fr}
  .sidebar{position:static;width:auto;height:auto;border-right:0;border-bottom:1px solid var(--color-border)}
  .primary-nav{display:flex;overflow-x:auto}
  .primary-nav a,.primary-nav span{white-space:nowrap}
  .topbar{padding:20px}
  .topbar-actions{flex-wrap:wrap}
  #overview-root{padding:20px}
}