*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}.login{background:linear-gradient(145deg,#eef4ff,#f8fafc);place-items:center;min-height:100vh;padding:16px;display:grid}.metric-grid,.card-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.calendar-grid{grid-template-columns:repeat(7,minmax(90px,1fr));gap:8px;display:grid}.calendar-day{min-height:112px}.calendar-day.red{border-top:5px solid #b91c1c}.calendar-day.orange{border-top:5px solid #c2410c}.calendar-day.blue{border-top:5px solid #1d4ed8}.calendar-day.green{border-top:5px solid #15803d}.calendar-day.neutral{border-top:5px solid #94a3b8}.legend{border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.legend.red{background:#b91c1c}.legend.orange{background:#c2410c}.legend.blue{background:#1d4ed8}.legend.green{background:#15803d}.bottom-nav{z-index:1200;padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:0;right:0}@media (width<=800px){.calendar-grid{grid-template-columns:repeat(7,minmax(42px,1fr));gap:3px}.calendar-day{min-height:74px}.calendar-day .MuiCardContent-root{padding:7px}.calendar-day .MuiTypography-caption{display:none}h1,.MuiTypography-h4{font-size:1.8rem!important}}