.app-shell{display:flex;min-height:100vh}.app-sidebar{width:200px;flex-shrink:0;background:#0a0a0a;border-right:1px solid #1a1a1a;padding:20px 10px;box-sizing:border-box;position:-webkit-sticky;position:sticky;top:0;align-self:flex-start;max-height:100vh;overflow-y:auto}.app-sidebar-brand{font-size:.78rem;font-weight:700;color:#888;padding:0 10px 16px;letter-spacing:.5px}.app-sidebar-nav{display:flex;flex-direction:column;gap:2px}.app-nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;font-size:.85rem;border-radius:6px;text-decoration:none;color:#bbb;background:transparent;font-weight:400;transition:background .12s,color .12s}.app-nav-item.active{color:#93c5fd;background:#1e3a5f;font-weight:700}.app-nav-item:hover{background:#1a1a1a;color:#ddd}.app-nav-item.active:hover{background:#1e3a5f;color:#93c5fd}.app-nav-icon{font-size:1rem;width:20px;text-align:center}@media (max-width:768px){.app-shell{flex-direction:column}.app-sidebar{width:100%;max-height:none;border-right:none;border-bottom:1px solid #1a1a1a;padding:8px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.app-sidebar-brand{display:none}.app-sidebar-nav{flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch}.app-nav-item{flex-shrink:0;padding:8px 12px;font-size:.8rem}.app-nav-item .app-nav-label{display:inline}body{font-size:14px}}