*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f5f5f5;color:#333}.container{max-width:800px;margin:0 auto;padding:20px}.header{text-align:center;margin-bottom:30px}.task-form{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.btn{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px}.btn:hover{background-color:#0056b3}.btn-danger{background-color:#dc3545}.btn-danger:hover{background-color:#c82333}.task-list{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.task-item{padding:15px;border-bottom:1px solid #eee;display:flex;align-items:center;gap:15px}.task-item:last-child{border-bottom:none}.task-content{flex:1}.task-title{font-weight:500;margin-bottom:5px}.task-title.completed{text-decoration:line-through;color:#666}.task-description{color:#666;font-size:14px}.task-actions{display:flex;gap:10px}.checkbox{width:18px;height:18px}.loading{text-align:center;padding:20px;color:#666}.error{background-color:#f8d7da;color:#721c24;padding:10px;border-radius:4px;margin-bottom:20px}