@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}a{color:inherit}.app-shell{max-width:1440px;min-height:100dvh;margin:auto;display:flex}.sidebar{color:#faf6ea;background:#062c20;flex-direction:column;flex-shrink:0;width:232px;padding:34px 18px;display:flex}.brand{align-items:center;gap:12px;font:800 18px Manrope,Arial,sans-serif;text-decoration:none;display:flex}.brand img{object-fit:contain;border-radius:50%;flex-shrink:0}.brand small{letter-spacing:2px;color:#60706d;margin-top:4px;font-size:10px;font-weight:600;display:block}.brand-large{text-align:center;flex-direction:column;gap:16px;padding-bottom:28px;font-size:21px}.brand-large small{color:#e8bd65;font-size:12px}.nav-item{color:#bed0ca;border-radius:10px;align-items:center;gap:13px;min-height:50px;margin:6px 0;padding:10px 16px;font-weight:500;text-decoration:none;display:flex}.nav-item.active{color:#062c20;background:#dcf675}.nav-item:hover{box-shadow:inset 0 0 0 1px}.nav-icon{flex-shrink:0;width:22px;height:22px;display:inline-flex}.nav-icon svg{width:22px;height:22px}.sidebar-note{color:#b8cfc5;margin-top:auto;padding:32px 15px 0;font-size:14px;line-height:1.6}.workspace{flex:1;min-width:0}.app-header{background:#fff;border-bottom:2px solid #e8bd65;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 40px;display:flex}.app-main{overflow-wrap:anywhere;outline:none;max-width:1150px;margin:auto;padding:36px 40px 60px}.page-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:26px;display:flex}.eyebrow.MuiTypography-root{text-transform:uppercase;letter-spacing:1.5px;color:#60706d;margin-bottom:8px;font-size:12px;font-weight:700}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.module-link{border-bottom:1px solid #dce4e1;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:16px 0;text-decoration:none;display:flex}.module-link:last-child{border-bottom:0}.module-link:hover{text-underline-offset:4px;text-decoration:underline}.module-link span{color:#60706d;text-align:right;font-size:14px}.bottom-nav{display:none}.skip-link{z-index:1500;color:#062c20;background:#fff;border-radius:8px;padding:12px;position:fixed;top:8px;left:8px;transform:translateY(-180%)}.skip-link:focus{transform:none}.signin-page{grid-template-columns:minmax(260px,400px) minmax(0,560px);place-content:center;min-height:100dvh;padding:32px;display:grid}.signin-brand{color:#faf6ea;text-align:center;background:#062c20;border-top:3px solid #e8bd65;border-radius:20px 0 0 20px;flex-direction:column;justify-content:center;padding:48px 28px;display:flex}.signin-brand p{color:#b8cfc5;line-height:1.6}.signin-content{overflow-wrap:anywhere;background:#fff;border:1px solid #dce4e1;border-radius:0 20px 20px 0;min-width:0;padding:40px}@media (width<=900px){.sidebar{display:none}.app-header{padding:18px 24px}.app-main{padding:28px 24px calc(110px + env(safe-area-inset-bottom))}.bottom-nav{z-index:1000;padding:7px 5px max(9px, env(safe-area-inset-bottom));background:#fff;border-top:1px solid #dce4e1;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav .nav-item{color:#60706d;flex-direction:column;flex:1;gap:4px;min-width:0;min-height:55px;margin:0;padding:5px 2px;font-size:12px}.bottom-nav .nav-item.active{color:#062c20;background:0 0;font-weight:700}.bottom-nav .active .nav-icon{background:#dcf675;border-radius:20px;justify-content:center;width:47px}.content-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.signin-page{background:#fff;padding:0;display:block}.signin-brand{padding:max(24px, env(safe-area-inset-top)) 24px 24px;border-radius:0}.signin-brand .brand-large{text-align:left;flex-direction:row;justify-content:center;padding-bottom:0}.signin-brand .brand-large img{width:72px;height:72px}.signin-content{padding:28px 20px max(28px, env(safe-area-inset-bottom));border:none;border-radius:0}.app-header{padding:max(14px, env(safe-area-inset-top)) 17px 14px;gap:10px}.app-header .brand{gap:7px;font-size:14px}.app-header .brand img{width:44px;height:44px}.app-main{padding:25px 18px calc(110px + env(safe-area-inset-bottom))}.page-heading h1{font-size:1.6875rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
