.app-body{display:flex;flex:1;min-height:0}.app-main{flex:1;min-width:0;display:flex;flex-direction:column}.layout{flex:1}.layout-main{min-width:0;padding:0}header{display:flex;align-items:center;height:var(--header-height);background-color:var(--bg-surface);border-bottom:var(--hairline)}body>header{position:sticky;top:0;z-index:20}header h1{display:flex;align-items:center;gap:var(--sp-2);margin:0 auto 0 var(--sp-6);font-size:var(--fs-lg);font-weight:600;color:var(--text-primary)}.header-logo{flex:none;display:flex;align-items:center;justify-content:center;width:var(--sidebar-width);height:100%;padding:.15rem .25rem;border-right:var(--hairline)}.header-logo img{max-width:100%;max-height:100%;width:auto;height:auto}.header-logo__mark{display:none}.header-toggle{display:flex;align-items:center;justify-content:center;flex:none;width:calc(var(--header-height) * .8);height:100%;border:none;border-right:1px solid var(--border);border-radius:0;background-color:initial;color:var(--text-muted);cursor:pointer;transition:color .15s linear}@media(hover:hover){.header-toggle:hover{color:var(--text-primary)}}.header-toggle--right{border-right:none;border-left:1px solid var(--border)}.header-toggle--plain{width:auto;padding:0 .9rem;border:none;position:relative}.header-badge{position:absolute;top:.45rem;right:.4rem;min-width:1.1rem;height:1.1rem;padding:0 .25rem;border-radius:999px;background-color:var(--danger);color:#fff;font-size:.7rem;font-weight:700;line-height:1.1rem;text-align:center}.header-theme-icon{width:1.8rem;height:1.8rem}.header-notification-icon{width:1.6rem;height:1.6rem}.sidebar{flex:none;align-self:flex-start;position:sticky;top:var(--header-height);width:var(--sidebar-width);height:calc(100vh - var(--header-height));border:none;border-right:var(--hairline);border-radius:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;padding:0}.sidebar-nav{flex:1;display:flex;flex-direction:column;padding:var(--sp-3)0}.sidebar-list{display:flex;flex-direction:column;list-style:none}.sidebar-link{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-2)var(--sp-4);border:none;border-left:3px solid transparent;background-color:initial;color:var(--text-muted);font-size:var(--fs-sm);text-align:left;cursor:pointer;transition:all .15s linear}.sidebar-link:hover{background-color:var(--bg-raised);color:var(--text-primary)}.sidebar-link.is-active,.sidebar-link:active{border-left-color:var(--accent);background-color:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--text-primary)}.sidebar-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sidebar-icon{flex:none;width:1.1rem;height:1.1rem}.sidebar-logout{padding:var(--sp-3);border-top:var(--hairline)}.sidebar-link--action{color:var(--text-muted)}@media(max-width:768px){html,body{height:100vh;height:100dvh;overflow:hidden}.app-body{overflow:hidden}.app-main{overflow-y:auto}.sidebar{position:fixed;top:auto;bottom:0;left:0;z-index:50;width:100%;height:auto;flex-direction:row;align-items:stretch;border:none;border-top:var(--hairline);transform:translateZ(0);padding-bottom:env(safe-area-inset-bottom);padding-bottom:env(safe-area-max-inset-bottom,env(safe-area-inset-bottom,0px))}.sidebar-link__label{display:none}.sidebar-link{justify-content:center;gap:0;padding:.6rem .55rem;border-left:none;border-radius:var(--radius)}.sidebar .sidebar-icon{width:1.6rem;height:1.6rem}.sidebar-nav{padding:.25rem}.sidebar-list{flex-direction:row;justify-content:space-around;gap:0}.sidebar-logout{flex:none;padding:.25rem;border-top:none;border-left:var(--hairline)}.app-main{padding-bottom:calc(3.6rem + env(safe-area-inset-bottom,0px));padding-bottom:calc(3.6rem + env(safe-area-max-inset-bottom,env(safe-area-inset-bottom,0px)))}.header-logo{width:auto}.header-logo__full{display:none}.header-logo__mark{display:block}}