.app-shell{background:var(--bg);min-height:100vh;display:flex}.app-sidebar{background:var(--bg-card);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:248px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.app-main{flex:1;min-width:0}.app-page{--app-page-width:980px;max-width:var(--app-page-width);margin:0 auto;padding:40px 28px 64px}.app-page--narrow{--app-page-width:760px}.app-page--wide{--app-page-width:1320px}@media (max-width:860px){.app-page{padding:30px 18px 52px}}.app-topbar{display:none}@media (max-width:860px){.app-shell{flex-direction:column}.app-sidebar{display:none}.app-topbar{z-index:40;background:var(--bg-card);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 16px;display:flex;position:sticky;top:0}.app-drawer-overlay{z-index:50;background:#0c0c1066;display:flex;position:fixed;inset:0}.app-drawer{background:var(--bg-card);border-right:1px solid var(--border);flex-direction:column;width:264px;max-width:82vw;height:100%;padding:16px 14px;display:flex}}