*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}.logo-mark{color:#fff;background:linear-gradient(145deg,#00897b,#004d46);border-radius:12px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 8px 18px #006a6038}.login-page{grid-template-columns:minmax(420px,1.08fr) minmax(420px,.92fr);min-height:100vh;display:grid}.login-brand-panel{color:#fff;background:radial-gradient(circle at 78% 18%,#4ddcbe40,#0000 34%),radial-gradient(circle at 20% 85%,#e6a23c1f,#0000 26%),linear-gradient(145deg,#073d38,#006a60 62%,#007d70);flex-direction:column;justify-content:space-between;padding:clamp(36px,5vw,76px);display:flex}.login-brand-panel .logo-mark{box-shadow:none;background:#ffffff29}.login-form-panel{background:#fbfdfc;place-items:center;padding:42px;display:grid}.mobile-login-logo{margin-bottom:48px;display:none}.nav-button.MuiButton-root{color:#667773;justify-content:flex-start;padding:11px 14px}.nav-button.MuiButton-root.active{color:#006a60;background:#e3f3f0}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.metric-icon{border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.content-grid{grid-template-columns:minmax(0,2fr) minmax(280px,.8fr);gap:24px;display:grid}.status-ring{text-align:center;border:9px solid #d7f4ef;border-radius:50%;outline:2px solid #168b7f;place-content:center;width:92px;height:92px;display:grid}.mobile-bottom-nav{z-index:1200;padding-bottom:env(safe-area-inset-bottom);height:calc(64px + env(safe-area-inset-bottom));border-top:1px solid #dfe8e6;position:fixed;bottom:0;left:0;right:0}@media (width<=1199px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=899px){.login-page{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{min-height:100vh;padding:28px}.mobile-login-logo{display:block}.content-grid{grid-template-columns:1fr}}@media (width<=599px){.metric-grid{grid-template-columns:1fr;gap:12px}.content-grid{gap:12px}}