body{background:#0f172a;margin:0;font-family:Arial,Helvetica,sans-serif}.container{max-width:1000px;margin:40px auto;padding:30px}h1{text-align:center;color:#61dafb;letter-spacing:2px;margin-bottom:25px}.addHabit{gap:10px;margin-bottom:20px;display:flex}.addHabit input{border:1px solid #ccc;border-radius:4px;flex:1;padding:10px}.addHabit button{color:#0f172a;cursor:pointer;background:#4df571;border:none;border-radius:4px;padding:10px 18px;font-weight:700;transition:all .2s}.addHabit button:hover{background:#26f252;transform:scale(1.05)}.table{background:#e5e7eb;border-radius:6px;padding:10px}.chartContainer{background:#e5e7eb;border-radius:6px;margin-top:10px;padding:20px}.chartContainer:hover{background:#f1f5f9}.recharts-wrapper svg:focus,.recharts-wrapper:focus,.recharts-wrapper :focus{outline:none}.header,.row{grid-template-columns:2fr repeat(7,1fr) 70px;display:grid}.header span{background:#d1d5db;border:1px solid #cbd5e1;justify-content:center;align-items:center;padding:10px;font-weight:700;display:flex}.row span,.row button{border:1px solid #cbd5e1;justify-content:center;align-items:center;padding:10px;display:flex}.habitName{justify-content:flex-start;padding-left:10px}.row input{cursor:pointer;accent-color:#4df571;border:1px solid #cbd5e1;place-self:center;width:18px;height:18px;display:flex}.delete{color:#fff;cursor:pointer;background:#ef4444;border:none}.delete:hover{background:#dc2626}.row:hover{background:#f1f5f9}@media (width<=700px){.header span:nth-child(n+3):nth-child(-n+8),.row input:nth-child(n+3):nth-child(-n+8){display:none}}.chartTitle{text-align:center;color:#61dafb;margin-top:40px}.stats{text-align:center;background:#ccc;border-radius:6px;justify-content:space-around;margin-top:20px;padding:15px;display:flex}.stats div{flex-direction:column;display:flex}.stats span{color:#555;font-size:12px}.stats strong{font-size:18px}.row input{transition:transform .15s}.row input:active{transform:scale(1.2)}.row input:checked{filter:brightness(1.1);transform:scale(1.15)}