*{box-sizing:border-box}body,html{margin:0}.vb-shell{display:flex;min-height:100vh;background:#0f172a;color:#f8fafc}.vb-main{flex:1 1;padding:2rem;overflow-y:auto;min-width:0}.vb-aside{width:220px;min-height:100vh;background:#1e293b;display:flex;flex-direction:column;padding:1.5rem 1rem;flex-shrink:0}.vb-scrim,.vb-topbar{display:none}@media (max-width:768px){.vb-main{padding:4.25rem 1rem 1rem}.vb-topbar{display:flex;align-items:center;gap:.75rem;right:0;height:3.25rem;z-index:30;background:#1e293b;border-bottom:1px solid #334155;padding:0 1rem}.vb-aside,.vb-topbar{position:fixed;top:0;left:0}.vb-aside{bottom:0;z-index:40;transform:translateX(-100%);transition:transform .22s ease;box-shadow:2px 0 16px rgba(0,0,0,.4)}.vb-aside.open{transform:translateX(0)}.vb-scrim.open{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:35}}