.app-layout{min-height:100vh;background-color:#f4f9f7}.app-main{padding:4.5rem 1rem 1rem}@media (min-width:1024px){.app-main{margin-left:16rem;padding:1.5rem 2rem}}.mobile-topbar{position:fixed;top:0;left:0;right:0;height:3.5rem;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;background-color:rgba(255,255,255,.95);backdrop-filter:blur(6px);border-bottom:1px solid #e5eeeb;z-index:45}@media (min-width:1024px){.mobile-topbar{display:none}}.sidebar{position:fixed;top:0;left:0;width:16rem;height:100vh;height:100dvh;background-color:#ffffff;color:#233530;border-right:1px solid #e5eeeb;z-index:50;transform:translateX(-100%);visibility:hidden;transition:transform .25s ease-in-out,visibility .25s}.sidebar.open{transform:translateX(0);visibility:visible;box-shadow:0 8px 40px -8px rgba(35,53,48,.25)}@media (min-width:1024px){.sidebar{transform:translateX(0);visibility:visible;box-shadow:none}}.sidebar-content{display:flex;flex-direction:column;height:100%;padding:1.25rem 1rem;gap:1rem;overflow-y:auto}.sidebar-nav{flex:1;min-height:0}.sidebar-overlay{position:fixed;inset:0;background-color:rgba(35,53,48,.4);z-index:40}@media (min-width:1024px){.sidebar-overlay{display:none}}