.app-shell-layout{display:flex;height:100vh;height:100dvh;min-height:0;overflow:hidden}.app-main{flex:1;min-width:0;min-height:0;height:100%;position:relative;overflow-x:hidden;overflow-y:auto}.app-main--modules,.app-shell-layout--modules{background:var(--color-bg-primary)}@media (min-width:721px){.app-shell-layout--modules .compass-sidebar{display:flex;flex:0 0 auto}}.mobile-sidebar-btn,.mobile-topbar{display:none}@media (max-width:720px){.app-shell-layout{display:block;height:100dvh;min-height:100dvh}.app-main{height:100%;min-height:0}.mobile-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:6px;height:48px;padding:0 8px;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border)}.mobile-topbar-brand{font-size:15px;font-weight:600;color:var(--color-text-primary)}.mobile-sidebar-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border:0;border-radius:10px;background:transparent;color:var(--color-text-secondary);cursor:pointer}.mobile-sidebar-btn:active{background:var(--color-bg-secondary)}}.app-topright{position:sticky;top:0;height:0;z-index:30;display:flex;justify-content:flex-end;align-items:flex-start;padding-right:14px}.app-topright>*{margin-top:10px}.mobile-topbar-bell{margin-left:auto}@media (max-width:720px){.app-topright{display:none}}