*{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}.task-card-grid{grid-template-columns:repeat(3,minmax(0,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 .MuiCardActionArea-root{height:100%}.calendar-day .MuiCardContent-root{height:100%;min-height:112px;position:relative}.calendar-count{color:#fff;background:#1d4ed8;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.75rem;font-weight:700;display:inline-flex;position:absolute;top:auto;bottom:10px;left:50%;transform:translate(-50%)}.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<=1100px){.task-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-grid .MuiCardContent-root{padding:12px}.task-card-grid{grid-template-columns:1fr}.calendar-grid{grid-template-columns:repeat(7,minmax(42px,1fr));gap:3px}.calendar-day{min-height:74px}.calendar-day .MuiCardContent-root{min-height:74px;padding:7px}.calendar-count{min-width:19px;height:19px;padding:0 5px;font-size:.68rem;bottom:7px}.calendar-day .MuiTypography-caption{display:none}h1,.MuiTypography-h4{font-size:1.8rem!important}}