*{box-sizing:border-box}body{margin:0}.app-shell{display:flex;flex-direction:column}@media (min-width: 768px){.app-shell{flex-direction:row}}.sidebar{display:flex;flex-direction:row;overflow-x:auto;gap:4px;padding:10px 14px;border-bottom:1px solid #DCE2DD}@media (min-width: 768px){.sidebar{flex-direction:column;overflow-x:visible;overflow-y:visible;width:224px;min-height:100vh;border-bottom:none;border-right:1px solid #DCE2DD;padding:16px}}.sidebar-brand{display:none}@media (min-width: 768px){.sidebar-brand{display:block;margin-bottom:24px}}.sidebar-spacer{flex:1}.main-content{flex:1;padding:20px 20px 60px}@media (min-width: 768px){.main-content{padding:40px}}