.shell{min-height:100vh;font-family:system-ui,-apple-system,sans-serif;display:flex}.sidenav{color:#e2e8f0;background:#0f172a;flex-shrink:0;width:240px;padding:1rem}.brand{align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem;font-size:1.1rem;font-weight:700;display:flex}.logo{background:#3b82f6;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:800;display:flex}.section-label{text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin:1rem 0 .35rem .5rem;font-size:.65rem;display:block}.sidenav nav a{color:#cbd5e1;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;text-decoration:none;display:flex}.sidenav nav a:hover{background:#1e293b}.sidenav nav a.active{color:#fff;background:#1d4ed8}.content{background:#f8fafc;flex:1;padding:2rem}.card{background:#fff;border-radius:12px;max-width:640px;padding:1.5rem;box-shadow:0 1px 3px #00000014}.badge{color:#1d4ed8;background:#dbeafe;border-radius:4px;margin-bottom:.75rem;padding:.2rem .5rem;font-size:.7rem;display:inline-block}.card-note{color:#64748b;margin-top:1rem;font-size:.85rem}
.d3-tree-container{background-color:#f9fafb;width:100%;height:100%;overflow:auto}.d3-tree-container svg{width:100%;height:100%;display:block}.node-foreign-object{pointer-events:all;overflow:visible}.node-foreign-object div{box-sizing:border-box;overflow:visible}.d3-tree-container .rd3t-link{stroke:#cbd5e1;stroke-width:1.5px;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s,stroke-width .2s}.dark .d3-tree-container .rd3t-link{stroke:#475569}.d3-tree-container .rd3t-link{stroke-dasharray:1200;stroke-dashoffset:1200px;animation:.9s cubic-bezier(.16,1,.3,1) forwards orgChartDrawLink}@keyframes orgChartDrawLink{to{stroke-dashoffset:0}}.org-chart-canvas{background-color:#fafbff;background-image:radial-gradient(circle at 20% 10%,#6366f10d 0%,#0000 40%),radial-gradient(circle at 80% 90%,#14b8a60a 0%,#0000 45%),radial-gradient(circle,#c7d2fe 1px,#0000 1px);background-size:auto,auto,28px 28px}.dark .org-chart-canvas{background-color:#0b1120;background-image:radial-gradient(circle at 20% 10%,#6366f114 0%,#0000 40%),radial-gradient(circle at 80% 90%,#14b8a60f 0%,#0000 45%),radial-gradient(circle,#1e293b 1px,#0000 1px)}.dark .d3-tree-container{background-color:#0b1120}@keyframes orgChartFocusPulse{0%{box-shadow:0 0 #6366f18c,0 6px 24px #0f172a1a}60%{box-shadow:0 0 0 14px #6366f100,0 6px 24px #0f172a1a}to{box-shadow:0 0 #6366f100,0 1px 3px #0f172a12}}.org-node-focused{animation:1.2s ease-out orgChartFocusPulse}