:root{--background-secondary: #f7f7f7;--background-brand: #141f2e;--text-inverted: #ffffff;--icon-on-color: #ffffff;--surface-navitem-hover: rgba(255, 255, 255, .1);--surface-navitem-selected: #374e6d;--radius-lg: 8px;--font-family: "Inter", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif}.app-shell{display:flex;flex-direction:column;min-height:100%;background:var(--background-secondary);font-family:var(--font-family)}.app-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:32px;height:64px;padding:0 24px;background:var(--background-brand);color:var(--text-inverted)}.app-brand{display:inline-flex;align-items:center;color:var(--text-inverted)}.app-brand svg{display:block;height:20px;width:auto}.app-nav{display:flex;align-items:center;gap:4px}.nav-link{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:var(--radius-lg);background:transparent;border:none;cursor:pointer;color:var(--text-inverted);text-decoration:none;font-family:inherit;font-size:14px;font-weight:400;letter-spacing:.25px;transition:background-color .12s ease}.nav-link svg{color:var(--icon-on-color)}.nav-link:hover{background:var(--surface-navitem-hover)}.nav-link.is-active{background:var(--surface-navitem-selected);font-weight:600}.app-header__spacer{flex:1}.app-main{flex:1;width:100%;max-width:1650px;margin:0 auto;padding:32px 24px 56px}@media (max-width: 640px){.app-header{gap:16px;padding:0 16px}.app-main{padding:24px 16px 48px}}