.app-shell{background:var(--qi-color-bg);grid-template-columns:280px minmax(0,1fr);min-height:100dvh;display:grid}.app-shell-page{flex-direction:column;min-width:0;display:flex}.app-shell>.sidebar{z-index:3}html[data-modal-open] .app-shell>.sidebar{top:var(--modal-scroll-y,0px);position:relative}.app-bar{display:none}@media (max-width:1023.98px){.app-shell{flex-direction:column;display:flex}.app-shell>.sidebar{display:none}.app-shell-page{flex-grow:1}.app-bar{z-index:20;height:calc(76px + var(--qi-safe-top));padding:var(--qi-safe-top) calc(20px + var(--qi-safe-right)) 0 calc(20px + var(--qi-safe-left));border-bottom:1px solid var(--qi-app-line);background:var(--qi-color-surface);flex:none;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:sticky;top:0;overflow:clip}.app-bar .app-bar-menu{justify-self:start;gap:10px;height:48px;padding:0 14px 0 10px;font-size:17px}.app-bar-logo{padding:7px 0;display:inline-flex}.app-bar-logo img{width:auto;height:30px;display:block}.app-bar-end{justify-self:end;align-items:center;gap:8px;display:flex}.app-bar .app-bar-action{padding:0 16px}.app-bar .app-bar-action--raised{gap:10px;padding:0 20px}}@media (max-width:599.98px){.app-bar{height:calc(64px + var(--qi-safe-top));padding:var(--qi-safe-top) calc(10px + var(--qi-safe-right)) 0 calc(10px + var(--qi-safe-left))}.app-bar .app-bar-menu{gap:8px;padding:0 10px;font-size:16px}.app-bar-logo{padding:9px 0}.app-bar-logo img{height:26px}.app-bar .app-bar-search{background:0 0;border:0}.app-bar-search svg{width:22px;height:22px}}.sheet-layer{z-index:60;width:100%;height:100dvh;position:absolute;top:0;left:0}@media (min-width:1024px){.sheet-layer{display:none}}.sheet-scrim{background:#11173580;position:absolute;inset:0}.sheet{width:320px;max-width:100vw;padding:calc(16px + var(--qi-safe-top)) 16px calc(20px + var(--qi-safe-bottom)) calc(16px + var(--qi-safe-left));background:var(--qi-color-surface);flex-direction:column;gap:4px;display:flex;position:absolute;top:0;bottom:0;left:0;overflow-y:auto;box-shadow:30px 0 60px -30px #00000073}.sheet:focus{outline:none}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.sheet-logo{margin-left:10px;padding:7px 0;display:inline-flex}.sheet-logo img{width:auto;height:30px;display:block}.sheet .sheet-close{gap:8px;height:48px;padding:0 12px}.sheet .nav-item{min-height:52px}.sheet .sidebar-nav{flex-flow:column;order:0;width:auto}.sheet .sidebar-overline{display:block}.sheet .sidebar-bottom{flex-direction:column;align-items:stretch;margin:auto 0 0}.sheet .plan-card,.sheet .account-text{display:flex}@media (min-width:600px){.sheet .account-menu{min-width:0;inset:auto 0 calc(100% + 8px)}}.focus-bar{z-index:20;height:calc(60px + var(--qi-safe-top));padding:var(--qi-safe-top) calc(12px + var(--qi-safe-right)) 0 calc(12px + var(--qi-safe-left));border-bottom:1px solid var(--qi-app-line);background:var(--qi-color-surface);flex:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;display:grid;position:sticky;top:0}.focus-bar-back{white-space:nowrap;text-overflow:ellipsis;justify-self:start;align-items:center;gap:4px;max-width:100%;min-height:44px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex;overflow:hidden}.focus-bar-back svg{flex:none}.focus-bar-title{white-space:nowrap;text-overflow:ellipsis;max-width:48vw;font-size:17px;font-weight:700;overflow:hidden}.focus-bar-end{justify-self:end;align-items:center;gap:8px;display:flex}