.home-container{max-width:480px;margin:40px auto;padding:20px;background-color:#fff;border-radius:12px;box-shadow:0 0 20px #00000014;font-family:Segoe UI,sans-serif}.title{text-align:center;font-size:2rem;margin-bottom:24px;color:#333}.form-group{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;justify-content:center}.input{padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:6px;flex:1;min-width:120px}.btn{padding:10px 16px;font-size:1rem;border:none;border-radius:6px;cursor:pointer;transition:.3s ease}.btn.primary{background-color:#2e86de;color:#fff}.btn.primary:hover{background-color:#1e6bb8}.btn.success{background-color:#27ae60;color:#fff}.btn.success:hover{background-color:#1f8f4b}.btn.danger{background-color:#e74c3c;color:#fff}.btn.danger:hover{background-color:#c0392b}.button-group{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.task-list{display:flex;flex-direction:column;gap:8px}.task-item{background-color:#f2f2f2;padding:10px;border-radius:6px;font-size:1rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 500px){.form-group,.button-group{flex-direction:column;align-items:stretch}.btn,.input{width:100%}}.stats-container{max-width:800px;margin:40px auto;padding:20px;font-family:Segoe UI,sans-serif}.stats-title{text-align:center;font-size:2rem;margin-bottom:24px;color:#333}.stats-table{width:100%;border-collapse:collapse;font-size:1rem}.stats-table th,.stats-table td{padding:12px;border:1px solid #ddd;text-align:center}.stats-table thead{background-color:#f4f4f4}@media (max-width: 600px){.stats-table{font-size:.9rem}.stats-table th,.stats-table td{padding:8px}}