*{box-sizing:border-box}html,body,#root{margin:0}body{color:#1c1b18;background:#f6f4ef;font-family:Work Sans,system-ui,sans-serif}.app-layout{min-height:100vh;display:flex}.sidebar{background:#0f6e5c;flex-direction:column;flex-shrink:0;gap:4px;width:210px;padding:24px 16px;display:flex}.sidebar nav{flex-direction:column;gap:4px;display:flex}.sidebar .logo{color:#fff;margin:2px 6px 24px;font-family:Sora,sans-serif;font-size:19px;font-weight:800}.sidebar .profile{color:#fff;border-top:1px solid #ffffff26;margin-top:auto;padding-top:14px;font-size:12.5px;font-weight:700}.sidebar .profile span{color:#bfe2d3;font-size:11px;font-weight:500;display:block}.app-main{background:#f6f4ef;flex:1;padding:26px 30px;overflow:auto}.stats-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin-top:18px;display:grid}@media (width<=720px){.app-layout{flex-direction:column}.sidebar{flex-flow:wrap;align-items:center;width:100%;padding:12px 16px}.sidebar .logo{margin:0 12px 0 0}.sidebar nav{flex-flow:wrap}.sidebar .profile{border-top:none;margin-top:0;margin-left:auto;padding-top:0}.app-main{padding:18px 16px}.stats-grid{grid-template-columns:repeat(2,1fr)}}.stats-grid.stats-grid-3{grid-template-columns:repeat(3,1fr)}@media (width<=720px){.stats-grid.stats-grid-3{grid-template-columns:repeat(2,1fr)}}.stats-grid.stats-grid-5{grid-template-columns:repeat(5,1fr)}@media (width<=720px){.stats-grid.stats-grid-5{grid-template-columns:repeat(2,1fr)}}