body{font-family:Inter,system-ui,sans-serif;color:#17221f}.brand{color:#116b5e}.sidebar{width:245px;position:fixed;inset:0 auto 0 0;background:#123d36;color:#fff;padding:20px 13px}.sidebar a{display:flex;gap:10px;color:#d9eee7;text-decoration:none;padding:10px 12px;border-radius:11px;font-size:13px;margin:2px 0}.sidebar a:hover,.sidebar a.active{background:#ffffff18;color:#fff}.content{margin-left:245px;padding:24px}.cardx{background:#fff;border:1px solid #e7ece9;border-radius:18px;padding:18px}.stat{min-height:125px}.muted{font-size:12px;color:#7c8884}.value{font-size:27px;font-weight:800;margin-top:6px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.table td,.table th{vertical-align:middle;font-size:13px}.mobile-nav{display:none}@media(max-width:900px){.sidebar{display:none}.content{margin:0;padding:14px 14px 82px}.grid4,.grid3{grid-template-columns:1fr 1fr}.mobile-nav{display:flex;position:fixed;z-index:20;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #ddd;height:64px;justify-content:space-around}.mobile-nav a{font-size:10px;text-decoration:none;color:#777;text-align:center;padding-top:9px}.mobile-nav i{display:block;font-size:18px}.mobile-nav .active{color:#116b5e}}@media(max-width:500px){.grid4,.grid3{grid-template-columns:1fr}.cardx{padding:14px}}