.appShell{height:100%;display:grid;grid-template-columns:200px 1fr;background:var(--bg-base)}.appShell__sidebar{height:100%;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column}.sidebar{display:flex;flex-direction:column;padding:.75rem 0;flex:1}.sidebar__brand{display:flex;flex-direction:column;align-items:flex-start;padding:.875rem 1rem 1.25rem;border-bottom:1px solid var(--border);margin-bottom:.5rem}.sidebar__brand-name{font-size:1rem;font-weight:700;letter-spacing:-.01em;color:var(--text-primary);line-height:1.2}.sidebar__brand-sub{font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text);margin-top:1px}.sidebar__nav{display:flex;flex-direction:column;gap:2px;padding:0 .5rem;flex:1}.sidebar__link{display:flex;align-items:center;gap:.625rem;padding:.6rem .75rem;border-radius:var(--radius);text-decoration:none;color:var(--text-secondary);font-size:.875rem;font-weight:500;transition:background var(--dur) var(--ease),color var(--dur) var(--ease);white-space:nowrap}.sidebar__link:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar__link.active{background:var(--accent-dim);color:var(--accent-text)}.sidebar__link.active svg{color:var(--accent)}.sidebar__link-icon{flex-shrink:0;width:16px;height:16px}.sidebar__section-label{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);padding:.75rem 1.25rem .25rem}.sidebar__footer{padding:.5rem;border-top:1px solid var(--border);margin-top:auto}.appShell__main{height:100%;display:flex;flex-direction:column;min-width:0;min-height:0}.appHeader{height:56px;display:flex;align-items:center;padding:0 1.5rem;border-bottom:1px solid var(--border);background:var(--bg-card);flex-shrink:0;gap:1rem}.appHeader__title{font-size:.875rem;font-weight:600;color:var(--text-secondary);letter-spacing:.02em}.appHeader__breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.appHeader__breadcrumb-sep{color:var(--text-muted)}.appHeader__breadcrumb-current{color:var(--text-primary);font-weight:500}.appShell__scroll{flex:1;min-height:0;overflow-y:auto;padding:1.5rem}.appShell__scroll::-webkit-scrollbar{width:6px}.appShell__scroll::-webkit-scrollbar-track{background:transparent}.appShell__scroll::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.withRightPanel{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start}.withRightPanel__main{min-width:0}.withRightPanel__aside{align-self:stretch}.withRightPanel__asideScroll{max-height:100%;overflow-y:auto}html,body,#root{height:100%}body{margin:0;overflow:hidden}