:root{--primary-green:#009472;--dark-teal:#002b2a;--bg-white:#fff;--light-gray:#f2f2f7}.container{background-color:var(--bg-white);min-height:100vh;padding:16px;font-family:-apple-system,sans-serif}.header{margin-bottom:20px}.welcome-text{color:var(--dark-teal);margin:0;font-size:24px}.stat-card{background-color:var(--dark-teal);color:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-top:10px;padding:12px;display:flex}.nav-bar{justify-content:center;align-items:center;gap:20px;margin:15px 0;display:flex}.nav-btn{background:var(--light-gray);width:32px;height:32px;color:var(--dark-teal);border:none;border-radius:50%;font-weight:700}.table-wrapper{border:1px solid var(--light-gray);border-radius:12px;overflow-x:auto}.grid-layout{grid-template-columns:140px repeat(3,1fr);min-width:350px;display:grid}.header-cell{background-color:var(--dark-teal);color:#fff;text-align:center;padding:10px;font-size:11px;font-weight:700}.habit-label{color:var(--dark-teal);border-bottom:1px solid var(--light-gray);padding:10px;font-size:12px;font-weight:500}.cell{color:#fff;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin:auto;display:flex}.input-field{border:1px solid #ccc;border-radius:8px;width:100%;margin:8px 0;padding:12px}.primary-btn{background-color:var(--primary-green);color:#fff;border:none;border-radius:10px;width:100%;padding:12px;font-weight:700}.logout-btn{color:#ff3b30;background:0 0;border:1px solid #ff3b30;border-radius:8px;width:100%;margin-top:40px;padding:8px;font-weight:700}