*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.App{margin:0 auto;max-width:800px;padding:20px}.app-title{color:#2c3e50;font-size:2.5rem;margin-bottom:30px;text-align:center}.add-todo-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.form-group{margin-bottom:15px}.form-group label{color:#555;display:block;font-weight:700;margin-bottom:5px}.form-control{border:2px solid #ddd;border-radius:4px;font-size:16px;padding:10px;transition:border-color .3s ease;width:100%}.form-control:focus{border-color:#3498db;outline:none}.btn{border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}.btn-primary{background-color:#3498db;color:#fff}.btn-primary:hover{background-color:#2980b9}.btn-danger{background-color:#e74c3c;color:#fff}.btn-danger:hover{background-color:#c0392b}.btn-success{background-color:#27ae60;color:#fff}.btn-success:hover{background-color:#229954}.todo-list{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.todo-item{align-items:center;border-bottom:1px solid #eee;display:flex;gap:15px;padding:15px 20px}.todo-item:last-child{border-bottom:none}.todo-content{flex:1 1}.todo-title{color:#2c3e50;font-size:18px;font-weight:700;margin-bottom:5px}.todo-title.completed{color:#7f8c8d;text-decoration:line-through}.todo-description{color:#666;font-size:14px}.todo-actions{display:flex;gap:10px}.todo-actions .btn{font-size:14px;padding:5px 10px}.todo-checkbox{cursor:pointer;height:20px;width:20px}.loading{color:#666;padding:20px;text-align:center}.error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;margin-bottom:20px;padding:10px}.empty-state{color:#666;padding:40px 20px;text-align:center}.empty-state h3{color:#999;margin-bottom:10px}@media (max-width:600px){.App{padding:10px}.app-title{font-size:2rem}.todo-actions{flex-direction:column}}
/*# sourceMappingURL=main.9a5005ff.css.map*/