.app-layout{height:100vh;min-height:100vh;font-family:var(--font-family);background:#fff;display:flex;position:relative;overflow:hidden}.app-layout--onboarding{justify-content:center;align-items:center;min-height:100vh;display:flex}.app-layout--onboarding .app-layout__mobile-toggle{display:none}.app-layout__profile-loading{color:#6b7280;align-items:center;gap:.5rem;font-size:.9375rem;display:flex}.app-layout__profile-loading-icon{animation:1s linear infinite app-layout-spin}@keyframes app-layout-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-layout__main{background:#fff;flex-direction:column;flex:1;min-height:0;margin-left:240px;transition:margin-left .3s;display:flex;overflow:hidden}.app-layout__main--collapsed{margin-left:70px}.app-layout__content{padding:var(--spacing-2xl);background:#fff;flex-direction:column;flex:1;max-width:100%;min-height:0;display:flex;overflow:hidden}.app-layout__mobile-toggle{top:var(--spacing-lg);left:var(--spacing-lg);z-index:1001;color:#fff;cursor:pointer;width:48px;height:48px;transition:var(--transition-fast);background:linear-gradient(90deg,#29b6f6 0%,#4fc3f7 50%,#81d4fa 100%);border:none;border-radius:50px;justify-content:center;align-items:center;display:none;position:fixed;box-shadow:0 4px 20px #29b6f666}.app-layout__mobile-toggle:hover{transform:scale(1.05);box-shadow:0 6px 25px #29b6f680}.app-layout__mobile-toggle:active{transform:scale(.95)}.app-layout__overlay{z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:none;position:fixed;inset:0}@media (max-width:768px){.app-layout__main{margin-left:0}.app-layout__content{padding:var(--spacing-lg);padding-top:calc(var(--spacing-lg) + 64px)}.app-layout__mobile-toggle{display:flex}.app-layout__overlay{display:block}}@media (max-width:480px){.app-layout__content{padding:var(--spacing-md);padding-top:calc(var(--spacing-md) + 64px)}.app-layout__mobile-toggle{top:var(--spacing-md);left:var(--spacing-md);width:44px;height:44px}}