.app{min-height:100vh;padding:20px}.container{margin:0 auto;max-width:800px}.header{color:#fff;margin-bottom:2rem;text-align:center}.header h1{font-size:2.5rem;margin-bottom:.5rem;text-shadow:0 2px 4px #0000004d}.header p{font-size:1.1rem;opacity:.9}.task-form{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;margin-bottom:2rem;padding:2rem}.form-group{display:flex;flex-direction:column;gap:1rem}.input-field,.textarea-field{border:2px solid #e1e5e9;border-radius:10px;font-size:1rem;padding:1rem;transition:border-color .3s ease}.input-field:focus,.textarea-field:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.add-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 2rem;transition:transform .2s ease}.add-btn:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.tasks-section{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;padding:2rem}.tasks-section h2{color:#333;font-size:1.5rem;margin-bottom:1.5rem}.empty-state{color:#666;font-size:1.1rem;padding:3rem;text-align:center}.tasks-list{display:flex;flex-direction:column;gap:1rem}.task-card{align-items:flex-start;background:#fafafa;border:2px solid #f0f0f0;border-radius:12px;display:flex;justify-content:space-between;padding:1.5rem;transition:all .3s ease}.task-card:hover{border-color:#667eea;box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.task-card.completed{background:#f0f8f0;border-color:#4caf50}.task-card.completed .task-title{opacity:.7;text-decoration:line-through}.task-content{flex:1 1}.task-title{color:#333;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.task-description{color:#666;line-height:1.4;margin-bottom:.5rem}.task-date{color:#999;font-size:.9rem}.task-actions{display:flex;gap:.5rem}.delete-btn,.toggle-btn{border:none;border-radius:8px;cursor:pointer;font-size:1.2rem;padding:.5rem;transition:all .2s ease}.toggle-btn{background:#f0f0f0}.toggle-btn:hover{background:#e0e0e0;transform:scale(1.1)}.toggle-btn.completed{background:#e8f5e8}.delete-btn{background:#ffe0e0}.delete-btn:hover{background:#ffb0b0;transform:scale(1.1)}.loading{align-items:center;color:#fff;display:flex;font-size:1.5rem;justify-content:center;min-height:100vh}@media (max-width:768px){.container{padding:0 1rem}.task-card{flex-direction:column;gap:1rem}.task-actions{align-self:flex-end}}
/*# sourceMappingURL=main.6ffe65fb.css.map*/